sass-site/source/assets/css/components/_alerts.scss
2019-12-18 16:09:00 -08:00

40 lines
736 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: $sl-color--white;
font-size: $sl-font-size--small;
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; }
}