Rename landing file, use em instead of rem in some places
This commit is contained in:
parent
c1e3edd225
commit
d81ef0c04b
|
@ -3,9 +3,6 @@ layout: base.njk
|
||||||
---
|
---
|
||||||
{% include "header.njk" %}
|
{% include "header.njk" %}
|
||||||
<main class="cover">
|
<main class="cover">
|
||||||
<header>
|
|
||||||
<h1>{{ title }}</h1>
|
|
||||||
</header>
|
|
||||||
{{ content | safe }}
|
{{ content | safe }}
|
||||||
</main>
|
</main>
|
||||||
{% include "footer.njk" %}
|
{% include "footer.njk" %}
|
|
@ -1,7 +1,8 @@
|
||||||
@use "mixins" as *;
|
|
||||||
|
|
||||||
|
// My stuff
|
||||||
@use "colors";
|
@use "colors";
|
||||||
@use "fonts";
|
@use "fonts";
|
||||||
|
@use "mixins" as *;
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Colors
|
Colors
|
||||||
|
@ -18,7 +19,7 @@ body {
|
||||||
background-color: #{colors.$base-800};
|
background-color: #{colors.$base-800};
|
||||||
color: #{colors.$paper};
|
color: #{colors.$paper};
|
||||||
font-family: Alkhemikal;
|
font-family: Alkhemikal;
|
||||||
font-size: 1.5rem;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
::selection {
|
::selection {
|
||||||
|
@ -38,16 +39,16 @@ h6 {
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 3rem;
|
font-size: 3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
margin-top: 1rem;
|
margin-top: 1em;
|
||||||
font-size: 2rem;
|
font-size: 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
font-size: 1.5rem;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
main,
|
main,
|
||||||
|
@ -83,12 +84,12 @@ article {
|
||||||
ol,
|
ol,
|
||||||
ul {
|
ul {
|
||||||
all: revert;
|
all: revert;
|
||||||
margin: 1rem 0;
|
margin: 1em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
:last-child {
|
:last-child {
|
||||||
|
@ -113,13 +114,13 @@ a:active {
|
||||||
a.logo,
|
a.logo,
|
||||||
a.logo:hover,
|
a.logo:hover,
|
||||||
a.logo:active {
|
a.logo:active {
|
||||||
font-size: 3rem;
|
font-size: 3em;
|
||||||
color: #{$fg-logo};
|
color: #{$fg-logo};
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav.navbar {
|
nav.navbar {
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1em;
|
||||||
|
|
||||||
li {
|
li {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
|
@ -127,7 +128,7 @@ nav.navbar {
|
||||||
}
|
}
|
||||||
|
|
||||||
footer.footer-main {
|
footer.footer-main {
|
||||||
margin: 2rem 1rem 1rem 1rem;
|
margin: 2em 1em 1em 1em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -144,7 +145,7 @@ footer.footer-main {
|
||||||
max-width: 288px;
|
max-width: 288px;
|
||||||
@include breakpoint("md") {
|
@include breakpoint("md") {
|
||||||
float: right;
|
float: right;
|
||||||
margin: 1rem;
|
margin: 1em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
---
|
---
|
||||||
layout: book_cover.njk
|
layout: landing.njk
|
||||||
date: Last Modified
|
date: Last Modified
|
||||||
---
|
---
|
||||||
|
|
Loading…
Reference in a new issue