UNPKG

1.06 kBSCSSView Raw
1.#{$rt-namespace}__toast-container {
2 z-index: var(--toastify-z-index);
3 -webkit-transform: translate3d(0, 0, var(--toastify-z-index) px);
4 position: fixed;
5 padding: 4px;
6 width: var(--toastify-toast-width);
7 box-sizing: border-box;
8 color: #fff;
9 &--top-left {
10 top: 1em;
11 left: 1em;
12 }
13 &--top-center {
14 top: 1em;
15 left: 50%;
16 transform: translateX(-50%);
17 }
18 &--top-right {
19 top: 1em;
20 right: 1em;
21 }
22 &--bottom-left {
23 bottom: 1em;
24 left: 1em;
25 }
26 &--bottom-center {
27 bottom: 1em;
28 left: 50%;
29 transform: translateX(-50%);
30 }
31 &--bottom-right {
32 bottom: 1em;
33 right: 1em;
34 }
35}
36
37@media #{$rt-mobile} {
38 .#{$rt-namespace}__toast-container {
39 width: 100vw;
40 padding: 0;
41 left: 0;
42 margin: 0;
43 &--top-left,
44 &--top-center,
45 &--top-right {
46 top: 0;
47 transform: translateX(0);
48 }
49 &--bottom-left,
50 &--bottom-center,
51 &--bottom-right {
52 bottom: 0;
53 transform: translateX(0);
54 }
55 &--rtl {
56 right: 0;
57 left: initial;
58 }
59 }
60}