sass-site/source/assets/css/components/_callouts.scss
2018-12-27 16:31:28 -08:00

25 lines
567 B
SCSS

.sl-c-callout {
margin: 1.5rem 0;
padding: .75rem 1rem;
background: $sl-color--nebula;
color: $sl-color--white;
a,
code { color: inherit; }
a {
border-bottom: 1px solid rgba(rgba($sl-color--white, .75), .5);
font-weight: $sl-font-weight--bold;
color: inherit;
&:hover,
&:focus { border-bottom-color: rgba($sl-color--white, .5); }
&:active { border-bottom-color: rgba($sl-color--white, .75); }
}
&--warning { background: darken($sl-color--hopbush, 10%); }
&--fun-fact { background: darken($sl-color--patina, 10%); }
}