discourse/app/assets/stylesheets/common/components/banner.scss
2022-03-15 16:19:55 +01:00

53 lines
877 B
SCSS

// --------------------------------------------------
// Banner
// --------------------------------------------------
#banner {
padding: 1em;
background: var(--tertiary-low);
color: var(--primary);
z-index: z("base") + 1;
margin-bottom: 1em;
max-height: 20vh;
overflow: auto;
.floated-buttons {
float: right;
display: flex;
> .btn {
padding-top: 0em;
padding-bottom: 0em;
color: var(--primary-high);
.d-icon {
color: var(--primary-medium);
}
&:hover {
color: var(--primary);
.d-icon {
color: var(--primary-high);
}
}
}
.desktop-view & .btn.close {
margin-left: 0.25em;
}
}
}
#banner-content {
hr {
border-color: var(--primary-medium);
}
> p:first-child {
margin-top: 0;
}
> p:last-of-type {
margin-bottom: 0;
}
}