man.sr.ht/scss/main.scss

91 lines
1.1 KiB
SCSS

@import "base";
$darker: darken($gray-900, 6);
html, body {
min-height: 100%;
height: 100%;
}
img {
max-width: 100%;
display: block;
margin: 0 auto;
}
h3 {
padding-top: 1rem;
}
h4 {
padding-top: 1rem;
}
h5 {
border-bottom: 1px solid #e9ecef;
}
.highlight .err {
border: none !important;
}
.event-list .toc.event {
padding: 0.5rem 1rem;
}
.alert {
position: initial;
}
.event-row {
display: flex;
justify-content: space-between;
align-content: space-between;
align-items: stretch;
flex-wrap: wrap;
margin-bottom: 0;
.event {
display: flex;
flex-direction: column;
max-width: calc(50% - 0.5rem);
margin: 0;
margin-bottom: 1rem !important;
h3 {
padding-top: 0;
}
@include media-breakpoint-down(sm) {
max-width: 100%;
}
p {
flex-grow: 1;
white-space: normal;
}
}
}
.configure {
.event {
display: flex;
flex-direction: row;
align-items: center;
h4 {
border: none;
flex-grow: 1;
}
}
}
code.grey {
background: $gray-200;
padding: 0 0.25rem;
@media (prefers-color-scheme: dark) {
background: $darker;
}
}