sass-site/source/assets/css/components/_alerts.scss
2018-12-27 16:43:43 -08:00

36 lines
659 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, .75);
p,
ul,
dl {
&:first-child { margin-top: 0; }
&:last-child { margin-bottom: 0; }
}
p,
li,
dd { max-width: none; }
a {
border-bottom: 1px solid rgba($sl-color--white, .5);
font-weight: $sl-font-weight--bold;
color: inherit;
&:hover,
&:focus { border-bottom-color: rgba($sl-color--white, .75); }
&:active { border-bottom-color: $sl-color--white; }
}
&--info { background: $sl-color--midnight-blue; }
}