forked from buckwheat/sekaineo
Add fonts & CSS Variables
This commit is contained in:
BIN
assets/fonts/dosvga.ttf
Normal file
BIN
assets/fonts/dosvga.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/unifont.otf
Normal file
BIN
assets/fonts/unifont.otf
Normal file
Binary file not shown.
@ -1,3 +1,20 @@
|
|||||||
|
@font-face
|
||||||
|
{
|
||||||
|
font-family: 'dos';
|
||||||
|
src: url('fonts/dosvga.ttf');
|
||||||
|
}
|
||||||
|
@font-face
|
||||||
|
{
|
||||||
|
font-family: 'unifont';
|
||||||
|
src: url('fonts/unifont.otf');
|
||||||
|
}
|
||||||
|
|
||||||
|
:root
|
||||||
|
{
|
||||||
|
--font-header: 'unifont';
|
||||||
|
--font-body: 'dos';
|
||||||
|
}
|
||||||
|
|
||||||
body
|
body
|
||||||
{
|
{
|
||||||
margin: 0;
|
margin: 0;
|
||||||
@ -11,7 +28,7 @@ html
|
|||||||
|
|
||||||
.navbar ul
|
.navbar ul
|
||||||
{
|
{
|
||||||
background-color: cyan;
|
background-color: red;
|
||||||
display: flex;
|
display: flex;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
@ -31,11 +48,13 @@ html
|
|||||||
|
|
||||||
.navbar ul li a
|
.navbar ul li a
|
||||||
{
|
{
|
||||||
color: black;
|
color: white;
|
||||||
display: block;
|
display: block;
|
||||||
padding: 14px 16px;
|
padding: 14px 16px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
font-size: 1.5em;
|
||||||
|
font-family: var(--font-header);
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar ul li a:hover
|
.navbar ul li a:hover
|
||||||
@ -47,6 +66,7 @@ html
|
|||||||
{
|
{
|
||||||
border: 2px solid blue;
|
border: 2px solid blue;
|
||||||
color: white;
|
color: white;
|
||||||
|
font-family: var(--font-body);
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
margin-bottom: 5%;
|
margin-bottom: 5%;
|
||||||
margin-left: 25%;
|
margin-left: 25%;
|
||||||
|
|||||||
Reference in New Issue
Block a user