// // Base element style overrides // // stylelint-disable selector-no-type, selector-max-type
-
{ box-sizing: border-box;
}
::selection {
color: $grey-dk-100; background: #E6E09E;
}
html {
@include fs-4; scroll-behavior: smooth;
}
body {
font-family: $body-font-family; font-size: inherit; line-height: $body-line-height; color: $body-text-color; background-color: $body-background-color;
}
ol, ul, dl, pre, address, blockquote, table, div, hr, form, fieldset, noscript .table-wrapper {
margin-top: 0;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0; margin-bottom: 1em; font-weight: 500; line-height: $body-heading-line-height; color: $body-heading-color;
}
p {
margin-top: 1em; margin-bottom: 1em;
}
a {
color: $link-color; text-decoration: none;
}
a:not() {
text-decoration: none; background-image: linear-gradient($border-color 0%, $border-color 100%); background-repeat: repeat-x; background-position: 0 100%; background-size: 1px 1px; &:hover { background-image: linear-gradient( rgba($link-color, 0.45) 0%, rgba($link-color, 0.45) 100% ); background-size: 1px 1px; }
}
code {
font-family: $mono-font-family; font-size: 0.75em; line-height: $body-line-height;
}
figure, pre {
margin: 0;
}
li {
margin: 0.25em 0;
}
img {
max-width: 100%; height: auto;
}
hr {
height: 1px; padding: 0; margin: $sp-6 0; background-color: $border-color; border: 0;
}
// wiki-link classes
.invalid-wiki-link {
color: $grey-dk-000; background: $invalid-wiki-link-color; cursor: help;
}
.wiki-link {
color: $wiki-link-color;
}
.wiki-link-embed {
position: relative; border: 1px solid $separator-color; border-radius: 15px; padding: $sp-3; .wiki-link-embed-title { @include fs-6; padding-top: $sp-3; padding-left: $sp-3; } .wiki-link-embed-content { padding: $sp-3; } .wiki-link-embed-link { position: absolute; top: 1em; right: 1em; &::before { content: "🥾"; } &:hover { filter: drop-shadow(0 0 0.8mm $drop-shadow-brown); } }
}
.wiki-link-img {
width: 50px; height: 50px;
}
.sem-tag {
@include fs-2; padding: $sp-2; border: 1px solid $separator-color; border-radius: 15px; color: $wiki-link-color; &:hover { background-color: $base-button-color; }
}
.stat-tag {
filter: drop-shadow(0 0 0.2mm $drop-shadow-green);
}
.infobox {
@include fs-2; float: right; margin-left: $sp-2; margin-right: $sp-2; padding-left: $sp-3; padding-right: $sp-3; padding-top: $sp-3; border: 1px solid $separator-color; border-radius: 15px; .title { text-align: center; margin-top: 0; } ul { padding: 0 !important; padding-left: $sp-2 !important; padding-right: $sp-2 !important; li { list-style-type: none !important; &::before { content: "" !important; } } }
}