add everything
This commit is contained in:
459
css/typography.css
Normal file
459
css/typography.css
Normal file
@@ -0,0 +1,459 @@
|
||||
h1,
|
||||
.type-h1,
|
||||
.type-headline-lg {
|
||||
font-family: "Lexend Deca", sans-serif;
|
||||
font-size: 51.4285714286px;
|
||||
line-height: 52px;
|
||||
font-weight: 700;
|
||||
letter-spacing: -2px;
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
}
|
||||
h1::before,
|
||||
.type-h1::before,
|
||||
.type-headline-lg::before {
|
||||
content: "";
|
||||
margin-bottom: -0.1805555556em;
|
||||
display: table;
|
||||
}
|
||||
h1::after,
|
||||
.type-h1::after,
|
||||
.type-headline-lg::after {
|
||||
content: "";
|
||||
margin-top: -0.1305555556em;
|
||||
display: table;
|
||||
}
|
||||
|
||||
h2,
|
||||
.type-h2,
|
||||
.type-headline-md {
|
||||
font-family: "Lexend Deca", sans-serif;
|
||||
font-size: 34.2857142857px;
|
||||
line-height: 40px;
|
||||
font-weight: 700;
|
||||
letter-spacing: -1px;
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
}
|
||||
h2::before,
|
||||
.type-h2::before,
|
||||
.type-headline-md::before {
|
||||
content: "";
|
||||
margin-bottom: -0.2583333333em;
|
||||
display: table;
|
||||
}
|
||||
h2::after,
|
||||
.type-h2::after,
|
||||
.type-headline-md::after {
|
||||
content: "";
|
||||
margin-top: -0.2083333333em;
|
||||
display: table;
|
||||
}
|
||||
|
||||
h3,
|
||||
.type-h3,
|
||||
.type-headline-sm {
|
||||
font-family: "Lexend Deca", sans-serif;
|
||||
font-size: 22.8571428571px;
|
||||
line-height: 28px;
|
||||
font-weight: 700;
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
}
|
||||
h3::before,
|
||||
.type-h3::before,
|
||||
.type-headline-sm::before {
|
||||
content: "";
|
||||
margin-bottom: -0.2875em;
|
||||
display: table;
|
||||
}
|
||||
h3::after,
|
||||
.type-h3::after,
|
||||
.type-headline-sm::after {
|
||||
content: "";
|
||||
margin-top: -0.2375em;
|
||||
display: table;
|
||||
}
|
||||
|
||||
h4,
|
||||
.type-h4,
|
||||
.type-title-lg {
|
||||
font-family: "Lexend Deca", sans-serif;
|
||||
font-size: 22.8571428571px;
|
||||
line-height: 28px;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
}
|
||||
h4::before,
|
||||
.type-h4::before,
|
||||
.type-title-lg::before {
|
||||
content: "";
|
||||
margin-bottom: -0.2875em;
|
||||
display: table;
|
||||
}
|
||||
h4::after,
|
||||
.type-h4::after,
|
||||
.type-title-lg::after {
|
||||
content: "";
|
||||
margin-top: -0.2375em;
|
||||
display: table;
|
||||
}
|
||||
|
||||
h5,
|
||||
.type-h5,
|
||||
.type-title-md {
|
||||
font-family: "Lexend Deca", sans-serif;
|
||||
font-size: 20px;
|
||||
line-height: 26px;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
}
|
||||
h5::before,
|
||||
.type-h5::before,
|
||||
.type-title-md::before {
|
||||
content: "";
|
||||
margin-bottom: -0.325em;
|
||||
display: table;
|
||||
}
|
||||
h5::after,
|
||||
.type-h5::after,
|
||||
.type-title-md::after {
|
||||
content: "";
|
||||
margin-top: -0.275em;
|
||||
display: table;
|
||||
}
|
||||
|
||||
h6,
|
||||
dt,
|
||||
.type-h6,
|
||||
.type-title-sm {
|
||||
font-family: "Lexend Deca", sans-serif;
|
||||
font-size: 17.1428571429px;
|
||||
line-height: 24px;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
}
|
||||
h6::before,
|
||||
dt::before,
|
||||
.type-h6::before,
|
||||
.type-title-sm::before {
|
||||
content: "";
|
||||
margin-bottom: -0.375em;
|
||||
display: table;
|
||||
}
|
||||
h6::after,
|
||||
dt::after,
|
||||
.type-h6::after,
|
||||
.type-title-sm::after {
|
||||
content: "";
|
||||
margin-top: -0.325em;
|
||||
display: table;
|
||||
}
|
||||
|
||||
label,
|
||||
input[type="text"],
|
||||
input[type="number"],
|
||||
.type-label-lg {
|
||||
font-family: "Lexend Deca", sans-serif;
|
||||
font-size: 17.1428571429px;
|
||||
line-height: 20px;
|
||||
font-weight: 500;
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
}
|
||||
.type-label-lg::before {
|
||||
content: "";
|
||||
margin-bottom: -0.2583333333em;
|
||||
display: table;
|
||||
}
|
||||
.type-label-lg::after {
|
||||
content: "";
|
||||
margin-top: -0.2083333333em;
|
||||
display: table;
|
||||
}
|
||||
|
||||
.type-label-md {
|
||||
font-family: "Lexend Deca", sans-serif;
|
||||
font-size: 14.2857142857px;
|
||||
line-height: 18px;
|
||||
font-weight: 500;
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
}
|
||||
.type-label-md::before {
|
||||
content: "";
|
||||
margin-bottom: -0.305em;
|
||||
display: table;
|
||||
}
|
||||
.type-label-md::after {
|
||||
content: "";
|
||||
margin-top: -0.255em;
|
||||
display: table;
|
||||
}
|
||||
|
||||
.type-label-sm {
|
||||
font-family: "Lexend Deca", sans-serif;
|
||||
font-size: 11.4285714286px;
|
||||
line-height: 12px;
|
||||
font-weight: 500;
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
}
|
||||
.type-label-sm::before {
|
||||
content: "";
|
||||
margin-bottom: -0.2em;
|
||||
display: table;
|
||||
}
|
||||
.type-label-sm::after {
|
||||
content: "";
|
||||
margin-top: -0.15em;
|
||||
display: table;
|
||||
}
|
||||
|
||||
p,
|
||||
.type-body {
|
||||
font-family: "Lexend Deca", sans-serif;
|
||||
font-size: 17.1428571429px;
|
||||
line-height: 28px;
|
||||
font-weight: 500;
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
}
|
||||
p::before,
|
||||
.type-body::before {
|
||||
content: "";
|
||||
margin-bottom: -0.4916666667em;
|
||||
display: table;
|
||||
}
|
||||
p::after,
|
||||
.type-body::after {
|
||||
content: "";
|
||||
margin-top: -0.4416666667em;
|
||||
display: table;
|
||||
}
|
||||
|
||||
/* Shitty Variants */
|
||||
|
||||
.shitty h1,
|
||||
.shitty .type-h1,
|
||||
.shitty .type-headline-lg {
|
||||
font-family: "Times New Roman", serif;
|
||||
font-size: 51.4285714286px;
|
||||
line-height: 52px;
|
||||
font-weight: 700;
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
}
|
||||
.shitty h1::before,
|
||||
.shitty .type-h1::before,
|
||||
.shitty .type-headline-lg::before {
|
||||
content: "";
|
||||
margin-bottom: -0.1805555556em;
|
||||
display: table;
|
||||
}
|
||||
.shitty h1::after,
|
||||
.shitty .type-h1::after,
|
||||
.shitty .type-headline-lg::after {
|
||||
content: "";
|
||||
margin-top: -0.1305555556em;
|
||||
display: table;
|
||||
}
|
||||
|
||||
.shitty h2,
|
||||
.shitty .type-h2,
|
||||
.shitty .type-headline-md {
|
||||
font-family: "Times New Roman", serif;
|
||||
font-size: 34.2857142857px;
|
||||
line-height: 40px;
|
||||
font-weight: 700;
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
}
|
||||
.shitty h2::before,
|
||||
.shitty .type-h2::before,
|
||||
.shitty .type-headline-md::before {
|
||||
content: "";
|
||||
margin-bottom: -0.2583333333em;
|
||||
display: table;
|
||||
}
|
||||
.shitty h2::after,
|
||||
.shitty .type-h2::after,
|
||||
.shitty .type-headline-md::after {
|
||||
content: "";
|
||||
margin-top: -0.2083333333em;
|
||||
display: table;
|
||||
}
|
||||
|
||||
.shitty h3,
|
||||
.shitty .type-h3,
|
||||
.shitty .type-headline-sm {
|
||||
font-family: "Verdana", sans-serif;
|
||||
font-size: 22.8571428571px;
|
||||
line-height: 28px;
|
||||
font-weight: 700;
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
}
|
||||
.shitty h3::before,
|
||||
.shitty .type-h3::before,
|
||||
.shitty .type-headline-sm::before {
|
||||
content: "";
|
||||
margin-bottom: -0.2875em;
|
||||
display: table;
|
||||
}
|
||||
.shitty h3::after,
|
||||
.shitty .type-h3::after,
|
||||
.shitty .type-headline-sm::after {
|
||||
content: "";
|
||||
margin-top: -0.2375em;
|
||||
display: table;
|
||||
}
|
||||
|
||||
.shitty h4,
|
||||
.shitty .type-h4,
|
||||
.shitty .type-title-lg {
|
||||
font-family: "Verdana", sans-serif;
|
||||
font-size: 22.8571428571px;
|
||||
line-height: 28px;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
}
|
||||
.shitty h4::before,
|
||||
.shitty .type-h4::before,
|
||||
.shitty .type-title-lg::before {
|
||||
content: "";
|
||||
margin-bottom: -0.2875em;
|
||||
display: table;
|
||||
}
|
||||
.shitty h4::after,
|
||||
.shitty .type-h4::after,
|
||||
.shitty .type-title-lg::after {
|
||||
content: "";
|
||||
margin-top: -0.2375em;
|
||||
display: table;
|
||||
}
|
||||
|
||||
.shitty h5,
|
||||
.shitty .type-h5,
|
||||
.shitty .type-title-md {
|
||||
font-family: "Verdana", sans-serif;
|
||||
font-size: 20px;
|
||||
line-height: 26px;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
}
|
||||
.shitty h5::before,
|
||||
.shitty .type-h5::before,
|
||||
.shitty .type-title-md::before {
|
||||
content: "";
|
||||
margin-bottom: -0.325em;
|
||||
display: table;
|
||||
}
|
||||
.shitty h5::after,
|
||||
.shitty .type-h5::after,
|
||||
.shitty .type-title-md::after {
|
||||
content: "";
|
||||
margin-top: -0.275em;
|
||||
display: table;
|
||||
}
|
||||
|
||||
.shitty h6,
|
||||
.shitty dt,
|
||||
.shitty .type-h6,
|
||||
.shitty .type-title-sm {
|
||||
font-family: "Verdana", sans-serif;
|
||||
font-size: 17.1428571429px;
|
||||
line-height: 24px;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
}
|
||||
.shitty h6::before,
|
||||
.shitty dt::before,
|
||||
.shitty .type-h6::before,
|
||||
.shitty .type-title-sm::before {
|
||||
content: "";
|
||||
margin-bottom: -0.375em;
|
||||
display: table;
|
||||
}
|
||||
.shitty h6::after,
|
||||
.shitty dt::after,
|
||||
.shitty .type-h6::after,
|
||||
.shitty .type-title-sm::after {
|
||||
content: "";
|
||||
margin-top: -0.325em;
|
||||
display: table;
|
||||
}
|
||||
|
||||
.shitty label,
|
||||
.shitty input[type="text"],
|
||||
.shitty input[type="number"],
|
||||
.shitty .type-label-lg {
|
||||
font-family: "Comic Sans MS", "Comic Sans", sans-serif;
|
||||
font-size: 17.1428571429px;
|
||||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
}
|
||||
.shitty .type-label-lg::before {
|
||||
content: "";
|
||||
margin-bottom: -0.2583333333em;
|
||||
display: table;
|
||||
}
|
||||
.shitty .type-label-lg::after {
|
||||
content: "";
|
||||
margin-top: -0.2083333333em;
|
||||
display: table;
|
||||
}
|
||||
|
||||
.shitty .type-label-md {
|
||||
font-family: "Verdana", sans-serif;
|
||||
font-size: 14.2857142857px;
|
||||
line-height: 18px;
|
||||
font-weight: 500;
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
}
|
||||
.shitty .type-label-md::before {
|
||||
content: "";
|
||||
margin-bottom: -0.305em;
|
||||
display: table;
|
||||
}
|
||||
.shitty .type-label-md::after {
|
||||
content: "";
|
||||
margin-top: -0.255em;
|
||||
display: table;
|
||||
}
|
||||
|
||||
.shitty .type-label-sm {
|
||||
font-family: "Verdana", sans-serif;
|
||||
font-size: 11.4285714286px;
|
||||
line-height: 12px;
|
||||
font-weight: 500;
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
}
|
||||
.shitty .type-label-sm::before {
|
||||
content: "";
|
||||
margin-bottom: -0.2em;
|
||||
display: table;
|
||||
}
|
||||
.shitty .type-label-sm::after {
|
||||
content: "";
|
||||
margin-top: -0.15em;
|
||||
display: table;
|
||||
}
|
||||
|
||||
.shitty p,
|
||||
.shitty .type-body {
|
||||
font-family: "Verdana", sans-serif;
|
||||
font-size: 17.1428571429px;
|
||||
line-height: 28px;
|
||||
font-weight: 500;
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
}
|
||||
.shitty p::before,
|
||||
.shitty .type-body::before {
|
||||
content: "";
|
||||
margin-bottom: -0.4916666667em;
|
||||
display: table;
|
||||
}
|
||||
.shitty p::after,
|
||||
.shitty .type-body::after {
|
||||
content: "";
|
||||
margin-top: -0.4416666667em;
|
||||
display: table;
|
||||
}
|
||||
Reference in New Issue
Block a user