p, footer, .post-list, .relatedposts, .support, .footnote, .post li, .post td {
a { color: $default-color; outline: none; text-decoration: none !important; transition: all .2s ease-out; background: linear-gradient($accent-color, $accent-color); background-size: 100% .2em; background-repeat: no-repeat; background-position: left 0 bottom 0; }
}
results-container a {
color: $default-color; text-decoration: none;
}
ul#results-container li {
color: $accent-color; list-style-type: square;
}
input, textarea {
font-family: $serif-primary; font-size: 1em; border: none; padding: 0.2em 0.5em; width: 100%;
}
input:focus, textarea:focus {
outline: none;
}
.post-info a {
color: inherit; text-decoration: none;
}
.post-info a:hover {
text-decoration: none;
}
.post .drop-cap {
font-size: 5.8em; float: left; line-height: 1; margin: -0.09em 0.03em -0.1em -0.05em;
}
.post > p:first-of-type::first-line {
font-family: $sc-font; text-transform: lowercase; letter-spacing: 0.01em;
}
.page .post-title, .post .post-title, .catalogue-title {
text-transform: lowercase;
}
.post > .post-subtitle {
font-size: $base-font-size; font-family: $serif-primary; font-style: italic; font-weight: normal; text-align: center; margin-top: -1rem; margin-bottom: 3rem;
}
.relatedposts ul li, .post ul li {
font-size: $base-font-size; list-style-type: square;
}
.post ul#markdown-toc {
color: $accent-color; li a { background: none; }
}
.relatedposts {
margin: 2.5em 0;
}
.footer-icons {
color: $grey-2; font-size: 3em; margin-top: 0.2em;
}
.footer-icons .fas, .footer-icons .fab {
margin: 0 0.1em;
}
.share-bar {
padding-bottom: 1.5em;
}
footer {
max-width: 40em;
}
// for those little screens
@media (max-width: 37.5em) {
* { line-height: 1.45em; } html { font-size: 1.1 * $base-font-size; } .post-title { font-size: 2.5em; } .post .drop-cap { font-size: 5.2em; float: left; line-height: 1; margin: -0.09em 0.03em -0.1em -0.05em; } .nav-title { font-size: 2em; margin-top: 1em; } .nav-container ul { font-size: 1.3em; } .nav-container ul a { color: $grey-1; } .share-bar .share-buttons { font-size: 1.1em; } .share-bar .share-buttons .fab { margin: 0 0.1em; }
}
::selection {
background-color: $accent-color;
}
footer, .share-bar, .nav-container { /* Disable selection of some elements */
-webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
@media (max-width: 37.5em) {
* { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ }
}
.post blockquote p {
font-size: 0.9 * $base-font-size;
}
.post li {
font-size: $base-font-size;
}
.hidden {
display: none;
}
.small-caps {
font-family: $sc-font; letter-spacing: 0.01em; text-transform: lowercase;
}
// for HiDPI screens
@media (min-width: 90em) {
html { font-size: 1.2 * $base-font-size; }
}
// sub-heading adjustments
.post h2 {
font-size: 1.7em;
}
.post h3 {
font-size: 1.4em;
}
// footnote tweaks
.post > .footnotes {
border-top: solid 1px $grey-2; ol li, ol li p { font-size: 0.9 * $base-font-size; } .reversefootnote { background: none; }
}
.post-info > a::before {
content: "Written by "; font-style: italic;
}
.post-info time::before {
content: "on "; font-style: italic;
}
.contact-form {
margin-bottom: 2em;
}
.contact-form input {
display: block; background: $accent-color; max-width: 8em; margin: 0 auto; border-radius: 0.15em; /* Disable iOS and Mozilla button overrides*/ -webkit-appearance: none; -moz-appearance: none;
}
table {
margin-right: auto; margin-left: auto; margin-bottom: 1em;
}
.yt-container {
position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin-bottom: 1em;
}
.video {
position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0.4rem;
}
th, td {
padding-left: 0.3em; padding-right: 0.3em;
}
th {
font-family: $sans-serif; font-size: 1.1em;
}