Files
freeCodeCamp/client/src/components/Flash/flash.css
Vivek Agrawal a443509caa fix: text overflow & portfolio hr (#37189)
* fix: text overflow & portfolio hr

* fix: code wrap

* fix: wrap locally

* fix: wrap location & resolve conflict

* fix: deprecated api

* fix: private portfolio overflows
2019-10-17 10:29:06 +03:00

30 lines
472 B
CSS

.flash-message {
display: flex;
justify-content: space-around;
flex-direction: row-reverse;
margin-bottom: 0px;
position: fixed;
width: 100%;
z-index: 1000;
}
.flash-message div {
max-width: 100%;
overflow-wrap: break-word;
}
.flash-message-enter {
opacity: 0;
}
.flash-message-enter-active {
opacity: 1;
transition: opacity 500ms;
}
.flash-message-exit {
opacity: 1;
}
.flash-message-exit-active {
opacity: 0;
transition: opacity 100ms;
}