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",
"type": "module",
"version": "0.2.0-pre.35",
"version": "0.2.0-pre.36",
"private": true,
"scripts": {
"dev": "astro dev",

View file

@ -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 {
&:after {
content:' ';
display: block;
width: 62.5%;
width: 65%;
height: 3px;
margin: auto;
border: 2px solid var(--c-accent-1);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);
background-color: var(--c-accent-1);
}
}
@media (min-width: 512px) {

View file

@ -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);
}
}

View file

@ -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 {
&:after {
content:' ';
display: block;
width: 62.5%;
width: 65%;
height: 3px;
margin: auto;
border: 2px solid var(--c-accent-1);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);
background-color: var(--c-accent-1);
}
}
@media (min-width: 1000px) {

View file

@ -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 {
&:after {
content:' ';
display: block;
width: 62.5%;
width: 65%;
height: 3px;
margin: auto;
border: 2px solid var(--c-accent-1);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);
background-color: var(--c-accent-1);
}
}
h2 {