mirror of
https://koodu.h-i.works/projects/thebadspace
synced 2025-05-06 14:41:02 -05:00
25d51646ba
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);
|
|
}
|