ResiLien/portails
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: update fonts+

Browse Source
This commit is contained in:
Henk Verlinde
2020-11-16 09:35:51 +01:00
parent e3444360ac
commit 41d63a2528
35 changed files with 191 additions and 127 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
assets/scss/common/_dark.scss
View File

@ -13,8 +13,6 @@ $button-color-dark: $link-color-dark;
$focus-color-dark: lighten($link-color-dark, 2.5%);
$selection-color-dark: lighten($link-color-dark, 2.5%);
$navbar-dark-brand-color: $link-color-dark;
$navbar-dark-brand-hover-color: $body-color-dark;
$navbar-dark-color: $body-color-dark;
$navbar-dark-hover-color: $link-color-dark;
$navbar-dark-active-color: $link-color-dark;
@ -51,12 +49,7 @@ body.dark.home .navbar {
}
body.dark .navbar-light .navbar-brand {
color: $navbar-dark-brand-color !important;
}
body.dark .navbar-light .navbar-brand:hover,
body.dark .navbar-light .navbar-brand:focus {
color: $navbar-dark-brand-hover-color !important;
color: $navbar-dark-color !important;
}
body.dark .navbar-light .navbar-nav .nav-link {
@ -96,6 +89,15 @@ body.dark .page-links a {
color: $body-color-dark;
}
body.dark .showcase-meta a {
color: $body-color-dark;
}
body.dark .showcase-meta a:hover,
body.dark .showcase-meta a:focus {
color: $link-color-dark;
}
body.dark .docs-link:hover,
body.dark .docs-link.active,
body.dark .page-links a:hover {
@ -107,6 +109,11 @@ body.dark .navbar-light .navbar-text a {
color: $navbar-dark-active-color;
}
body.dark .docs-links h3.sidebar-link a,
body.dark .page-links h3.sidebar-link a {
color: $body-color-dark;
}
body.dark .navbar-light .navbar-text a:hover,
body.dark .navbar-light .navbar-text a:focus {
color: $navbar-dark-active-color;

96
assets/scss/common/_fonts.scss
View File

@ -1,53 +1,71 @@
/* jost-regular - latin */
@font-face {
font-family: Jost;
src: local("Jost"), url(/fonts/vendor/jost/Jost-400-Book.otf);
font-family: "Jost";
font-style: normal;
font-weight: 400;
font-display: swap;
src:
local("Jost"),
url("/fonts/vendor/jost/jost-v4-latin-regular.woff2") format("woff2"),
url("/fonts/vendor/jost/jost-v4-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* jost-500 - latin */
@font-face {
font-family: Jost;
src: local("Jost"), url(/fonts/vendor/jost/Jost-400-BookItalic.otf);
font-weight: 400;
font-display: swap;
font-style: italic;
}
@font-face {
font-family: Jost;
src: local("Jost"), url(/fonts/vendor/jost/Jost-500-Medium.otf);
font-family: "Jost";
font-style: normal;
font-weight: 500;
font-display: swap;
src:
local("Jost"),
url("/fonts/vendor/jost/jost-v4-latin-500.woff2") format("woff2"),
url("/fonts/vendor/jost/jost-v4-latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* jost-700 - latin */
@font-face {
font-family: Jost;
src: local("Jost"), url(/fonts/vendor/jost/Jost-500-MediumItalic.otf);
font-weight: 500;
font-display: swap;
font-style: italic;
}
/*
@font-face {
font-family: Jost;
src: local("Jost"), url(/fonts/vendor/jost/Jost-600-Semi.otf);
font-weight: 600;
font-display: swap;
}
@font-face {
font-family: Jost;
src: local("Jost"), url(/fonts/vendor/jost/Jost-600-SemiItalic.otf);
font-style: italic;
font-weight: 600;
font-display: swap;
}
@font-face {
font-family: Jost;
src: local("Jost"), url(/fonts/vendor/jost/Jost-700-Bold.otf);
font-family: "Jost";
font-style: normal;
font-weight: 700;
font-display: swap;
src:
local("Jost"),
url("/fonts/vendor/jost/jost-v4-latin-700.woff2") format("woff2"),
url("/fonts/vendor/jost/jost-v4-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* jost-italic - latin */
@font-face {
font-family: "Jost";
font-style: italic;
font-weight: 400;
font-display: swap;
src:
local("Jost"),
url("/fonts/vendor/jost/jost-v4-latin-italic.woff2") format("woff2"),
url("/fonts/vendor/jost/jost-v4-latin-italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* jost-500italic - latin */
@font-face {
font-family: "Jost";
font-style: italic;
font-weight: 500;
font-display: swap;
src:
local("Jost"),
url("/fonts/vendor/jost/jost-v4-latin-500italic.woff2") format("woff2"),
url("/fonts/vendor/jost/jost-v4-latin-500italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* jost-700italic - latin */
@font-face {
font-family: "Jost";
font-style: italic;
font-weight: 700;
font-display: swap;
src:
local("Jost"),
url("/fonts/vendor/jost/jost-v4-latin-700italic.woff2") format("woff2"),
url("/fonts/vendor/jost/jost-v4-latin-700italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
*/

9
assets/scss/common/_global.scss
View File

@ -44,6 +44,11 @@ h6,
}
}
.home h1 {
/* font-size: calc(1.375rem + 1.5vw); */
font-size: calc(1.875rem + 1.5vw);
}
.section {
padding-top: 5rem;
padding-bottom: 5rem;
@ -181,6 +186,10 @@ body {
z-index: -1;
}
.bg-dots-md {
margin-top: -11rem;
}
.bg-dots-lg {
margin-top: -12rem;
}

4
assets/scss/common/_variables.scss
View File

@ -87,7 +87,9 @@ $font-size-sm: $font-size-base * 0.875;
$line-height-base: 1.5;
$headings-font-family: null;
$headings-font-weight: 500;
$headings-font-weight: 700;
$lead-font-weight: 400;
// Spacing
//

6
assets/scss/layouts/_header.scss
View File

@ -99,20 +99,20 @@
.navbar-form {
margin-top: 0;
margin-left: 9rem;
margin-left: 6rem;
margin-right: 1.5rem;
}
}
@include media-breakpoint-up(lg) {
.navbar-form {
margin-left: 18rem;
margin-left: 15rem;
}
}
@include media-breakpoint-up(xl) {
.navbar-form {
margin-left: 36rem;
margin-left: 30rem;
}
}