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