website/static/src/scss/_content.scss

53 lines
804 B
SCSS

section.content {
font-size: 1.25rem;
padding-top: 0.5rem;
h2,
h3,
h4,
h5,
h6 {
.heading-anchor {
scroll-margin-top: var(--hero-height); // navbar height (ish)
margin-right: 0.5rem;
}
@include dark-mode {
color: $dark-mode-text;
}
}
}
.content-details {
.icon-text {
margin-right: $icon-text-spacing * 3;
align-items: center;
.icon a {
color: inherit;
&:hover {
color: $link;
}
}
span:not(.icon) + span {
margin-left: $icon-text-spacing * 1.5;
}
}
}
.container {
@include until($container-max-width) {
max-width: calc(99% - ($column-gap * 2));
}
}
.gslide-description {
background-color: transparent !important;
.gslide-title {
color: $dark-mode-text !important;
}
}