aboutsummaryrefslogtreecommitdiff
path: root/sass
diff options
context:
space:
mode:
authorJieiku2022-06-20 15:07:51 -0700
committerJieiku2022-06-20 15:07:51 -0700
commit95d35621f835f49eddada7035c55b197ffbb73ea (patch)
tree43e3624b50736b840f8b28a745aae652b6eafcc3 /sass
parent13cb5a1d3a4fef9b6a9296a20e70f80fb7d336ed (diff)
downloadabridge-95d35621f835f49eddada7035c55b197ffbb73ea.tar.gz
abridge-95d35621f835f49eddada7035c55b197ffbb73ea.tar.bz2
abridge-95d35621f835f49eddada7035c55b197ffbb73ea.zip
Paginator Spacing, Relative Path Fonts, Fontawesome Icons
Diffstat (limited to 'sass')
-rw-r--r--sass/fonts/_Arimo.scss6
-rw-r--r--sass/fonts/_FiraCode.scss2
-rw-r--r--sass/fonts/_Lato.scss6
-rw-r--r--sass/fonts/_Roboto.scss6
-rw-r--r--sass/include/_icons.scss2
-rw-r--r--sass/include/_nav.scss7
6 files changed, 14 insertions, 15 deletions
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