diff --git a/404.html b/404.html index 291959fe..dd97e470 100644 --- a/404.html +++ b/404.html @@ -9,9 +9,9 @@ - + - + - + diff --git a/blocks/cards/cards.css b/cigaradvisor/blocks/cards/cards.css similarity index 100% rename from blocks/cards/cards.css rename to cigaradvisor/blocks/cards/cards.css diff --git a/blocks/cards/cards.js b/cigaradvisor/blocks/cards/cards.js similarity index 100% rename from blocks/cards/cards.js rename to cigaradvisor/blocks/cards/cards.js diff --git a/blocks/columns/columns.css b/cigaradvisor/blocks/columns/columns.css similarity index 100% rename from blocks/columns/columns.css rename to cigaradvisor/blocks/columns/columns.css diff --git a/blocks/columns/columns.js b/cigaradvisor/blocks/columns/columns.js similarity index 100% rename from blocks/columns/columns.js rename to cigaradvisor/blocks/columns/columns.js diff --git a/blocks/footer/footer.css b/cigaradvisor/blocks/footer/footer.css similarity index 100% rename from blocks/footer/footer.css rename to cigaradvisor/blocks/footer/footer.css diff --git a/blocks/footer/footer.js b/cigaradvisor/blocks/footer/footer.js similarity index 100% rename from blocks/footer/footer.js rename to cigaradvisor/blocks/footer/footer.js diff --git a/blocks/fragment/fragment.css b/cigaradvisor/blocks/fragment/fragment.css similarity index 100% rename from blocks/fragment/fragment.css rename to cigaradvisor/blocks/fragment/fragment.css diff --git a/blocks/fragment/fragment.js b/cigaradvisor/blocks/fragment/fragment.js similarity index 100% rename from blocks/fragment/fragment.js rename to cigaradvisor/blocks/fragment/fragment.js diff --git a/blocks/header/header.css b/cigaradvisor/blocks/header/header.css similarity index 100% rename from blocks/header/header.css rename to cigaradvisor/blocks/header/header.css diff --git a/blocks/header/header.js b/cigaradvisor/blocks/header/header.js similarity index 100% rename from blocks/header/header.js rename to cigaradvisor/blocks/header/header.js diff --git a/blocks/hero/hero.css b/cigaradvisor/blocks/hero/hero.css similarity index 100% rename from blocks/hero/hero.css rename to cigaradvisor/blocks/hero/hero.css diff --git a/blocks/hero/hero.js b/cigaradvisor/blocks/hero/hero.js similarity index 100% rename from blocks/hero/hero.js rename to cigaradvisor/blocks/hero/hero.js diff --git a/fonts/roboto-bold.woff2 b/cigaradvisor/fonts/roboto-bold.woff2 similarity index 100% rename from fonts/roboto-bold.woff2 rename to cigaradvisor/fonts/roboto-bold.woff2 diff --git a/fonts/roboto-regular.woff2 b/cigaradvisor/fonts/roboto-regular.woff2 similarity index 100% rename from fonts/roboto-regular.woff2 rename to cigaradvisor/fonts/roboto-regular.woff2 diff --git a/icons/search.svg b/cigaradvisor/icons/search.svg similarity index 100% rename from icons/search.svg rename to cigaradvisor/icons/search.svg diff --git a/scripts/aem.js b/cigaradvisor/scripts/aem.js similarity index 100% rename from scripts/aem.js rename to cigaradvisor/scripts/aem.js diff --git a/scripts/delayed.js b/cigaradvisor/scripts/delayed.js similarity index 100% rename from scripts/delayed.js rename to cigaradvisor/scripts/delayed.js diff --git a/scripts/scripts.js b/cigaradvisor/scripts/scripts.js similarity index 100% rename from scripts/scripts.js rename to cigaradvisor/scripts/scripts.js diff --git a/cigaradvisor/styles/fonts.css b/cigaradvisor/styles/fonts.css new file mode 100644 index 00000000..53b3d4f7 --- /dev/null +++ b/cigaradvisor/styles/fonts.css @@ -0,0 +1 @@ +/* Add font definitions here. */ diff --git a/styles/lazy-styles.css b/cigaradvisor/styles/lazy-styles.css similarity index 100% rename from styles/lazy-styles.css rename to cigaradvisor/styles/lazy-styles.css diff --git a/cigaradvisor/styles/styles.css b/cigaradvisor/styles/styles.css new file mode 100644 index 00000000..0a17953d --- /dev/null +++ b/cigaradvisor/styles/styles.css @@ -0,0 +1,36 @@ +/* + * Copyright 2020 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + + :root { + /* colors */ + + /* fonts */ + + /* body sizes */ + + /* heading sizes */ + + /* nav height */ + --nav-height: 64px; + } + +body { + display: none; +} + +body.appear { + display: block; +} + +header { + height: var(--nav-height); +} diff --git a/head.html b/head.html index 35c8a469..bbb5128b 100644 --- a/head.html +++ b/head.html @@ -1,4 +1,4 @@ - - - + + + diff --git a/package-lock.json b/package-lock.json index 862baf19..dd3e3ce7 100644 --- a/package-lock.json +++ b/package-lock.json @@ -58,6 +58,15 @@ "node": ">=6.9.0" } }, + "node_modules/@babel/compat-data": { + "version": "7.23.5", + "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.23.5.tgz", + "integrity": "sha512-uU27kfDRlhfKl+w1U6vp16IuvSLtjAxdArVXPa9BvLkrr7CYIsxH5adpHObeAGY/41+syctUWOZ140a2Rvkgjw==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, "node_modules/@babel/core": { "version": "7.23.3", "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.3.tgz", @@ -135,6 +144,37 @@ "node": ">=6.0.0" } }, + "node_modules/@babel/helper-compilation-targets": { + "version": "7.22.15", + "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.15.tgz", + "integrity": "sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==", + "dev": true, + "dependencies": { + "@babel/compat-data": "^7.22.9", + "@babel/helper-validator-option": "^7.22.15", + "browserslist": "^4.21.9", + "lru-cache": "^5.1.1", + "semver": "^6.3.1" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-compilation-targets/node_modules/lru-cache": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz", + "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==", + "dev": true, + "dependencies": { + "yallist": "^3.0.2" + } + }, + "node_modules/@babel/helper-compilation-targets/node_modules/yallist": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz", + "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==", + "dev": true + }, "node_modules/@babel/helper-environment-visitor": { "version": "7.22.20", "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz", @@ -242,6 +282,15 @@ "node": ">=6.9.0" } }, + "node_modules/@babel/helper-validator-option": { + "version": "7.23.5", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.23.5.tgz", + "integrity": "sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, "node_modules/@babel/helpers": { "version": "7.23.2", "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.2.tgz", @@ -1895,6 +1944,38 @@ "node": ">=8" } }, + "node_modules/browserslist": { + "version": "4.22.1", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.1.tgz", + "integrity": "sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/browserslist" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "dependencies": { + "caniuse-lite": "^1.0.30001541", + "electron-to-chromium": "^1.4.535", + "node-releases": "^2.0.13", + "update-browserslist-db": "^1.0.13" + }, + "bin": { + "browserslist": "cli.js" + }, + "engines": { + "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7" + } + }, "node_modules/call-bind": { "version": "1.0.5", "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.5.tgz", @@ -1944,6 +2025,26 @@ "node": ">=6" } }, + "node_modules/caniuse-lite": { + "version": "1.0.30001565", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001565.tgz", + "integrity": "sha512-xrE//a3O7TP0vaJ8ikzkD2c2NgcVUvsEe2IvFTntV4Yd1Z9FVzh+gW+enX96L0psrbaFMcVcH2l90xNuGDWc8w==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/caniuse-lite" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ] + }, "node_modules/cardinal": { "version": "2.1.1", "resolved": "https://registry.npmjs.org/cardinal/-/cardinal-2.1.1.tgz", @@ -2488,6 +2589,12 @@ "safe-buffer": "~5.1.0" } }, + "node_modules/electron-to-chromium": { + "version": "1.4.596", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.596.tgz", + "integrity": "sha512-zW3zbZ40Icb2BCWjm47nxwcFGYlIgdXkAx85XDO7cyky9J4QQfq8t0W19/TLZqq3JPQXtlv8BPIGmfa9Jb4scg==", + "dev": true + }, "node_modules/emoji-regex": { "version": "8.0.0", "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", @@ -5031,6 +5138,12 @@ "webidl-conversions": "^3.0.0" } }, + "node_modules/node-releases": { + "version": "2.0.13", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz", + "integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==", + "dev": true + }, "node_modules/normalize-package-data": { "version": "3.0.3", "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz", @@ -10418,6 +10531,36 @@ "node": ">= 10.0.0" } }, + "node_modules/update-browserslist-db": { + "version": "1.0.13", + "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz", + "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/browserslist" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "dependencies": { + "escalade": "^3.1.1", + "picocolors": "^1.0.0" + }, + "bin": { + "update-browserslist-db": "cli.js" + }, + "peerDependencies": { + "browserslist": ">= 4.21.0" + } + }, "node_modules/uri-js": { "version": "4.4.1", "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz", @@ -10683,6 +10826,12 @@ "chalk": "^2.4.2" } }, + "@babel/compat-data": { + "version": "7.23.5", + "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.23.5.tgz", + "integrity": "sha512-uU27kfDRlhfKl+w1U6vp16IuvSLtjAxdArVXPa9BvLkrr7CYIsxH5adpHObeAGY/41+syctUWOZ140a2Rvkgjw==", + "dev": true + }, "@babel/core": { "version": "7.23.3", "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.3.tgz", @@ -10742,6 +10891,36 @@ } } }, + "@babel/helper-compilation-targets": { + "version": "7.22.15", + "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.15.tgz", + "integrity": "sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==", + "dev": true, + "requires": { + "@babel/compat-data": "^7.22.9", + "@babel/helper-validator-option": "^7.22.15", + "browserslist": "^4.21.9", + "lru-cache": "^5.1.1", + "semver": "^6.3.1" + }, + "dependencies": { + "lru-cache": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz", + "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==", + "dev": true, + "requires": { + "yallist": "^3.0.2" + } + }, + "yallist": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz", + "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==", + "dev": true + } + } + }, "@babel/helper-environment-visitor": { "version": "7.22.20", "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz", @@ -10819,6 +10998,12 @@ "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==", "dev": true }, + "@babel/helper-validator-option": { + "version": "7.23.5", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.23.5.tgz", + "integrity": "sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==", + "dev": true + }, "@babel/helpers": { "version": "7.23.2", "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.2.tgz", @@ -11984,6 +12169,18 @@ "fill-range": "^7.0.1" } }, + "browserslist": { + "version": "4.22.1", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.1.tgz", + "integrity": "sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==", + "dev": true, + "requires": { + "caniuse-lite": "^1.0.30001541", + "electron-to-chromium": "^1.4.535", + "node-releases": "^2.0.13", + "update-browserslist-db": "^1.0.13" + } + }, "call-bind": { "version": "1.0.5", "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.5.tgz", @@ -12020,6 +12217,12 @@ } } }, + "caniuse-lite": { + "version": "1.0.30001565", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001565.tgz", + "integrity": "sha512-xrE//a3O7TP0vaJ8ikzkD2c2NgcVUvsEe2IvFTntV4Yd1Z9FVzh+gW+enX96L0psrbaFMcVcH2l90xNuGDWc8w==", + "dev": true + }, "cardinal": { "version": "2.1.1", "resolved": "https://registry.npmjs.org/cardinal/-/cardinal-2.1.1.tgz", @@ -12438,6 +12641,12 @@ } } }, + "electron-to-chromium": { + "version": "1.4.596", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.596.tgz", + "integrity": "sha512-zW3zbZ40Icb2BCWjm47nxwcFGYlIgdXkAx85XDO7cyky9J4QQfq8t0W19/TLZqq3JPQXtlv8BPIGmfa9Jb4scg==", + "dev": true + }, "emoji-regex": { "version": "8.0.0", "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", @@ -14314,6 +14523,12 @@ } } }, + "node-releases": { + "version": "2.0.13", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz", + "integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==", + "dev": true + }, "normalize-package-data": { "version": "3.0.3", "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz", @@ -18019,6 +18234,16 @@ "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==", "dev": true }, + "update-browserslist-db": { + "version": "1.0.13", + "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz", + "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==", + "dev": true, + "requires": { + "escalade": "^3.1.1", + "picocolors": "^1.0.0" + } + }, "uri-js": { "version": "4.4.1", "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz", diff --git a/package.json b/package.json index 8be05a09..3df5141c 100644 --- a/package.json +++ b/package.json @@ -5,7 +5,7 @@ "description": "Starter project for Adobe Helix", "scripts": { "lint:js": "eslint .", - "lint:css": "stylelint blocks/**/*.css styles/*.css", + "lint:css": "stylelint cigaradvisor/blocks/**/*.css cigaradvisor/styles/*.css", "lint": "npm run lint:js && npm run lint:css", "semantic-release": "semantic-release --debug" }, diff --git a/styles/fonts.css b/styles/fonts.css deleted file mode 100644 index bce7eb14..00000000 --- a/styles/fonts.css +++ /dev/null @@ -1,17 +0,0 @@ -@font-face { - font-family: roboto; - font-style: normal; - font-weight: 700; - font-display: swap; - src: url('../fonts/roboto-bold.woff2') format('woff2'); - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; - } - - @font-face { - font-family: roboto; - font-style: normal; - font-weight: 400; - font-display: swap; - src: url('../fonts/roboto-regular.woff2') format('woff2'); - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; - } \ No newline at end of file diff --git a/styles/styles.css b/styles/styles.css deleted file mode 100644 index d6229fa1..00000000 --- a/styles/styles.css +++ /dev/null @@ -1,251 +0,0 @@ -/* - * Copyright 2020 Adobe. All rights reserved. - * This file is licensed to you under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. You may obtain a copy - * of the License at http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software distributed under - * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS - * OF ANY KIND, either express or implied. See the License for the specific language - * governing permissions and limitations under the License. - */ - - :root { - /* colors */ - --link-color: #035fe6; - --link-hover-color: #136ff6; - --background-color: #fff; - --overlay-background-color: #eee; - --highlight-background-color: #ccc; - --text-color: #000; - - /* fonts */ - --body-font-family: roboto, roboto-fallback; - --heading-font-family: var(--body-font-family); - --fixed-font-family: 'Roboto Mono', menlo, consolas, 'Liberation Mono', monospace; - - /* body sizes */ - --body-font-size-m: 22px; - --body-font-size-s: 18px; - --body-font-size-xs: 16px; - - /* heading sizes */ - --heading-font-size-xxl: 48px; - --heading-font-size-xl: 40px; - --heading-font-size-l: 32px; - --heading-font-size-m: 24px; - --heading-font-size-s: 20px; - --heading-font-size-xs: 18px; - - /* nav height */ - --nav-height: 64px; - -} - -@font-face { - font-family: roboto-fallback; - size-adjust: 100.06%; - ascent-override: 95%; - src: local('Arial'); -} - - -@media (min-width: 900px) { - :root { - --heading-font-size-xxl: 60px; - --heading-font-size-xl: 48px; - --heading-font-size-l: 36px; - --heading-font-size-m: 30px; - --heading-font-size-s: 24px; - --heading-font-size-xs: 22px; - } -} - -body { - font-size: var(--body-font-size-m); - margin: 0; - font-family: var(--body-font-family); - line-height: 1.6; - color: var(--text-color); - background-color: var(--background-color); - display: none; -} - -body.appear { - display: block; -} - -header { - height: var(--nav-height); -} - -h1, h2, h3, -h4, h5, h6 { - font-family: var(--heading-font-family); - font-weight: 600; - line-height: 1.25; - margin-top: 1em; - margin-bottom: .5em; - scroll-margin: calc(var(--nav-height) + 1em); -} - -h1 { font-size: var(--heading-font-size-xxl) } -h2 { font-size: var(--heading-font-size-xl) } -h3 { font-size: var(--heading-font-size-l) } -h4 { font-size: var(--heading-font-size-m) } -h5 { font-size: var(--heading-font-size-s) } -h6 { font-size: var(--heading-font-size-xs) } - -p, dl, ol, ul, pre, blockquote { - margin-top: 1em; - margin-bottom: 1em; -} - -hr { - margin-top: 1.5em; - margin-bottom: 1.5em; - border: 0; - border-bottom: 1px solid var(--overlay-background-color); -} - -code, pre, samp { - font-family: var(--fixed-font-family); - font-size: var(--body-font-size-s); -} - -code, samp { - padding: .125em; -} - -pre { - overflow: scroll; -} - -main pre { - background-color: var(--overlay-background-color); - padding: 1em; - border-radius: .25em; - overflow-x: auto; - white-space: pre; -} - -a:any-link { - color: var(--link-color); - text-decoration: none; -} - -a:hover { - text-decoration: underline; - color: var(--link-hover-color); -} - -/* buttons */ -a.button:any-link, button { - font-family: var(--body-font-family); - display: inline-block; - box-sizing: border-box; - text-decoration: none; - border: 2px solid transparent; - padding: 5px 30px; - text-align: center; - font-style: normal; - font-weight: 600; - cursor: pointer; - color: var(--background-color); - background-color: var(--link-color); - margin: 16px 0; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - border-radius: 30px; -} - -a.button:hover, a.button:focus, button:hover, button:focus { - background-color: var(--link-hover-color); - cursor: pointer; -} - -button:disabled, button:disabled:hover { - background-color: var(--overlay-background-color); - cursor: unset; -} - -a.button.secondary, button.secondary { - background-color: unset; - border: 2px solid currentcolor; - color: var(--text-color) -} - -main input { - font-size: 1.25rem; - width: 100%; - max-width: 50rem; - display: block; - margin-bottom: 1rem; - padding: 0.75rem 0.6rem; - border-radius: 0.25rem; - box-sizing: border-box; - border: 1px solid var(--text-color); - color: var(--text-color); - background-color: var(--background-color); -} - -main input:hover { - border: 1px solid var(--text-color); -} - -main blockquote { - font-style: italic; - margin: 3rem; - text-indent: -1rem; - hanging-punctuation: first; -} - -main blockquote p::before { - content: "“"; - line-height: 0; -} - -main blockquote p::after { - content: "”"; - line-height: 0; -} - -main img { - max-width: 100%; - width: auto; - height: auto; -} - -.icon { - display: inline-block; - height: 24px; - width: 24px; -} - -.icon img { - height: 100%; - width: 100%; -} - -main .section { - padding: 64px 16px; -} - -@media (min-width: 600px) { - main .section { - padding: 64px 32px; - } -} - -@media (min-width: 900px) { - .section > div { - max-width: 1200px; - margin: auto; - } -} - -/* section metadata */ -main .section.highlight { - background-color: var(--highlight-background-color); -}