mirror of
https://github.com/danog/sass-site.git
synced 2024-12-13 01:47:44 +01:00
3b1a93afe9
This helps them stand out a tiny bit more, especially in functions where their backgrounds are very similar to the function background.
35 lines
633 B
SCSS
35 lines
633 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 {
|
|
margin: {
|
|
right: -1rem;
|
|
left: -1rem;
|
|
};
|
|
}
|
|
}
|
|
|
|
> *:first-child { margin-top: 0; }
|
|
|
|
> *:last-child { margin-bottom: 0; }
|
|
}
|