sass-site/source/assets/css/components/_callouts.scss
2018-10-23 15:06:39 -07:00

34 lines
544 B
SCSS

.sl-c-callout {
margin: 1.5rem 0;
padding: .75rem 1rem;
background: $nebula;
&--warning,
&--fun-fact {
&,
a,
code { color: $white; }
a { text-decoration: underline; }
}
&--warning { background: darken($hopbush, 10%); }
&--fun-fact { background: darken($patina, 10%); }
h3 { padding-top: .75rem; }
.highlight {
box-sizing: border-box;
width: 100%;
}
h3,
.highlight code,
.ui-tabs .ui-tabs-nav .ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.css-tab a::before {
color: inherit;
}
}