mirror of
https://koodu.h-i.works/projects/thebadspace
synced 2025-05-06 14:41:02 -05:00
15863c14ab
Plugged in the layout for the Listings page and turned on pagination. Also updated the font to rubrik. Because it's pretty.
74 lines
1.5 KiB
CSS
74 lines
1.5 KiB
CSS
/* RUBIK */
|
|
@font-face {
|
|
font-family: rubik;
|
|
src: url("fonts/Rubik/rubik-light.ttf") format("truetype"),
|
|
url("fonts/Rubik/rubik-light.woff") format("woff"),
|
|
url("fonts/Rubik/rubik-light.woff2") format("woff2");
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: rubik;
|
|
src: url("fonts/Rubik/rubik-regular.ttf") format("truetype"),
|
|
url("fonts/Rubik/rubik-regular.woff") format("woff"),
|
|
url("fonts/Rubik/rubik-regular.woff2") format("woff2");
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: rubik;
|
|
src: url("fonts/Rubik/rubik-medium.ttf") format("truetype"),
|
|
url("fonts/Rubik/rubik-medium.woff") format("woff"),
|
|
url("fonts/Rubik/rubik-medium.woff2") format("woff2");
|
|
font-weight: 500;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: rubik;
|
|
src: url("fonts/Rubik/rubik-bold.ttf") format("truetype"),
|
|
url("fonts/Rubik/rubik-bold.woff") format("woff"),
|
|
url("fonts/Rubik/rubik-bold.woff2") format("woff2");
|
|
font-weight: 600;
|
|
font-style: normal;
|
|
}
|
|
|
|
:root {
|
|
--base-type: rubik, helvetica, arial, sans-serif;
|
|
--mono-type: "Lucida Console", monaco, monospace;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3 {
|
|
color: var(--white);
|
|
font-family: var(--title-type);
|
|
}
|
|
|
|
h1 {
|
|
font-size: 4em;
|
|
font-weight: 500;
|
|
font-kerning: normal;
|
|
letter-spacing: -5px;
|
|
text-transform: uppercase;
|
|
line-height: 0.75em;
|
|
margin: 40px 0;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 3em;
|
|
font-weight: 400;
|
|
line-height: 0.8em;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 2em;
|
|
font-weight: 300;
|
|
}
|
|
|
|
main > article > h1 {
|
|
color: var(--primary);
|
|
}
|