115 lines
1.6 KiB
SCSS
115 lines
1.6 KiB
SCSS
|
// stylelint-disable property-no-vendor-prefix
|
||
|
|
// Reset browsers to some sane defaults.
|
||
|
|
|
||
|
|
// Document
|
||
|
|
|
||
|
|
html {
|
||
|
|
// Prevent adjustments of font size.
|
||
|
|
-webkit-text-size-adjust: none;
|
||
|
|
text-size-adjust: none;
|
||
|
|
// On short pages, we want any background gradients to fill the entire height
|
||
|
|
// of the browser.
|
||
|
|
min-height: 100%;
|
||
|
|
// Use the saner border-box model.
|
||
|
|
box-sizing: border-box;
|
||
|
|
// Use smooth scrolling.
|
||
|
|
scroll-behavior: smooth;
|
||
|
|
// Improve text rendering.
|
||
|
|
-webkit-font-smoothing: antialiased;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Use the saner border-box model for all elements.
|
||
|
|
*,
|
||
|
|
*::before,
|
||
|
|
*::after {
|
||
|
|
box-sizing: inherit;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Sections
|
||
|
|
|
||
|
|
body {
|
||
|
|
// Remove the margin in all browsers.
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Embedded content
|
||
|
|
|
||
|
|
img,
|
||
|
|
picture,
|
||
|
|
video,
|
||
|
|
canvas,
|
||
|
|
svg {
|
||
|
|
display: block;
|
||
|
|
max-width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
img,
|
||
|
|
svg {
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
figure {
|
||
|
|
margin-inline: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Form defaults.
|
||
|
|
|
||
|
|
input,
|
||
|
|
button,
|
||
|
|
textarea,
|
||
|
|
select {
|
||
|
|
font: inherit;
|
||
|
|
max-width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
label {
|
||
|
|
display: block;
|
||
|
|
font-weight: var(--fw-bold);
|
||
|
|
}
|
||
|
|
|
||
|
|
[type='search'] {
|
||
|
|
@include respond-to(s) {
|
||
|
|
// Correct the odd appearance in Safari on desktop.
|
||
|
|
-webkit-appearance: textfield;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Text-level semantics
|
||
|
|
//
|
||
|
|
// The elements in this section give semantics to inline text.
|
||
|
|
|
||
|
|
// Code
|
||
|
|
|
||
|
|
code,
|
||
|
|
kbd,
|
||
|
|
samp {
|
||
|
|
font-family: var(--ff-monospace);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Mark text
|
||
|
|
|
||
|
|
mark {
|
||
|
|
@extend %highlight-mark;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Superscript / Subscript
|
||
|
|
|
||
|
|
sub,
|
||
|
|
sup {
|
||
|
|
// Prevent `sub` and `sup` elements from affecting the line height in
|
||
|
|
// all browsers.
|
||
|
|
font-size: var(--fs-xs);
|
||
|
|
line-height: 0;
|
||
|
|
position: relative;
|
||
|
|
vertical-align: baseline;
|
||
|
|
}
|
||
|
|
|
||
|
|
sub {
|
||
|
|
bottom: -.25em;
|
||
|
|
}
|
||
|
|
|
||
|
|
sup {
|
||
|
|
top: -.5em;
|
||
|
|
}
|