mirrors/thebadspace
1
0
Fork 0
mirror of https://koodu.h-i.works/projects/thebadspace synced 2025-06-25 16:04:37 -05:00
Code Packages Releases Activity

Built out Listing Page, font update

Browse Source 
Plugged in the layout for the Listings page and turned on pagination.

Also updated the font to rubrik. Because it's pretty.
This commit is contained in:
Ro
2023-08-17 19:50:38 -07:00
parent 9f04b07c4b
commit 15863c14ab
25 changed files with 108 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
public/assets/css/global/typography.css
View File

@ -1,44 +1,71 @@
/* RUBIK */
@font-face {
font-family: altehaasgrotesk;
font-weight: 400;
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;
src: url("type/AlteHaasGroteskRegular.woff") format("woff"),
url("type/AlteHaasGroteskRegular.ttf") format("ttf");
}
@font-face {
font-family: altehaasgrotesk;
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: oblique;
src: url("type/AlteHaasGroteskBold.woff") format("woff"),
url("type/AlteHaasGroteskBold.ttf") format("ttf");
font-style: normal;
}
:root {
--base-type: altehaasgrotesk, helvetica, arial, sans-serif;
--base-type: rubik, helvetica, arial, sans-serif;
--mono-type: "Lucida Console", monaco, monospace;
}
h1,
h2,
h3 {
color: var(--secondary);
color: var(--white);
font-family: var(--title-type);
}
h1 {
font-size: 2.5em;
font-weight: 700;
line-height: 1em;
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: 1.8em;
font-weight: 600;
font-size: 3em;
font-weight: 400;
line-height: 0.8em;
}
h3 {
font-size: 1.2em;
font-weight: 500;
font-size: 2em;
font-weight: 300;
}
main > article > h1 {