diff --git a/.stylelintrc.json b/.stylelintrc.json index 4b34e2a..7fdeecf 100644 --- a/.stylelintrc.json +++ b/.stylelintrc.json @@ -1,3 +1,6 @@ { - "extends": "@punkfairie/stylelint-config" + "extends": "@punkfairie/stylelint-config", + "rules": { + "rem-over-px/rem-over-px": false + } } \ No newline at end of file diff --git a/src/index.liquid b/src/index.liquid index 2ffa028..85003a8 100644 --- a/src/index.liquid +++ b/src/index.liquid @@ -13,20 +13,23 @@

Epiphany

+ +

Hello and welcome to Epiphany Petz! This is a Petz 4 website.

-

If there are any broken links or typos, please let me know in the - cbox!

-

Affiliate Sites

-

scribble @ - harvest

+

scribble @ harvest

@@ -51,7 +54,7 @@ for whatever I feel like posting :)

- +
\ No newline at end of file diff --git a/src/style/layout.css b/src/style/layout.css index 44ff004..ad33484 100644 --- a/src/style/layout.css +++ b/src/style/layout.css @@ -7,45 +7,61 @@ /* noinspection Stylelint */ .site { - inline-size: 64rem; - block-size: 48rem; - background: url('/img/theme/baby-its-cold-outside/bg.png'); - border: 1px solid hsl(233deg 66% 20%); - padding: var(--space-xs); - display: grid; grid-template: '. .' 1.5fr 'header header' 0.5fr - 'nav main' 2.5fr / 1fr 5fr; + 's-nav main' 2.5fr / 1fr 5fr; + inline-size: 64rem; + block-size: 48rem; + padding: var(--space-xs); + background: url('/img/theme/baby-its-cold-outside/bg.png'); + border: 1px solid hsl(233deg 66% 20%); } header { grid-area: header; - text-align: right; align-self: end; - padding-right: var(--space-xs); + padding-inline-end: var(--space-xs); + padding-bottom: var(--space-2xs); + text-align: end; + + display: flex; + flex-direction: row-reverse; + align-items: baseline; + column-gap: var(--space-m); + } + + h1 { + + } + + .main-nav { + display: flex; + column-gap: var(--space-xs); } main { --flow-space: var(--space-xs); grid-area: main; - overflow: auto; padding: var(--space-s); + overflow: auto; text-align: center; + background-color: rgba(255, 255, 255, 0.49); } - nav { - grid-area: nav; + s + .secondary-nav { + grid-area: s-nav; padding: var(--space-s); } .divide { - background: url('/img/theme/baby-its-cold-outside/divider.gif'); - height: 20px; - width: 239px; display: inline-block; - margin-top: var(--space-m); + width: 239px; + height: 20px; + margin-block-start: var(--space-m); + background: url('/img/theme/baby-its-cold-outside/divider.gif'); } } \ No newline at end of file