sass-site/source/assets/css/components/_callouts.scss
2019-03-18 17:49:03 -07:00

48 lines
874 B
SCSS

.sl-c-callout {
margin: 1.5rem 0;
padding: 1.5rem 1rem;
background: lighten($sl-color--pale-sky, 50%);
border-radius: 2px;
&--warning {
background: lighten($sl-color--hopbush, 36%);
border: 1px solid lighten($sl-color--hopbush, 27%);
}
&--fun-fact {
background: lighten($sl-color--patina, 43%);
border: 1px solid lighten($sl-color--patina, 32%);
}
&--function {
padding: {
top: 0;
bottom: .25rem;
};
.signature {
// Make sure permalinks are visible.
overflow: visible;
margin: {
right: -1rem;
left: -1rem;
};
}
}
&--impl-status {
font-size: 0.8em;
margin-top: -1rem;
padding: 0.8rem;
.sl-c-callout & {
background: lighten($sl-color--pale-sky, 53%);
}
}
> *:first-child { margin-top: 0; }
> *:last-child { margin-bottom: 0; }
}