at the end of the day, it was inevitable
This commit is contained in:
@@ -0,0 +1,59 @@
|
||||
.#{$rt-namespace}__toast-container {
|
||||
z-index: $rt-z-index;
|
||||
position: fixed;
|
||||
padding: 0;
|
||||
width: $rt-toast-width;
|
||||
box-sizing: border-box;
|
||||
color: $white;
|
||||
word-break: break-word;
|
||||
|
||||
&--top-left {
|
||||
top: $spacer;
|
||||
left: $spacer;
|
||||
}
|
||||
&--top-center {
|
||||
top: $spacer;
|
||||
left: 50%;
|
||||
margin-inline-start: -($rt-toast-width / 2);
|
||||
}
|
||||
&--top-right {
|
||||
top: $spacer;
|
||||
right: $spacer;
|
||||
}
|
||||
&--bottom-left {
|
||||
bottom: $spacer;
|
||||
left: $spacer;
|
||||
}
|
||||
&--bottom-center {
|
||||
bottom: $spacer;
|
||||
left: 50%;
|
||||
margin-inline-start: -($rt-toast-width / 2);
|
||||
}
|
||||
&--bottom-right {
|
||||
bottom: $spacer;
|
||||
right: $spacer;
|
||||
}
|
||||
}
|
||||
|
||||
@media #{$rt-mobile} {
|
||||
.#{$rt-namespace}__toast-container {
|
||||
width: 100vw;
|
||||
padding: 0;
|
||||
left: 0;
|
||||
margin: 0;
|
||||
&--top-left,
|
||||
&--top-center,
|
||||
&--top-right {
|
||||
top: 0;
|
||||
}
|
||||
&--bottom-left,
|
||||
&--bottom-center,
|
||||
&--bottom-right {
|
||||
bottom: 0;
|
||||
}
|
||||
&--rtl{
|
||||
right: 0;
|
||||
left: initial;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user