Further redesign 2

This commit is contained in:
Firq 2024-10-26 00:22:08 +02:00
parent afe18e37b6
commit 23b5ab7d6f
Signed by: Firq
GPG key ID: 3ACC61C8CEC83C20
5 changed files with 36 additions and 54 deletions

View file

@ -1,7 +1,7 @@
{ {
"name": "@firq/fgosite", "name": "@firq/fgosite",
"type": "module", "type": "module",
"version": "0.2.0-pre.35", "version": "0.2.0-pre.36",
"private": true, "private": true,
"scripts": { "scripts": {
"dev": "astro dev", "dev": "astro dev",

View file

@ -30,27 +30,21 @@ const { title } = Astro.props
padding: 1em; padding: 1em;
position: relative; position: relative;
} }
div h1 { h1 {
font-size: 40px; font-size: 40px;
line-height: 48px;
letter-spacing: -1px; letter-spacing: -1px;
color: var(--c-primary-text); color: var(--c-primary-text);
margin-bottom: 0px; margin: 0 auto 0px;
margin-left: auto; padding: 0.25rem 1.5rem 0.5rem;
margin-right: auto;
padding: 0.25rem 1.5rem;
border-radius: 0.5rem;
max-width: max-content; max-width: max-content;
padding-bottom: 0.5rem; &:after {
} content:' ';
display: block;
h1:after { width: 65%;
content:' '; height: 3px;
display: block; margin: auto;
width: 62.5%; background-color: var(--c-accent-1);
margin: auto; }
border: 2px solid var(--c-accent-1);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);
} }
@media (min-width: 512px) { @media (min-width: 512px) {

View file

@ -21,15 +21,14 @@ const { title } = Astro.props
line-height: 32px; line-height: 32px;
font-family: 'Work Sans Adaptive', sans-serif; font-family: 'Work Sans Adaptive', sans-serif;
width: max-content; width: max-content;
border-radius: 0.5rem; margin: 0 auto 0.5rem;
margin: 0 auto 0.5rem auto;
&:after { &:after {
content:' '; content:' ';
display: block; display: block;
width: 75%; width: 75%;
margin: -2px auto auto auto; height: 2px;
border: 1px solid var(--c-accent-1); margin: -1px auto auto;
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05); background-color: var(--c-accent-1);
} }
} }

View file

@ -34,25 +34,19 @@ const { title } = Astro.props
.base h1 { .base h1 {
font-size: 40px; font-size: 40px;
line-height: 48px;
letter-spacing: -1px; letter-spacing: -1px;
color: var(--c-primary-text); color: var(--c-primary-text);
margin-bottom: 0px; margin: 0 auto 0px;
margin-left: auto; padding: 0.25rem 1.5rem 0.5rem;
margin-right: auto;
padding: 0.25rem 1.5rem;
border-radius: 0.5rem;
max-width: max-content; max-width: max-content;
padding-bottom: 0.5rem; &:after {
} content:' ';
display: block;
h1:after { width: 65%;
content:' '; height: 3px;
display: block; margin: auto;
width: 62.5%; background-color: var(--c-accent-1);
margin: auto; }
border: 2px solid var(--c-accent-1);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);
} }
@media (min-width: 1000px) { @media (min-width: 1000px) {

View file

@ -35,24 +35,19 @@ if (abovetext === undefined) {
} }
h1 { h1 {
font-size: 40px; font-size: 40px;
line-height: 48px;
letter-spacing: -1px; letter-spacing: -1px;
color: var(--c-primary-text); color: var(--c-primary-text);
margin-bottom: 0; margin: 0 auto 0px;
margin-left: auto; padding: 0.25rem 1.5rem 0.5rem;
margin-right: auto;
max-width: max-content; max-width: max-content;
border-radius: 0.5rem; &:after {
padding-bottom: 0.5rem; content:' ';
} display: block;
width: 65%;
h1:after { height: 3px;
content:' '; margin: auto;
display: block; background-color: var(--c-accent-1);
width: 62.5%; }
margin: auto;
border: 2px solid var(--c-accent-1);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);
} }
h2 { h2 {