33 lines
796 B
SCSS
33 lines
796 B
SCSS
/*Toasts*/
|
|
.toast-tiny {
|
|
z-index: 90;
|
|
position: fixed;
|
|
left: 50%;
|
|
line-height: 35px;
|
|
padding: 0px 20px;
|
|
color: $color_white;
|
|
transition: all 200ms ease;
|
|
max-width: auto !important;
|
|
font-size: 12px;
|
|
border-radius: 60px;
|
|
border: 0px !important;
|
|
}
|
|
.toast-bottom {
|
|
bottom: 60px;
|
|
bottom: calc(65px + (constant(safe-area-inset-bottom))*1.1) !important;
|
|
bottom: calc(65px + (env(safe-area-inset-bottom))*1.1) !important;
|
|
transform: translate(-50%, 60px);
|
|
}
|
|
.toast-bottom.toast-tiny.show {
|
|
transform: translate(-50%, 0px);
|
|
}
|
|
.toast-top {
|
|
top: 60px;
|
|
top: calc(65px + (constant(safe-area-inset-bottom))*1.1) !important;
|
|
top: calc(65px + (env(safe-area-inset-bottom))*1.1) !important;
|
|
transform: translate(-50%, -60px);
|
|
}
|
|
.toast-top.toast-tiny.show {
|
|
transform: translate(-50%, 0px);
|
|
}
|