janis/explainegy-nextjs
1
0
Fork 0
mirror of https://github.com/DerTyp7/explainegy-nextjs.git synced 2025-10-29 21:02:13 +01:00
Code Issues Packages Projects Releases Wiki Activity

add api

Browse Source
This commit is contained in:
Janis
2023-01-07 08:52:59 +01:00
parent 6ed3cc22f3
commit dd121030e4
30 changed files with 7745 additions and 8665 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
styles/typography.scss
View File

@@ -7,66 +7,72 @@
html,
body {
font-family: "Roboto", sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: var(--color-font);
font-size: $font-size-default;
letter-spacing: $font-letter-spacing-default;
font-family: "Roboto", sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: var(--color-font);
font-size: $font-size-default;
letter-spacing: $font-letter-spacing-default;
}
/* Headings */
h1 {
font-size: calc($font-size-default + $font-size-headline-step * 6);
font-weight: bold;
letter-spacing: $font-letter-spacing-headline-large;
font-size: calc($font-size-default + $font-size-headline-step * 6);
font-weight: bold;
letter-spacing: $font-letter-spacing-headline-large;
}
h2 {
// 5 skipped on purpose
font-size: calc($font-size-default + $font-size-headline-step * 4);
font-weight: bold;
letter-spacing: $font-letter-spacing-headline-medium;
// 5 skipped on purpose
font-size: calc($font-size-default + $font-size-headline-step * 4);
font-weight: bold;
letter-spacing: $font-letter-spacing-headline-medium;
}
h3 {
font-size: calc($font-size-default + $font-size-headline-step * 3);
font-weight: bold;
letter-spacing: $font-letter-spacing-headline-small;
font-size: calc($font-size-default + $font-size-headline-step * 3);
font-weight: bold;
letter-spacing: $font-letter-spacing-headline-small;
}
h4 {
font-size: calc($font-size-default + $font-size-headline-step * 2);
font-weight: bold;
letter-spacing: $font-letter-spacing-headline-small;
font-size: calc($font-size-default + $font-size-headline-step * 2);
font-weight: bold;
letter-spacing: $font-letter-spacing-headline-small;
}
h5 {
font-size: calc($font-size-default + $font-size-headline-step * 1);
font-weight: bold;
letter-spacing: $font-letter-spacing-headline-small;
font-size: calc($font-size-default + $font-size-headline-step * 1);
font-weight: bold;
letter-spacing: $font-letter-spacing-headline-small;
}
h6 {
font-size: $font-size-default;
font-weight: bold;
letter-spacing: 1.25px;
font-size: $font-size-default;
font-weight: bold;
letter-spacing: 1.25px;
}
/* General Texts */
a {
font-weight: bold;
text-decoration: none;
color: var(--color-font-link);
transition: color 50ms linear;
font-weight: bold;
text-decoration: none;
color: var(--color-font-link);
transition: color 50ms linear;
&:hover {
text-decoration: underline;
color: var(--color-font-link-hover) !important;
}
&:hover {
text-decoration: underline;
color: var(--color-font-link-hover) !important;
}
&:visited {
text-decoration: none;
color: var(--color-font-link);
}
&:visited {
text-decoration: none;
color: var(--color-font-link);
}
}
.text-muted {
color: var(--color-font-muted);
font-weight: bold;
font-size: 0.8em;
}