diff options
author | Mathias Magnusson <mathias@magnusson.space> | 2025-08-25 14:55:07 +0200 |
---|---|---|
committer | Mathias Magnusson <mathias@magnusson.space> | 2025-08-25 14:58:26 +0200 |
commit | fb59ea2f57da2abf3c7bd76feddfaf10e109d2f4 (patch) | |
tree | a6d7dad7faf61fc50172ee5ac706497b07d7afd2 /style.css | |
parent | 5391b4a7b69c7fea5df6fa658c67ec683a94cea3 (diff) | |
download | traedgaardstomten-fb59ea2f57da2abf3c7bd76feddfaf10e109d2f4.tar.gz |
Diffstat (limited to 'style.css')
-rw-r--r-- | style.css | 102 |
1 files changed, 0 insertions, 102 deletions
diff --git a/style.css b/style.css deleted file mode 100644 index ba4bea3..0000000 --- a/style.css +++ /dev/null @@ -1,102 +0,0 @@ -* { - margin: 0; - box-sizing: border-box; -} - -@font-face { - font-family: "OpenSans"; - src: url(/OpenSans-VariableFont_wdth,wght.ttf); -} - -:root { - --night: #0c090b; - --pink: #ea46c5; - --beige: #e9eddd; - --rose: #9e0012; - - --green: #5a851c; - --green-1: #486a16; - --green-2: #364f10; - - color: var(--night); -} - -body { - font-family: OpenSans; - background-color: #eee; -} - -header section { - padding-block: 0.6em; - text-align: center; - font-size: 32px; - background-color: var(--green); - display: grid; - place-items: center; - color: var(--beige); -} - -@media (min-width: 500px) { - header section { - font-size: 48px; - } -} - -header nav { - display: flex; - justify-content: center; - background-color: var(--green-1); - gap: 0.5em; -} - -header nav a, header nav a:visited { - padding: 0.5em 1em; - color: var(--beige); - text-decoration: none; -} - -main { - padding: 2em; - max-width: 1000px; - margin-inline: auto; -} - -main article { - padding-bottom: 2em; - display: grid; - gap: 2em; - grid-template-columns: auto; - grid-template-areas: "p1" "img" "p2" "p3"; -} - -@media (min-width: 500px) { - main article { - grid-template-columns: auto auto; - grid-template-areas: "p1 img" "p2 p2" "p3 p3"; - } -} - -@media (min-width: 650px) { - main article { - grid-template-areas: "p1 img" "p2 img" "p3 img"; - } -} - -main article img { - max-width: 220px; - height: auto; - object-fit: contain; - grid-area: img; -} - -main section { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 0.5em 1em; - padding-bottom: 1.2em; -} - -main section img { - width: 100%; - height: auto; -} |