forked from projects/thebadspace
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);
|
|
}
|