73 lines
No EOL
1.1 KiB
CSS
73 lines
No EOL
1.1 KiB
CSS
* + .banner {
|
|
margin-top: var(--sizing-base);
|
|
}
|
|
|
|
.banner:has(+ *) {
|
|
margin-bottom: var(--sizing-base);
|
|
}
|
|
|
|
.banner {
|
|
padding: var(--sizing-md);
|
|
border: 1px solid;
|
|
|
|
& p {
|
|
font-size: var(--font-size-sm);
|
|
line-height: var(--line-height-sm);
|
|
margin: 0;
|
|
|
|
a {
|
|
color: var(--text-color);
|
|
}
|
|
|
|
& > svg {
|
|
display: inline;
|
|
vertical-align: middle;
|
|
height: var(--sizing-lg);
|
|
width: var(--sizing-lg);
|
|
margin-right: var(--sizing-sm);
|
|
}
|
|
}
|
|
|
|
&.error,
|
|
&.github,
|
|
&.npm,
|
|
&.old-post,
|
|
&.rss,
|
|
&.warning {
|
|
&.error {
|
|
--border-color: var(--error);
|
|
}
|
|
|
|
&.github {
|
|
--border-color: var(--brand-github);
|
|
}
|
|
|
|
&.npm {
|
|
--border-color: var(--brand-npm);
|
|
}
|
|
|
|
&.old-post {
|
|
--border-color: var(--gray-dark);
|
|
}
|
|
|
|
&.rss {
|
|
--border-color: var(--brand-rss);
|
|
}
|
|
|
|
&.warning {
|
|
--border-color: var(--warning);
|
|
}
|
|
|
|
border-color: var(--border-color);
|
|
|
|
& p a:hover,
|
|
& p a:active,
|
|
& p a:focus {
|
|
color: var(--border-color);
|
|
}
|
|
|
|
& svg {
|
|
stroke: var(--border-color);
|
|
}
|
|
}
|
|
} |