From 6b3a27736e00aee23762af13b9b1a0353b7c9d6f Mon Sep 17 00:00:00 2001 From: Stefano Pigozzi Date: Thu, 2 Jun 2022 04:32:50 +0200 Subject: [PATCH] Merge page-tweaks into globals.css --- styles/globals.css | 63 +++++++++++++++++++++++++++++++++++------- styles/page-tweaks.css | 43 ---------------------------- 2 files changed, 53 insertions(+), 53 deletions(-) delete mode 100644 styles/page-tweaks.css diff --git a/styles/globals.css b/styles/globals.css index cd81d1d..1af8ef5 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -1,5 +1,4 @@ @import "color-schemes.css"; -@import "page-tweaks.css"; * { box-sizing: border-box; @@ -44,14 +43,6 @@ a:active { color: var(--anchor-active); } -.positive { - color: var(--positive); -} - -.negative { - color: var(--negative); -} - input, button { padding: 8px; @@ -86,6 +77,14 @@ input[type="submit"]:active:not([disabled]), button:active:not([disabled]) { cursor: not-allowed; } +.positive { + color: var(--positive); +} + +.negative { + color: var(--negative); +} + .square-40 { width: 40px; height: 40px; @@ -167,4 +166,48 @@ input.negative, button.negative { margin: 0; text-align: left; -} \ No newline at end of file +} + +#page-index { + display: grid; + grid-template-columns: 100%; + grid-template-rows: auto 1fr; + + justify-content: stretch; + text-align: center; + + gap: 32px; +} + +#page-index .hero-titles { + align-self: center; + grid-row: 1; +} + +#page-index .hero-titles h1 { + font-size: 10rem; +} + +#page-index .hero-titles h2 { + font-size: 2.5rem; +} + +@media (max-width: 640px) or (max-height: 640px) { + #page-index .hero-titles h1 { + font-size: 5rem; + } + + #page-index .hero-titles h2 { + font-size: 1.5rem; + } +} + +#page-index .hero-action { + align-self: start; + justify-self: center; + + grid-row: 2; + + max-width: 800px; + width: 100%; +} diff --git a/styles/page-tweaks.css b/styles/page-tweaks.css deleted file mode 100644 index e58706c..0000000 --- a/styles/page-tweaks.css +++ /dev/null @@ -1,43 +0,0 @@ -#page-index { - display: grid; - grid-template-columns: 100%; - grid-template-rows: auto 1fr; - - justify-content: stretch; - text-align: center; - - gap: 32px; -} - -#page-index .hero-titles { - align-self: center; - grid-row: 1; -} - -#page-index .hero-titles h1 { - font-size: 10rem; -} - -#page-index .hero-titles h2 { - font-size: 2.5rem; -} - -@media (max-width: 640px) or (max-height: 640px) { - #page-index .hero-titles h1 { - font-size: 5rem; - } - - #page-index .hero-titles h2 { - font-size: 1.5rem; - } -} - -#page-index .hero-action { - align-self: start; - justify-self: center; - - grid-row: 2; - - max-width: 800px; - width: 100%; -}