home/aissorg/public_html/scss/custom-styles/components/_snackbars.scss 0000644 00000001423 15116247727 0022457 0 ustar 00 /*
*
* Snackbars
*/
.snackbars {
padding: 9px 16px;
margin-left: auto;
margin-right: auto;
color: $white;
text-align: left;
background-color: $primary;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
border-radius: $border-radius-lg;
font-size: 14px;
.icon-xxs {
font-size: 18px;
}
// padding on text
p span:last-child {
padding-left: 14px;
}
// snackbar icon on the left side
&-left {
display: inline-block;
margin-bottom: 0;
}
// snackbar link or button on the right side
&-right {
display: inline-block;
float: right;
text-transform: uppercase;
&:hover {
text-decoration: underline;
}
}
@include media-breakpoint-up(sm) {
max-width: 540px;
padding: 12px 15px;
font-size: 15px;
}
}