Docker-Docs/_scss/_notes.scss

80 lines
1.4 KiB
SCSS

//noinspection CssNoGenericFontName
blockquote {
background-color: $note-bg-color;
border-left-color: $note-color;
font-size: unset; // override bootstrap font-size for blockquotes
> p:first-child {
color: $note-color;
font-weight: 700;
margin-top: 0;
&::before {
font-family: FontAwesome;
content: "\f058 \00a0";
}
}
// Maintain backwards compatibility with old note style
> p:only-child {
color: inherit;
font-weight: inherit;
&::before {
content: none;
}
}
&.important {
border-left-color: $important-color;
> p:first-child {
color: $important-color;
&::before {
content: "\f06a \00a0";
}
}
}
&.warning {
border-left-color: $warning-color;
> p:first-child {
color: $warning-color;
&::before {
content: "\f057 \00a0";
}
}
}
}
/* For Bootstrap badges */
span {
&.badge {
border-radius: .25rem;
color: #fff;
display: inline-block;
font-size: 75%;
font-weight: bold;
line-height: 1;
padding: .25em .4em;
text-align: center;
vertical-align: baseline;
white-space: nowrap;
&.badge-info {
background-color: $note-color;
}
&.badge-danger {
background-color: $warning-color;
}
&.badge-warning {
background-color: $important-color;
}
}
}