diff --git a/dist/css/app.css b/dist/css/app.css deleted file mode 100644 index c164b82..0000000 --- a/dist/css/app.css +++ /dev/null @@ -1,3 +0,0 @@ -body { - background: #f3f3f1; -} \ No newline at end of file diff --git a/dist/icons/andrew.eot b/dist/icons/andrew.eot new file mode 100644 index 0000000..3b8df43 Binary files /dev/null and b/dist/icons/andrew.eot differ diff --git a/dist/icons/andrew.svg b/dist/icons/andrew.svg new file mode 100644 index 0000000..3c762ad --- /dev/null +++ b/dist/icons/andrew.svg @@ -0,0 +1,29 @@ + + + + + + +{ + "fontFamily": "andrew", + "majorVersion": 1, + "minorVersion": 0, + "fontURL": "https://andrewgioia.com", + "version": "Version 1.0", + "fontId": "andrew", + "psName": "andrew", + "subFamily": "Regular", + "fullName": "andrew", + "description": "Font generated by IcoMoon." +} + + + + + + + + + + + \ No newline at end of file diff --git a/dist/icons/andrew.ttf b/dist/icons/andrew.ttf new file mode 100644 index 0000000..c3c76e4 Binary files /dev/null and b/dist/icons/andrew.ttf differ diff --git a/dist/icons/andrew.woff b/dist/icons/andrew.woff new file mode 100644 index 0000000..7d8fe0e Binary files /dev/null and b/dist/icons/andrew.woff differ diff --git a/dist/icons/andrew.woff2 b/dist/icons/andrew.woff2 new file mode 100644 index 0000000..523d2a1 Binary files /dev/null and b/dist/icons/andrew.woff2 differ diff --git a/dist/index.html b/dist/index.html index 5c2b4af..319bab2 100644 --- a/dist/index.html +++ b/dist/index.html @@ -3,25 +3,32 @@ - - + Andrew Gioia -
- - Gioia family face icons - -

- Andrew Gioia,
dad, designer, & co-founder at TeachBoost, living & tinkering in Pittsburgh. + + Andrew Gioia, + + + dad, designer, & co-founder at TeachBoost, + + + living & tinkering in Pittsburgh. +

diff --git a/dist/interaction.js b/dist/interaction.js deleted file mode 100644 index 25db8ad..0000000 --- a/dist/interaction.js +++ /dev/null @@ -1,100 +0,0 @@ -/******/ (function(modules) { // webpackBootstrap -/******/ // The module cache -/******/ var installedModules = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ -/******/ // Check if module is in cache -/******/ if(installedModules[moduleId]) { -/******/ return installedModules[moduleId].exports; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = installedModules[moduleId] = { -/******/ i: moduleId, -/******/ l: false, -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); -/******/ -/******/ // Flag the module as loaded -/******/ module.l = true; -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/******/ -/******/ // expose the modules object (__webpack_modules__) -/******/ __webpack_require__.m = modules; -/******/ -/******/ // expose the module cache -/******/ __webpack_require__.c = installedModules; -/******/ -/******/ // define getter function for harmony exports -/******/ __webpack_require__.d = function(exports, name, getter) { -/******/ if(!__webpack_require__.o(exports, name)) { -/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); -/******/ } -/******/ }; -/******/ -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ -/******/ // create a fake namespace object -/******/ // mode & 1: value is a module id, require it -/******/ // mode & 2: merge all properties of value into the ns -/******/ // mode & 4: return value when already ns object -/******/ // mode & 8|1: behave like require -/******/ __webpack_require__.t = function(value, mode) { -/******/ if(mode & 1) value = __webpack_require__(value); -/******/ if(mode & 8) return value; -/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; -/******/ var ns = Object.create(null); -/******/ __webpack_require__.r(ns); -/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); -/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); -/******/ return ns; -/******/ }; -/******/ -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function getDefault() { return module['default']; } : -/******/ function getModuleExports() { return module; }; -/******/ __webpack_require__.d(getter, 'a', getter); -/******/ return getter; -/******/ }; -/******/ -/******/ // Object.prototype.hasOwnProperty.call -/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; -/******/ -/******/ // __webpack_public_path__ -/******/ __webpack_require__.p = ""; -/******/ -/******/ -/******/ // Load entry module and return exports -/******/ return __webpack_require__(__webpack_require__.s = "./src/interaction.js"); -/******/ }) -/************************************************************************/ -/******/ ({ - -/***/ "./src/interaction.js": -/*!****************************!*\ - !*** ./src/interaction.js ***! - \****************************/ -/*! no static exports found */ -/***/ (function(module, exports) { - -eval("\n\n//# sourceURL=webpack:///./src/interaction.js?"); - -/***/ }) - -/******/ }); \ No newline at end of file diff --git a/dist/normalize.css b/dist/site.css similarity index 58% rename from dist/normalize.css rename to dist/site.css index 192eb9c..5a587d4 100644 --- a/dist/normalize.css +++ b/dist/site.css @@ -1,25 +1,24 @@ +@charset "UTF-8"; +/*! AndrewGioia.com style definitions v7.0.1 */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ - /* Document ========================================================================== */ - /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ - html { - line-height: 1.15; /* 1 */ - -webkit-text-size-adjust: 100%; /* 2 */ + line-height: 1.15; + /* 1 */ + -webkit-text-size-adjust: 100%; + /* 2 */ } /* Sections ========================================================================== */ - /** * Remove the margin in all browsers. */ - body { margin: 0; } @@ -27,7 +26,6 @@ body { /** * Render the `main` element consistently in IE. */ - main { display: block; } @@ -36,7 +34,6 @@ main { * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ - h1 { font-size: 2em; margin: 0.67em 0; @@ -44,35 +41,35 @@ h1 { /* Grouping content ========================================================================== */ - /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ - hr { - box-sizing: content-box; /* 1 */ - height: 0; /* 1 */ - overflow: visible; /* 2 */ + box-sizing: content-box; + /* 1 */ + height: 0; + /* 1 */ + overflow: visible; + /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ - pre { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ + font-family: monospace, monospace; + /* 1 */ + font-size: 1em; + /* 2 */ } /* Text-level semantics ========================================================================== */ - /** * Remove the gray background on active links in IE 10. */ - a { background-color: transparent; } @@ -81,17 +78,18 @@ a { * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ - abbr[title] { - border-bottom: none; /* 1 */ - text-decoration: underline; /* 2 */ - text-decoration: underline dotted; /* 2 */ + border-bottom: none; + /* 1 */ + text-decoration: underline; + /* 2 */ + text-decoration: underline dotted; + /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ - b, strong { font-weight: bolder; @@ -101,18 +99,18 @@ strong { * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ - code, kbd, samp { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ + font-family: monospace, monospace; + /* 1 */ + font-size: 1em; + /* 2 */ } /** * Add the correct font size in all browsers. */ - small { font-size: 80%; } @@ -121,7 +119,6 @@ small { * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ - sub, sup { font-size: 75%; @@ -140,41 +137,41 @@ sup { /* Embedded content ========================================================================== */ - /** * Remove the border on images inside links in IE 10. */ - img { border-style: none; } /* Forms ========================================================================== */ - /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ - button, input, optgroup, select, textarea { - font-family: inherit; /* 1 */ - font-size: 100%; /* 1 */ - line-height: 1.15; /* 1 */ - margin: 0; /* 2 */ + font-family: inherit; + /* 1 */ + font-size: 100%; + /* 1 */ + line-height: 1.15; + /* 1 */ + margin: 0; + /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ - button, -input { /* 1 */ +input { + /* 1 */ overflow: visible; } @@ -182,31 +179,29 @@ input { /* 1 */ * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ - button, -select { /* 1 */ +select { + /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ - button, -[type="button"], -[type="reset"], -[type="submit"] { +[type=button], +[type=reset], +[type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ - button::-moz-focus-inner, -[type="button"]::-moz-focus-inner, -[type="reset"]::-moz-focus-inner, -[type="submit"]::-moz-focus-inner { +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { border-style: none; padding: 0; } @@ -214,18 +209,16 @@ button::-moz-focus-inner, /** * Restore the focus styles unset by the previous rule. */ - button:-moz-focusring, -[type="button"]:-moz-focusring, -[type="reset"]:-moz-focusring, -[type="submit"]:-moz-focusring { +[type=button]:-moz-focusring, +[type=reset]:-moz-focusring, +[type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ - fieldset { padding: 0.35em 0.75em 0.625em; } @@ -236,20 +229,24 @@ fieldset { * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ - legend { - box-sizing: border-box; /* 1 */ - color: inherit; /* 2 */ - display: table; /* 1 */ - max-width: 100%; /* 1 */ - padding: 0; /* 3 */ - white-space: normal; /* 1 */ + box-sizing: border-box; + /* 1 */ + color: inherit; + /* 2 */ + display: table; + /* 1 */ + max-width: 100%; + /* 1 */ + padding: 0; + /* 3 */ + white-space: normal; + /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ - progress { vertical-align: baseline; } @@ -257,7 +254,6 @@ progress { /** * Remove the default vertical scrollbar in IE 10+. */ - textarea { overflow: auto; } @@ -266,19 +262,19 @@ textarea { * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ - -[type="checkbox"], -[type="radio"] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ +[type=checkbox], +[type=radio] { + box-sizing: border-box; + /* 1 */ + padding: 0; + /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ - -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { height: auto; } @@ -286,17 +282,17 @@ textarea { * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ - -[type="search"] { - -webkit-appearance: textfield; /* 1 */ - outline-offset: -2px; /* 2 */ +[type=search] { + -webkit-appearance: textfield; + /* 1 */ + outline-offset: -2px; + /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ - -[type="search"]::-webkit-search-decoration { +[type=search]::-webkit-search-decoration { -webkit-appearance: none; } @@ -304,19 +300,18 @@ textarea { * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ - ::-webkit-file-upload-button { - -webkit-appearance: button; /* 1 */ - font: inherit; /* 2 */ + -webkit-appearance: button; + /* 1 */ + font: inherit; + /* 2 */ } /* Interactive ========================================================================== */ - /* * Add the correct display in Edge, IE 10+, and Firefox. */ - details { display: block; } @@ -324,18 +319,15 @@ details { /* * Add the correct display in all browsers. */ - summary { display: list-item; } /* Misc ========================================================================== */ - /** * Add the correct display in IE 10+. */ - template { display: none; } @@ -343,7 +335,100 @@ template { /** * Add the correct display in IE 10. */ - [hidden] { display: none; } + +body { + background: #f3f3f1; + display: flex; + flex-direction: column; + font-size: 16px; + height: 100vh; + justify-content: space-between; + overflow: hidden; + width: 100vw; +} + +main { + border-top: 1vmin solid #fff; + padding: 6vmin; +} +main h1 { + color: #002953; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; + font-size: 4rem; + font-size: 10vmin; + font-size: max(10vmin, 24px); + font-weight: 700; + line-height: 1.15; + margin: 0; +} +main h1 span.who { + display: block; + font-weight: 900; +} +main h1 a { + color: #0069ff; + text-decoration: none; +} + +footer { + align-items: center; + display: flex; + flex-direction: row; + justify-content: start; + padding: 6vmin; +} +footer a { + font-size: 3rem; + font-size: 5vmin; + font-size: max(5vmin, 32px); + margin-right: 2vmin; + text-decoration: none; +} +footer a .icon-github { + color: #24292e; +} +footer a .icon-mastodon { + color: #3088d4; +} + +@font-face { + font-family: "andrew"; + src: url("icons/andrew.eot?9vzntv"); + src: url("icons/andrew.eot?9vzntv#iefix") format("embedded-opentype"), url("icons/andrew.woff2?9vzntv") format("woff2"), url("icons/andrew.ttf?9vzntv") format("truetype"), url("icons/andrew.woff?9vzntv") format("woff"), url("icons/andrew.svg?9vzntv#andrew") format("svg"); + font-weight: normal; + font-style: normal; + font-display: block; +} +[class^=icon-], [class*=" icon-"] { + font-family: "andrew" !important; + speak: never; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-github:before { + content: ""; +} + +.icon-mastodon:before { + content: ""; +} + +@media only screen and (min-width: 1280px) { + main { + padding-right: 20vmin; + } +} +@media only screen and (min-width: 1440px) { + main { + padding-right: 32vmin; + } +} diff --git a/dist/theme.css b/dist/theme.css deleted file mode 100644 index 4c2baa5..0000000 --- a/dist/theme.css +++ /dev/null @@ -1,29 +0,0 @@ -body { - background: #f3f3f1; - font-size: 16px; -} - -h1 { - color: #002953; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; - font-size: max(5vw, 36px); - font-weight: 900; - line-height: 1.15; - margin: 2vw 33vw 2vw 5vw; -} - -header { - background: #fff; - padding: 1vh 5vw 0; -} -header object { - width: 12vw; -} - -@media only screen and (max-width: 640px) { - h1 { - margin: 5vw 5vw 0; - } -} - -/*# sourceMappingURL=theme.css.map */ diff --git a/dist/theme.css.map b/dist/theme.css.map deleted file mode 100644 index b150d60..0000000 --- a/dist/theme.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["../src/theme.scss"],"names":[],"mappings":"AAUA;EACI,YAXgB;EAYhB,WATgB;;;AAYpB;EACI,OAfgB;EAgBhB,aAfgB;EAgBhB;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;AAEA;EACI;;;AAKR;EACI;IACI","file":"theme.css"} \ No newline at end of file diff --git a/package.json b/package.json index f031e0a..39d2603 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "andrewgioia.com", "version": "7.0.0", - "description": "Online landing page for Andrew Gioia, co-founder of TeachBoost.", + "description": "Internet homepage for Andrew Gioia, co-founder of TeachBoost.", "main": "public/index.html", "private": true, "dependencies": { @@ -12,7 +12,8 @@ }, "scripts": { "test": "echo \"Error: no test specified\" && exit 1", - "dev": "sass src/theme.scss dist/theme.css && cp src/index.html dist/index.html && cp -R src/img dist" + "dev": "sass --no-source-map src/scss/theme.scss dist/site.css && cp src/index.html dist/index.html && cp -R src/img dist && cp -R src/icons dist", + "prod": "sass --no-source-map src/scss/theme.scss dist/site.css && cp src/index.html dist/index.html && cp -R src/img dist && cp -R src/icons dist" }, "repository": { "type": "git", @@ -20,9 +21,9 @@ }, "keywords": [], "author": "Andrew Gioia", - "license": "ISC", + "license": "CC-BY-SA-4.0", "bugs": { "url": "https://github.com/andrewgioia/home/issues" }, - "homepage": "https://github.com/andrewgioia/home#readme" + "homepage": "https://andrewgioia.com" } diff --git a/src/icons/andrew.eot b/src/icons/andrew.eot new file mode 100644 index 0000000..3b8df43 Binary files /dev/null and b/src/icons/andrew.eot differ diff --git a/src/icons/andrew.svg b/src/icons/andrew.svg new file mode 100644 index 0000000..3c762ad --- /dev/null +++ b/src/icons/andrew.svg @@ -0,0 +1,29 @@ + + + + + + +{ + "fontFamily": "andrew", + "majorVersion": 1, + "minorVersion": 0, + "fontURL": "https://andrewgioia.com", + "version": "Version 1.0", + "fontId": "andrew", + "psName": "andrew", + "subFamily": "Regular", + "fullName": "andrew", + "description": "Font generated by IcoMoon." +} + + + + + + + + + + + \ No newline at end of file diff --git a/src/icons/andrew.ttf b/src/icons/andrew.ttf new file mode 100644 index 0000000..c3c76e4 Binary files /dev/null and b/src/icons/andrew.ttf differ diff --git a/src/icons/andrew.woff b/src/icons/andrew.woff new file mode 100644 index 0000000..7d8fe0e Binary files /dev/null and b/src/icons/andrew.woff differ diff --git a/src/icons/andrew.woff2 b/src/icons/andrew.woff2 new file mode 100644 index 0000000..523d2a1 Binary files /dev/null and b/src/icons/andrew.woff2 differ diff --git a/src/index.html b/src/index.html index 5c2b4af..319bab2 100644 --- a/src/index.html +++ b/src/index.html @@ -3,25 +3,32 @@ - - + Andrew Gioia -
- - Gioia family face icons - -

- Andrew Gioia,
dad, designer, & co-founder at TeachBoost, living & tinkering in Pittsburgh. + + Andrew Gioia, + + + dad, designer, & co-founder at TeachBoost, + + + living & tinkering in Pittsburgh. +

diff --git a/src/interaction.js b/src/interaction.js deleted file mode 100644 index e69de29..0000000 diff --git a/src/scss/_icons.scss b/src/scss/_icons.scss new file mode 100644 index 0000000..69ccc3f --- /dev/null +++ b/src/scss/_icons.scss @@ -0,0 +1,33 @@ +@font-face { + font-family: 'andrew'; + src: url('icons/andrew.eot?9vzntv'); + src: url('icons/andrew.eot?9vzntv#iefix') format('embedded-opentype'), + url('icons/andrew.woff2?9vzntv') format('woff2'), + url('icons/andrew.ttf?9vzntv') format('truetype'), + url('icons/andrew.woff?9vzntv') format('woff'), + url('icons/andrew.svg?9vzntv#andrew') format('svg'); + font-weight: normal; + font-style: normal; + font-display: block; +} + +[class^="icon-"], [class*=" icon-"] { + font-family: 'andrew' !important; // !i to prevent issues with browser extensions that change fonts + speak: never; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + // better rendering + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-github:before { + content: "\e900"; +} +.icon-mastodon:before { + content: "\e901"; +} diff --git a/src/scss/theme.scss b/src/scss/theme.scss new file mode 100644 index 0000000..554f45b --- /dev/null +++ b/src/scss/theme.scss @@ -0,0 +1,91 @@ +/*! AndrewGioia.com style definitions v7.0.1 */ + +// normalize +@import "../../node_modules/normalize.css/normalize"; + +// our stuff +$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; + display: flex; + flex-direction: column; + font-size: $font-size-base; + height: 100vh; + justify-content: space-between; + overflow: hidden; + width: 100vw; +} + +main { + border-top: 1vmin solid #fff; + padding: 6vmin; + + h1 { + color: $font-color-navy; + font-family: $font-family-base; + font-size: 4rem; // basic fallback + font-size: 10vmin; // premium fallback + font-size: max(10vmin, 24px); + font-weight: 700; + line-height: 1.15; + margin: 0; + + span.who { + display: block; + font-weight: 900; + } + + a { + color: #0069ff; + text-decoration: none; + } + } +} + +footer { + align-items: center; + display: flex; + flex-direction: row; + justify-content: start; + padding: 6vmin; + + a { + font-size: 3rem; // basic fallback + font-size: 5vmin; // premium fallback + font-size: max(5vmin, 32px); + margin-right: 2vmin; + text-decoration: none; + + .icon-github { + color: #24292e; + } + + .icon-mastodon { + color: #3088d4; + } + } +} + +// icons +@import "icons"; + +// media queries +@media only screen and (min-width: $screen-display) { + main { + padding-right: 20vmin; + } +} +@media only screen and (min-width: $screen-full) { + main { + padding-right: 32vmin; + } +} diff --git a/src/theme.scss b/src/theme.scss deleted file mode 100644 index 3b84a4d..0000000 --- a/src/theme.scss +++ /dev/null @@ -1,39 +0,0 @@ -$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; - } -}