1 | @charset "UTF-8";
|
2 |
|
3 | .#{$css-prefix}message[dir="rtl"] {
|
4 | .#{$css-prefix}message-symbol {
|
5 | float: right;
|
6 | }
|
7 |
|
8 | &.#{$css-prefix}medium {
|
9 | .#{$css-prefix}message-title {
|
10 | padding: 0 calc(#{$message-size-m-title-content-padding-left} + #{$message-size-m-icon}) 0 $message-size-m-title-content-padding-right;
|
11 | }
|
12 | .#{$css-prefix}message-close {
|
13 | left: $message-size-m-close-right;
|
14 | right: auto;
|
15 | }
|
16 | }
|
17 |
|
18 | &.#{$css-prefix}large {
|
19 | .#{$css-prefix}message-title {
|
20 | padding: 0 calc(#{$message-size-l-title-content-padding-left} + #{$message-size-l-icon}) 0 $message-size-l-title-content-padding-right;
|
21 | }
|
22 | .#{$css-prefix}message-close {
|
23 | left: $message-size-l-close-right;
|
24 | right: auto;
|
25 | }
|
26 | }
|
27 | }
|