mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-04-27 21:10:29 -04:00
49 lines
1.2 KiB
SCSS
49 lines
1.2 KiB
SCSS
@charset "UTF-8";
|
|
|
|
// Global Styles
|
|
body {
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0 auto;
|
|
background-color: $color-background;
|
|
color: $color-text;
|
|
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
|
|
"Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
|
|
"Droid Sans", "Helvetica Neue", sans-serif,
|
|
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
|
line-height: 1.5;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
a {
|
|
color: $color-links;
|
|
text-decoration: none;
|
|
background-image: underline-hack($color-links);
|
|
background-position: 0% 100%;
|
|
background-repeat: no-repeat;
|
|
background-size: 0% $link-underline-size;
|
|
padding-bottom: $link-underline-size;
|
|
transition: background-size 0.25s ease-in-out;
|
|
|
|
&:hover {
|
|
text-decoration: none;
|
|
background-size: 100% $link-underline-size;
|
|
}
|
|
|
|
&.no-underline {
|
|
background: none !important;
|
|
}
|
|
}
|
|
|
|
|
|
// Responsive
|
|
@mixin responsive--global() {
|
|
body {
|
|
// Safari iOS menu bar reappers below 44px:
|
|
// https://www.eventbrite.com/engineering/mobile-safari-why/
|
|
padding-bottom: 45px !important;
|
|
// Allows you to scroll below the viewport; default value is visible
|
|
overflow-y: scroll;
|
|
}
|
|
}
|