Further redesign 2
This commit is contained in:
parent
afe18e37b6
commit
23b5ab7d6f
5 changed files with 36 additions and 54 deletions
|
@ -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",
|
||||
|
|
|
@ -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) {
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -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) {
|
||||
|
|
|
@ -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 {
|
||||
|
|
Loading…
Reference in a new issue