From 95d35621f835f49eddada7035c55b197ffbb73ea Mon Sep 17 00:00:00 2001 From: Jieiku Date: Mon, 20 Jun 2022 15:07:51 -0700 Subject: Paginator Spacing, Relative Path Fonts, Fontawesome Icons --- sass/fonts/_Arimo.scss | 6 +++--- sass/fonts/_FiraCode.scss | 2 +- sass/fonts/_Lato.scss | 6 +++--- sass/fonts/_Roboto.scss | 6 +++--- sass/include/_icons.scss | 2 +- sass/include/_nav.scss | 7 +++---- 6 files changed, 14 insertions(+), 15 deletions(-) (limited to 'sass') diff --git a/sass/fonts/_Arimo.scss b/sass/fonts/_Arimo.scss index 83d9040..8931d79 100644 --- a/sass/fonts/_Arimo.scss +++ b/sass/fonts/_Arimo.scss @@ -1,17 +1,17 @@ @font-face { font-family: 'Arimo'; - src: local("Arimo"), url("/font/Arimo.woff2");//latin regular + src: local("Arimo"), url("font/Arimo.woff2");//latin regular font-display: swap; } @font-face { font-family: 'Arimo'; - src: local("Arimo-Italic"), url("/font/Arimo-Italic.woff2");//latin italic + src: local("Arimo-Italic"), url("font/Arimo-Italic.woff2");//latin italic font-style: italic; font-display: swap; } @font-face { font-family: 'Arimo'; - src: local("Arimo-Bold"), url("/font/Arimo-Bold.woff2");//latin bold + src: local("Arimo-Bold"), url("font/Arimo-Bold.woff2");//latin bold font-weight: bold; font-display: swap; } diff --git a/sass/fonts/_FiraCode.scss b/sass/fonts/_FiraCode.scss index 8053db9..a20f4d7 100644 --- a/sass/fonts/_FiraCode.scss +++ b/sass/fonts/_FiraCode.scss @@ -1,5 +1,5 @@ @font-face { font-family: 'Fira Code'; - src: local("Fira Code"), url("/font/FiraCode.woff2");//latin regular + src: local("Fira Code"), url("font/FiraCode.woff2");//latin regular font-display: swap; } diff --git a/sass/fonts/_Lato.scss b/sass/fonts/_Lato.scss index d8f2c0c..70c3d49 100644 --- a/sass/fonts/_Lato.scss +++ b/sass/fonts/_Lato.scss @@ -1,17 +1,17 @@ @font-face { font-family: 'Lato'; - src: local("Lato"), url("/font/Lato.woff2");//latin regular + src: local("Lato"), url("font/Lato.woff2");//latin regular font-display: swap; } @font-face { font-family: 'Lato'; - src: local("Lato-Italic"), url("/font/Lato-Italic.woff2");//latin italic + src: local("Lato-Italic"), url("font/Lato-Italic.woff2");//latin italic font-style: italic; font-display: swap; } @font-face { font-family: 'Lato'; - src: local("Lato-Bold"), url("/font/Lato-Bold.woff2");//latin bold + src: local("Lato-Bold"), url("font/Lato-Bold.woff2");//latin bold font-weight: bold; font-display: swap; } diff --git a/sass/fonts/_Roboto.scss b/sass/fonts/_Roboto.scss index d31714f..6370fc2 100644 --- a/sass/fonts/_Roboto.scss +++ b/sass/fonts/_Roboto.scss @@ -1,17 +1,17 @@ @font-face { font-family: 'Roboto'; - src: local("Roboto"), url("/font/Roboto.woff2");//latin regular + src: local("Roboto"), url("font/Roboto.woff2");//latin regular font-display: swap; } @font-face { font-family: 'Roboto'; - src: local("Roboto-Italic"), url("/font/Roboto-Italic.woff2");//latin italic + src: local("Roboto-Italic"), url("font/Roboto-Italic.woff2");//latin italic font-style: italic; font-display: swap; } @font-face { font-family: 'Roboto'; - src: local("Roboto-Bold"), url("/font/Roboto-Bold.woff2");//latin bold + src: local("Roboto-Bold"), url("font/Roboto-Bold.woff2");//latin bold font-weight: bold; font-display: swap; } diff --git a/sass/include/_icons.scss b/sass/include/_icons.scss index 159b33c..4edff0a 100644 --- a/sass/include/_icons.scss +++ b/sass/include/_icons.scss @@ -66,7 +66,7 @@ @if $icon-check {.check { background-image: icon(check, "%23888", 2, "none") }} @if $icon-chevron {.chevron { background-image: icon(chevron, "%23888", 2, "none") }} @if $icon-clock {.clock { background-image: icon(clock, "%23888", 2, "none") }} - @if $icon-contrast {.contrast { mask: icon(contrast, "none", 1, "%23000") ; background: var(--f2)}} + @if $icon-contrast {.contrast { mask: icon(contrast, "none", 1, "%23000") ; background: var(--f2) }} @if $icon-date {.date { background-image: icon(date, "%23888", 2, "none") }} @if $icon-docker {.docker { background-image: icon(docker, "%2329e", 2, "none") }} @if $icon-element {.element { background-image: icon(element, "none", 1, "%231c8") }} diff --git a/sass/include/_nav.scss b/sass/include/_nav.scss index c046efd..ad3ae79 100644 --- a/sass/include/_nav.scss +++ b/sass/include/_nav.scss @@ -8,7 +8,7 @@ main nav { margin-top: var(--s2);//pagination margin ul li { - margin: 0; + margin: .1rem; } } .off { @@ -17,7 +17,6 @@ main nav { border: .1rem solid var(--c3); border-radius: var(--br); padding: .1rem var(--s1); - margin: .1rem; } main nav a, main nav a:visited {//pagination link styling @@ -64,8 +63,8 @@ nav { ul li { display: inline-block; margin: 0 0.2rem; - position: relative; - text-align: left; + //position: relative; + //text-align: left; } } // breakpoint makes header responsive for mobile layouts -- cgit v1.3.1