feat(style): modify root font-size for more consistent design
This commit is contained in:
parent
cc84579214
commit
7b5d816992
5 changed files with 11 additions and 11 deletions
|
@ -4,6 +4,7 @@
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--text-color: #000;
|
--text-color: #000;
|
||||||
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
|
@ -13,7 +14,6 @@
|
||||||
|
|
||||||
body {
|
body {
|
||||||
--background-image: ;
|
--background-image: ;
|
||||||
font-size: 18px;
|
|
||||||
font-family: "custom", Raveo, Inter, Roboto, sans-serif;
|
font-family: "custom", Raveo, Inter, Roboto, sans-serif;
|
||||||
background: #000;
|
background: #000;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
@ -101,23 +101,23 @@ p {
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 3rem;
|
font-size: 1.75rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-size: 2rem;
|
font-size: 1.5rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
@media only screen and (max-width: vars.$bp-little) {
|
@media only screen and (max-width: vars.$bp-little) {
|
||||||
font-size: 1.75rem;
|
font-size: 1.425rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
font-size: 1.5rem;
|
font-size: 1.35rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
h4 {
|
h4 {
|
||||||
font-size: 1.35rem;
|
font-size: 1.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul, ol {
|
ul, ol {
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
{{define "body"}}
|
{{define "body"}}
|
||||||
<main class="custom-page" style="{{ .GetBackground }}">
|
<main class="custom-page" style="{{ .GetBackground }}">
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<h2 class="header__title">{{ .Title }}</h2>
|
<h1 class="header__title">{{ .Title }}</h1>
|
||||||
<nav>
|
<nav>
|
||||||
<a href="/">Home</a>
|
<a href="/">Home</a>
|
||||||
<a href="/tags">Tags</a>
|
<a href="/tags">Tags</a>
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
<img src="{{ getImage .Person.Image }}" alt="{{ .Person.Name }}'s image">
|
<img src="{{ getImage .Person.Image }}" alt="{{ .Person.Name }}'s image">
|
||||||
</figure>
|
</figure>
|
||||||
<div class="presentation__information">
|
<div class="presentation__information">
|
||||||
<h2>{{ .Person.Name }}</h2>
|
<h1>{{ .Person.Name }}</h1>
|
||||||
<p>{{ .Person.Pronouns }}</p>
|
<p>{{ .Person.Pronouns }}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
{{define "body"}}
|
{{define "body"}}
|
||||||
<div class="credits-legal" style="{{ .GetBackground }}">
|
<div class="credits-legal" style="{{ .GetBackground }}">
|
||||||
<h2>Legal information</h2>
|
<h1>Legal information</h1>
|
||||||
<p>
|
<p>
|
||||||
The software behind this website was made by <a href="https://anhgelus.world/" target="_blank">Anhgelus Morhtuuzh</a>.
|
The software behind this website was made by <a href="https://anhgelus.world/" target="_blank">Anhgelus Morhtuuzh</a>.
|
||||||
It is available on <a href="https://github.com/anhgelus/now">GitHub</a> for free and licensed under the
|
It is available on <a href="https://github.com/anhgelus/now">GitHub</a> for free and licensed under the
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
{{define "body"}}
|
{{define "body"}}
|
||||||
<main style="{{ .GetBackground }}">
|
<main style="{{ .GetBackground }}">
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<h2 class="header__title">Tags</h2>
|
<h1 class="header__title">Tags</h1>
|
||||||
<nav>
|
<nav>
|
||||||
<a href="/">Home</a>
|
<a href="/">Home</a>
|
||||||
</nav>
|
</nav>
|
||||||
|
@ -9,7 +9,7 @@
|
||||||
<div class="tags" style="{{ .Color.GetTagColor }}">
|
<div class="tags" style="{{ .Color.GetTagColor }}">
|
||||||
{{ range $tag := .Person.Tags }}
|
{{ range $tag := .Person.Tags }}
|
||||||
<div class="tag" data-href="{{ .Link }}" title="{{ .Link }}">
|
<div class="tag" data-href="{{ .Link }}" title="{{ .Link }}">
|
||||||
<h4>{{ .Name }}</h4>
|
<h3>{{ .Name }}</h3>
|
||||||
<p>{{ .Description }}</p>
|
<p>{{ .Description }}</p>
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue