mirror of https://github.com/andrewgioia/home.git
40 lines
820 B
SCSS
40 lines
820 B
SCSS
$bg-light: #f3f3f1;
|
|
$font-color-navy: #002953;
|
|
$font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
|
|
$font-size-base: 16px;
|
|
$screen-mobile: 640px;
|
|
$screen-tablet: 768px;
|
|
$screen-laptop: 1024px;
|
|
$screen-display: 1280px;
|
|
$screen-full: 1440px;
|
|
|
|
body {
|
|
background: $bg-light;
|
|
font-size: $font-size-base;
|
|
}
|
|
|
|
h1 {
|
|
color: $font-color-navy;
|
|
font-family: $font-family-base;
|
|
font-size: max(5vw, 36px);
|
|
font-weight: 900;
|
|
line-height: 1.15;
|
|
margin: 2vw 33vw 2vw 5vw;
|
|
}
|
|
|
|
header {
|
|
background: #fff;
|
|
padding: 1vh 5vw 0;
|
|
|
|
object {
|
|
width: 12vw;
|
|
}
|
|
}
|
|
|
|
// media queries
|
|
@media only screen and (max-width: $screen-mobile) {
|
|
h1 {
|
|
margin: 5vw 5vw 0;
|
|
}
|
|
}
|