diff --git a/package.json b/package.json index fd61bc9..2bc81da 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "@firq/fgosite", "type": "module", - "version": "0.2.0-pre.35", + "version": "0.2.0-pre.36", "private": true, "scripts": { "dev": "astro dev", diff --git a/src/layouts/baseSection.astro b/src/layouts/baseSection.astro index 9c0cf34..a5b10ce 100644 --- a/src/layouts/baseSection.astro +++ b/src/layouts/baseSection.astro @@ -30,27 +30,21 @@ const { title } = Astro.props padding: 1em; position: relative; } - div h1 { + h1 { font-size: 40px; - line-height: 48px; letter-spacing: -1px; color: var(--c-primary-text); - margin-bottom: 0px; - margin-left: auto; - margin-right: auto; - padding: 0.25rem 1.5rem; - border-radius: 0.5rem; + margin: 0 auto 0px; + padding: 0.25rem 1.5rem 0.5rem; max-width: max-content; - padding-bottom: 0.5rem; - } - - h1:after { - content:' '; - display: block; - width: 62.5%; - margin: auto; - border: 2px solid var(--c-accent-1); - box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05); + &:after { + content:' '; + display: block; + width: 65%; + height: 3px; + margin: auto; + background-color: var(--c-accent-1); + } } @media (min-width: 512px) { diff --git a/src/layouts/contactSection.astro b/src/layouts/contactSection.astro index e155d98..8fe5cb0 100644 --- a/src/layouts/contactSection.astro +++ b/src/layouts/contactSection.astro @@ -21,15 +21,14 @@ const { title } = Astro.props line-height: 32px; font-family: 'Work Sans Adaptive', sans-serif; width: max-content; - border-radius: 0.5rem; - margin: 0 auto 0.5rem auto; + margin: 0 auto 0.5rem; &:after { content:' '; display: block; width: 75%; - margin: -2px auto auto auto; - border: 1px solid var(--c-accent-1); - box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05); + height: 2px; + margin: -1px auto auto; + background-color: var(--c-accent-1); } } diff --git a/src/layouts/servantSection.astro b/src/layouts/servantSection.astro index c2c330d..fd4e35d 100644 --- a/src/layouts/servantSection.astro +++ b/src/layouts/servantSection.astro @@ -34,25 +34,19 @@ const { title } = Astro.props .base h1 { font-size: 40px; - line-height: 48px; letter-spacing: -1px; color: var(--c-primary-text); - margin-bottom: 0px; - margin-left: auto; - margin-right: auto; - padding: 0.25rem 1.5rem; - border-radius: 0.5rem; + margin: 0 auto 0px; + padding: 0.25rem 1.5rem 0.5rem; max-width: max-content; - padding-bottom: 0.5rem; - } - - h1:after { - content:' '; - display: block; - width: 62.5%; - margin: auto; - border: 2px solid var(--c-accent-1); - box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05); + &:after { + content:' '; + display: block; + width: 65%; + height: 3px; + margin: auto; + background-color: var(--c-accent-1); + } } @media (min-width: 1000px) { diff --git a/src/layouts/taSection.astro b/src/layouts/taSection.astro index 99c64ae..2bc4bb0 100644 --- a/src/layouts/taSection.astro +++ b/src/layouts/taSection.astro @@ -35,24 +35,19 @@ if (abovetext === undefined) { } h1 { font-size: 40px; - line-height: 48px; letter-spacing: -1px; color: var(--c-primary-text); - margin-bottom: 0; - margin-left: auto; - margin-right: auto; + margin: 0 auto 0px; + padding: 0.25rem 1.5rem 0.5rem; max-width: max-content; - border-radius: 0.5rem; - padding-bottom: 0.5rem; - } - - h1:after { - content:' '; - display: block; - width: 62.5%; - margin: auto; - border: 2px solid var(--c-accent-1); - box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05); + &:after { + content:' '; + display: block; + width: 65%; + height: 3px; + margin: auto; + background-color: var(--c-accent-1); + } } h2 {