| 1 | @import "../../common/less/common-mixins.less";
|
| 2 | @import "../../common/less/common-variables.less";
|
| 3 |
|
| 4 | .pl-message {
|
| 5 | position: relative;
|
| 6 |
|
| 7 | .word {
|
| 8 | display: inline-block;
|
| 9 | margin-left: 1.5rem;
|
| 10 | position: relative;
|
| 11 | .transform(translateY(1rem));
|
| 12 | opacity: 0;
|
| 13 |
|
| 14 | &:first-child {
|
| 15 | margin-left: 0;
|
| 16 | }
|
| 17 |
|
| 18 | &.display {
|
| 19 | opacity: 1;
|
| 20 | .transform(translateY(0));
|
| 21 | .transition(all 0.35s @easeOutQuart);
|
| 22 | }
|
| 23 |
|
| 24 | &.out {
|
| 25 | opacity: 0;
|
| 26 | .transform(translateY(-1rem));
|
| 27 | .transition(all 0.35s @easeOutQuart);
|
| 28 | }
|
| 29 |
|
| 30 | strong {
|
| 31 | font-weight: 300;
|
| 32 | }
|
| 33 | }
|
| 34 | }
|