sass-site/source/assets/css/components/_alerts.scss
2018-12-28 16:13:58 -08:00

39 lines
713 B
SCSS

.sl-c-alert {
padding: {
top: sl-px-to-rem(12px);
bottom: sl-px-to-rem(12px);
};
text-align: center;
background: darken($sl-color--hopbush, 10%);
color: rgba($sl-color--white, .875);
p,
ul,
dl {
&:first-child { margin-top: 0; }
&:last-child { margin-bottom: 0; }
}
p,
li,
dd { max-width: none; }
a {
border-bottom-color: rgba($sl-color--white, .5);
font-weight: $sl-font-weight--bold;
color: $sl-color--white;
&:hover,
&:focus {
border-bottom-color: rgba($sl-color--white, .75);
background: rgba(black, .0625);
}
&:active { border-bottom-color: $sl-color--white; }
}
&--info { background: $sl-color--midnight-blue; }
}