diff options
Diffstat (limited to 'sass')
| -rw-r--r-- | sass/_imports.scss | 7 | ||||
| -rw-r--r-- | sass/abridge-auto.scss | 31 | ||||
| -rw-r--r-- | sass/abridge-blue-dark.scss | 21 | ||||
| -rw-r--r-- | sass/abridge-blue-light.scss | 21 | ||||
| -rw-r--r-- | sass/abridge-blue-switcher.scss | 34 | ||||
| -rw-r--r-- | sass/abridge-blue.scss | 36 | ||||
| -rw-r--r-- | sass/abridge-blueshade-dark.scss | 21 | ||||
| -rw-r--r-- | sass/abridge-blueshade-light.scss | 21 | ||||
| -rw-r--r-- | sass/abridge-blueshade-switcher.scss | 34 | ||||
| -rw-r--r-- | sass/abridge-blueshade.scss | 36 | ||||
| -rw-r--r-- | sass/abridge-dark.scss | 29 | ||||
| -rw-r--r-- | sass/abridge-light.scss | 29 | ||||
| -rw-r--r-- | sass/abridge-switcher.scss | 34 | ||||
| -rw-r--r-- | sass/abridge.scss | 59 | ||||
| -rw-r--r-- | sass/font.scss | 5 | ||||
| -rw-r--r-- | sass/fonts/_Abridge.scss | 7 | ||||
| -rw-r--r-- | sass/fonts/_Roboto-Mono.scss | 11 | ||||
| -rw-r--r-- | sass/include/_embedded.scss | 4 | ||||
| -rw-r--r-- | sass/include/_hr.scss | 2 | ||||
| -rw-r--r-- | sass/include/_icons.scss | 2 | ||||
| -rw-r--r-- | sass/include/_nav.scss | 2 | ||||
| -rw-r--r-- | sass/include/_sectioning.scss | 4 |
22 files changed, 112 insertions, 338 deletions
diff --git a/sass/_imports.scss b/sass/_imports.scss index 6e61b8e..3c2630c 100644 --- a/sass/_imports.scss +++ b/sass/_imports.scss @@ -15,6 +15,13 @@ // Config @import "variables"; +//@import "fonts/Roboto"; +//@import "fonts/Roboto-Mono"; // Monospaced +//@import "fonts/Arimo"; +//@import "fonts/Lato"; +//@import "fonts/FiraCode"; // Monospaced +//@import "fonts/Abridge"; // Icon Font (don't recommend, CSS only icons are in my opinion better.) + // Includes - Sorted by importance/category (includes at top are needed most frequently) @import "include/document"; // html @import "include/typography"; // a, headings, p, ul, blockquote, ... diff --git a/sass/abridge-auto.scss b/sass/abridge-auto.scss new file mode 100644 index 0000000..93440c8 --- /dev/null +++ b/sass/abridge-auto.scss @@ -0,0 +1,31 @@ +@import "imports"; +@import "syntax/syntax-abridge"; +// In parenthesis at the end of each comment are tested colors separated by commma, the first value is the default. +:root { + --f1: #ccc;// Font Color Primary (ccc) + --f2: #ddd;// Font color Headers (ddd) + --c1: #111;// Background Color Primary (111) + --c2: #222;// Background Color Secondary (222,123) + --c3: #333;// Table Rows, Block quote edge, Borders (333,345) + --c4: #888;// Disabled Buttons, Borders, mark background (888,789) + --a1: #f90;// link color (f90,09f) + --a2: #fb0;// link hover/focus color (fb0,0bf) + --a3: #f90;// link h1-h2 hover/focus color (f90,0af) + --cg: #593;// ins green, success (593) + --cr: #e33;// del red, errors (e33) +} +@media (prefers-color-scheme: light) { + :root { + --f1: #444;// Font Color Primary (444) + --f2: #333;// Font color Headers (333) + --c1: #fff;// Background Color Primary (fff) + --c2: #eee;// Background Color Secondary (eee,def) + --c3: #ddd;// Table Rows, Block quote edge, Borders (ddd,137) + --c4: #677;// Disabled Buttons, Borders, mark background (677,013) + --a1: #c40;// link color (c40,06e) + --a2: #e60;// link hover/focus color (e60,09f) + --a3: #f90;// link h1-h2 hover/focus color (f90,07f) + --cg: #373;// ins green, success (373) + --cr: #d33;// del red, errors (d33) + } +} diff --git a/sass/abridge-blue-dark.scss b/sass/abridge-blue-dark.scss deleted file mode 100644 index 7b7a352..0000000 --- a/sass/abridge-blue-dark.scss +++ /dev/null @@ -1,21 +0,0 @@ -//@import "fonts/Abridge"; -//@import "fonts/Roboto"; -//@import "fonts/Arimo"; -//@import "fonts/Lato"; -//@import "fonts/FiraCode"; // Monospaced -@import "imports"; -@import "syntax/syntax-abridge-dark"; - -:root { - --f1: #ccc;// Font Color Primary - --f2: #ddd;// Font color Headers - --c1: #111;// Background Color Primary - --c2: #222;// Background Color Secondary - --c3: #333;// Table Rows, Block quote edge, Borders - --c4: #888;// Disabled Buttons, Borders, mark background - --a1: #09f;// link color - --a2: #0bf;// link hover/focus color - --a3: #0af;// link h1-h2 hover/focus color - --cg: #593; // ins green, success - --cr: #e33; // del red, errors -} diff --git a/sass/abridge-blue-light.scss b/sass/abridge-blue-light.scss deleted file mode 100644 index 1ae982b..0000000 --- a/sass/abridge-blue-light.scss +++ /dev/null @@ -1,21 +0,0 @@ -//@import "fonts/Abridge"; -//@import "fonts/Roboto"; -//@import "fonts/Arimo"; -//@import "fonts/Lato"; -//@import "fonts/FiraCode"; // Monospaced -@import "imports"; -@import "syntax/syntax-abridge-light"; - -:root { - --f1: #444;// Font Color Primary - --f2: #333;// Font color Headers - --c1: #fff;// Background Color Primary - --c2: #eee;// Background Color Secondary - --c3: #ddd;// Table Rows, Block quote edge, Borders - --c4: #677;// Disabled Buttons, Borders, mark background - --a1: #06e;// link color - --a2: #09f;// link hover/focus color - --a3: #07f;// link h1-h2 hover/focus color - --cg: #373; // ins green, success - --cr: #d33; // del red, errors -} diff --git a/sass/abridge-blue-switcher.scss b/sass/abridge-blue-switcher.scss deleted file mode 100644 index bed7958..0000000 --- a/sass/abridge-blue-switcher.scss +++ /dev/null @@ -1,34 +0,0 @@ -//@import "fonts/Abridge"; -//@import "fonts/Roboto"; -//@import "fonts/Arimo"; -//@import "fonts/Lato"; -//@import "fonts/FiraCode"; // Monospaced -@import "imports"; -@import "syntax/syntax-abridge-switcher"; - -:root:not(.light) { - --f1: #ccc;// Font Color Primary - --f2: #ddd;// Font color Headers - --c1: #111;// Background Color Primary - --c2: #222;// Background Color Secondary - --c3: #333;// Table Rows, Block quote edge, Borders - --c4: #888;// Disabled Buttons, Borders, mark background - --a1: #09f;// link color - --a2: #0bf;// link hover/focus color - --a3: #0af;// link h1-h2 hover/focus color - --cg: #593; // ins green, success - --cr: #e33; // del red, errors -} -:root.light { - --f1: #444;// Font Color Primary - --f2: #333;// Font color Headers - --c1: #fff;// Background Color Primary - --c2: #eee;// Background Color Secondary - --c3: #ddd;// Table Rows, Block quote edge, Borders - --c4: #677;// Disabled Buttons, Borders, mark background - --a1: #06e;// link color - --a2: #09f;// link hover/focus color - --a3: #07f;// link h1-h2 hover/focus color - --cg: #373; // ins green, success - --cr: #d33; // del red, errors -} diff --git a/sass/abridge-blue.scss b/sass/abridge-blue.scss deleted file mode 100644 index 02cb58f..0000000 --- a/sass/abridge-blue.scss +++ /dev/null @@ -1,36 +0,0 @@ -//@import "fonts/Abridge"; -//@import "fonts/Roboto"; -//@import "fonts/Arimo"; -//@import "fonts/Lato"; -//@import "fonts/FiraCode"; // Monospaced -@import "imports"; -@import "syntax/syntax-abridge"; - -:root { - --f1: #ccc;// Font Color Primary - --f2: #ddd;// Font color Headers - --c1: #111;// Background Color Primary - --c2: #222;// Background Color Secondary - --c3: #333;// Table Rows, Block quote edge, Borders - --c4: #888;// Disabled Buttons, Borders, mark background - --a1: #09f;// link color - --a2: #0bf;// link hover/focus color - --a3: #0af;// link h1-h2 hover/focus color - --cg: #593; // ins green, success - --cr: #e33; // del red, errors -} -@media (prefers-color-scheme: light) { - :root { - --f1: #444;// Font Color Primary - --f2: #333;// Font color Headers - --c1: #fff;// Background Color Primary - --c2: #eee;// Background Color Secondary - --c3: #ddd;// Table Rows, Block quote edge, Borders - --c4: #677;// Disabled Buttons, Borders, mark background - --a1: #06e;// link color - --a2: #09f;// link hover/focus color - --a3: #07f;// link h1-h2 hover/focus color - --cg: #373; // ins green, success - --cr: #d33; // del red, errors - } -} diff --git a/sass/abridge-blueshade-dark.scss b/sass/abridge-blueshade-dark.scss deleted file mode 100644 index 627f777..0000000 --- a/sass/abridge-blueshade-dark.scss +++ /dev/null @@ -1,21 +0,0 @@ -//@import "fonts/Abridge"; -//@import "fonts/Roboto"; -//@import "fonts/Arimo"; -//@import "fonts/Lato"; -//@import "fonts/FiraCode"; // Monospaced -@import "imports"; -@import "syntax/syntax-abridge-dark"; - -:root { - --f1: #ccc;// Font Color Primary - --f2: #ddd;// Font color Headers - --c1: #111;// Background Color Primary - --c2: #123;// Background Color Secondary - --c3: #345;// Table Rows, Block quote edge, Borders - --c4: #789;// Disabled Buttons, Borders, mark background - --a1: #09f;// link color - --a2: #0bf;// link hover/focus color - --a3: #0af;// link h1-h2 hover/focus color - --cg: #593; // ins green, success - --cr: #e33; // del red, errors -} diff --git a/sass/abridge-blueshade-light.scss b/sass/abridge-blueshade-light.scss deleted file mode 100644 index 8fdf66c..0000000 --- a/sass/abridge-blueshade-light.scss +++ /dev/null @@ -1,21 +0,0 @@ -//@import "fonts/Abridge"; -//@import "fonts/Roboto"; -//@import "fonts/Arimo"; -//@import "fonts/Lato"; -//@import "fonts/FiraCode"; // Monospaced -@import "imports"; -@import "syntax/syntax-abridge-light"; - -:root { - --f1: #444;// Font Color Primary - --f2: #333;// Font color Headers - --c1: #fff;// Background Color Primary - --c2: #def;// Background Color Secondary - --c3: #137;// Table Rows, Block quote edge, Borders - --c4: #013;// Disabled Buttons, Borders, mark background - --a1: #06e;// link color - --a2: #09f;// link hover/focus color - --a3: #07f;// link h1-h2 hover/focus color - --cg: #373; // ins green, success - --cr: #d33; // del red, errors -} diff --git a/sass/abridge-blueshade-switcher.scss b/sass/abridge-blueshade-switcher.scss deleted file mode 100644 index 379468b..0000000 --- a/sass/abridge-blueshade-switcher.scss +++ /dev/null @@ -1,34 +0,0 @@ -//@import "fonts/Abridge"; -//@import "fonts/Roboto"; -//@import "fonts/Arimo"; -//@import "fonts/Lato"; -//@import "fonts/FiraCode"; // Monospaced -@import "imports"; -@import "syntax/syntax-abridge-switcher"; - -:root:not(.light) { - --f1: #ccc;// Font Color Primary - --f2: #ddd;// Font color Headers - --c1: #111;// Background Color Primary - --c2: #123;// Background Color Secondary - --c3: #345;// Table Rows, Block quote edge, Borders - --c4: #789;// Disabled Buttons, Borders, mark background - --a1: #09f;// link color - --a2: #0bf;// link hover/focus color - --a3: #0af;// link h1-h2 hover/focus color - --cg: #593; // ins green, success - --cr: #e33; // del red, errors -} -:root.light { - --f1: #444;// Font Color Primary - --f2: #333;// Font color Headers - --c1: #fff;// Background Color Primary - --c2: #def;// Background Color Secondary - --c3: #137;// Table Rows, Block quote edge, Borders - --c4: #013;// Disabled Buttons, Borders, mark background - --a1: #06e;// link color - --a2: #09f;// link hover/focus color - --a3: #07f;// link h1-h2 hover/focus color - --cg: #373; // ins green, success - --cr: #d33; // del red, errors -} diff --git a/sass/abridge-blueshade.scss b/sass/abridge-blueshade.scss deleted file mode 100644 index 93f47e0..0000000 --- a/sass/abridge-blueshade.scss +++ /dev/null @@ -1,36 +0,0 @@ -//@import "fonts/Abridge"; -//@import "fonts/Roboto"; -//@import "fonts/Arimo"; -//@import "fonts/Lato"; -//@import "fonts/FiraCode"; // Monospaced -@import "imports"; -@import "syntax/syntax-abridge"; - -:root { - --f1: #ccc;// Font Color Primary - --f2: #ddd;// Font color Headers - --c1: #111;// Background Color Primary - --c2: #123;// Background Color Secondary - --c3: #345;// Table Rows, Block quote edge, Borders - --c4: #789;// Disabled Buttons, Borders, mark background - --a1: #09f;// link color - --a2: #0bf;// link hover/focus color - --a3: #0af;// link h1-h2 hover/focus color - --cg: #593; // ins green, success - --cr: #e33; // del red, errors -} -@media (prefers-color-scheme: light) { - :root { - --f1: #444;// Font Color Primary - --f2: #333;// Font color Headers - --c1: #fff;// Background Color Primary - --c2: #def;// Background Color Secondary - --c3: #137;// Table Rows, Block quote edge, Borders - --c4: #013;// Disabled Buttons, Borders, mark background - --a1: #06e;// link color - --a2: #09f;// link hover/focus color - --a3: #07f;// link h1-h2 hover/focus color - --cg: #373; // ins green, success - --cr: #d33; // del red, errors - } -} diff --git a/sass/abridge-dark.scss b/sass/abridge-dark.scss index 212b4fc..eaf1474 100644 --- a/sass/abridge-dark.scss +++ b/sass/abridge-dark.scss @@ -1,21 +1,16 @@ -//@import "fonts/Abridge"; -//@import "fonts/Roboto"; -//@import "fonts/Arimo"; -//@import "fonts/Lato"; -//@import "fonts/FiraCode"; // Monospaced @import "imports"; @import "syntax/syntax-abridge-dark"; - +// In parenthesis at the end of each comment are tested colors separated by commma, the first value is the default. :root { - --f1: #ccc;// Font Color Primary - --f2: #ddd;// Font color Headers - --c1: #111;// Background Color Primary - --c2: #222;// Background Color Secondary - --c3: #333;// Table Rows, Block quote edge, Borders - --c4: #888;// Disabled Buttons, Borders, mark background - --a1: #f90;// link color - --a2: #fb0;// link hover/focus color - --a3: #f90;// link h1-h2 hover/focus color - --cg: #593; // ins green, success - --cr: #e33; // del red, errors + --f1: #ccc;// Font Color Primary (ccc) + --f2: #ddd;// Font color Headers (ddd) + --c1: #111;// Background Color Primary (111) + --c2: #222;// Background Color Secondary (222,123) + --c3: #333;// Table Rows, Block quote edge, Borders (333,345) + --c4: #888;// Disabled Buttons, Borders, mark background (888,789) + --a1: #f90;// link color (f90,09f) + --a2: #fb0;// link hover/focus color (fb0,0bf) + --a3: #f90;// link h1-h2 hover/focus color (f90,0af) + --cg: #593;// ins green, success (593) + --cr: #e33;// del red, errors (e33) } diff --git a/sass/abridge-light.scss b/sass/abridge-light.scss index d0f204c..34c9bbc 100644 --- a/sass/abridge-light.scss +++ b/sass/abridge-light.scss @@ -1,21 +1,16 @@ -//@import "fonts/Abridge"; -//@import "fonts/Roboto"; -//@import "fonts/Arimo"; -//@import "fonts/Lato"; -//@import "fonts/FiraCode"; // Monospaced @import "imports"; @import "syntax/syntax-abridge-light"; - +// In parenthesis at the end of each comment are tested colors separated by commma, the first value is the default. :root { - --f1: #444;// Font Color Primary - --f2: #333;// Font color Headers - --c1: #fff;// Background Color Primary - --c2: #eee;// Background Color Secondary - --c3: #ddd;// Table Rows, Block quote edge, Borders - --c4: #677;// Disabled Buttons, Borders, mark background - --a1: #c40;// link color - --a2: #e60;// link hover/focus color - --a3: #f90;// link h1-h2 hover/focus color - --cg: #373; // ins green, success - --cr: #d33; // del red, errors + --f1: #444;// Font Color Primary (444) + --f2: #333;// Font color Headers (333) + --c1: #fff;// Background Color Primary (fff) + --c2: #eee;// Background Color Secondary (eee,def) + --c3: #ddd;// Table Rows, Block quote edge, Borders (ddd,137) + --c4: #677;// Disabled Buttons, Borders, mark background (677,013) + --a1: #c40;// link color (c40,06e) + --a2: #e60;// link hover/focus color (e60,09f) + --a3: #f90;// link h1-h2 hover/focus color (f90,07f) + --cg: #373;// ins green, success (373) + --cr: #d33;// del red, errors (d33) } diff --git a/sass/abridge-switcher.scss b/sass/abridge-switcher.scss deleted file mode 100644 index 37e0cef..0000000 --- a/sass/abridge-switcher.scss +++ /dev/null @@ -1,34 +0,0 @@ -//@import "fonts/Abridge"; -//@import "fonts/Roboto"; -//@import "fonts/Arimo"; -//@import "fonts/Lato"; -//@import "fonts/FiraCode"; // Monospaced -@import "imports"; -@import "syntax/syntax-abridge-switcher"; - -:root:not(.light) { - --f1: #ccc;// Font Color Primary - --f2: #ddd;// Font color Headers - --c1: #111;// Background Color Primary - --c2: #222;// Background Color Secondary - --c3: #333;// Table Rows, Block quote edge, Borders - --c4: #888;// Disabled Buttons, Borders, mark background - --a1: #f90;// link color - --a2: #fb0;// link hover/focus color - --a3: #f90;// link h1-h2 hover/focus color - --cg: #593; // ins green, success - --cr: #e33; // del red, errors -} -:root.light { - --f1: #444;// Font Color Primary - --f2: #333;// Font color Headers - --c1: #fff;// Background Color Primary - --c2: #eee;// Background Color Secondary - --c3: #ddd;// Table Rows, Block quote edge, Borders - --c4: #677;// Disabled Buttons, Borders, mark background - --a1: #c40;// link color - --a2: #e60;// link hover/focus color - --a3: #f90;// link h1-h2 hover/focus color - --cg: #373; // ins green, success - --cr: #d33; // del red, errors -} diff --git a/sass/abridge.scss b/sass/abridge.scss index e99e5d9..af1bf5d 100644 --- a/sass/abridge.scss +++ b/sass/abridge.scss @@ -1,36 +1,29 @@ -//@import "fonts/Abridge"; -//@import "fonts/Roboto"; -//@import "fonts/Arimo"; -//@import "fonts/Lato"; -//@import "fonts/FiraCode"; // Monospaced @import "imports"; -@import "syntax/syntax-abridge"; - -:root { - --f1: #ccc;// Font Color Primary - --f2: #ddd;// Font color Headers - --c1: #111;// Background Color Primary - --c2: #222;// Background Color Secondary - --c3: #333;// Table Rows, Block quote edge, Borders - --c4: #888;// Disabled Buttons, Borders, mark background - --a1: #f90;// link color - --a2: #fb0;// link hover/focus color - --a3: #f90;// link h1-h2 hover/focus color - --cg: #593; // ins green, success - --cr: #e33; // del red, errors +@import "syntax/syntax-abridge-switcher"; +// In parenthesis at the end of each comment are tested colors separated by commma, the first value is the default. +:root:not(.light) { + --f1: #ccc;// Font Color Primary (ccc) + --f2: #ddd;// Font color Headers (ddd) + --c1: #111;// Background Color Primary (111) + --c2: #222;// Background Color Secondary (222,123) + --c3: #333;// Table Rows, Block quote edge, Borders (333,345) + --c4: #888;// Disabled Buttons, Borders, mark background (888,789) + --a1: #f90;// link color (f90,09f) + --a2: #fb0;// link hover/focus color (fb0,0bf) + --a3: #f90;// link h1-h2 hover/focus color (f90,0af) + --cg: #593;// ins green, success (593) + --cr: #e33;// del red, errors (e33) } -@media (prefers-color-scheme: light) { - :root { - --f1: #444;// Font Color Primary - --f2: #333;// Font color Headers - --c1: #fff;// Background Color Primary - --c2: #eee;// Background Color Secondary - --c3: #ddd;// Table Rows, Block quote edge, Borders - --c4: #677;// Disabled Buttons, Borders, mark background - --a1: #c40;// link color - --a2: #e60;// link hover/focus color - --a3: #f90;// link h1-h2 hover/focus color - --cg: #373; // ins green, success - --cr: #d33; // del red, errors - } +:root.light { + --f1: #444;// Font Color Primary (444) + --f2: #333;// Font color Headers (333) + --c1: #fff;// Background Color Primary (fff) + --c2: #eee;// Background Color Secondary (eee,def) + --c3: #ddd;// Table Rows, Block quote edge, Borders (ddd,137) + --c4: #677;// Disabled Buttons, Borders, mark background (677,013) + --a1: #c40;// link color (c40,06e) + --a2: #e60;// link hover/focus color (e60,09f) + --a3: #f90;// link h1-h2 hover/focus color (f90,07f) + --cg: #373;// ins green, success (373) + --cr: #d33;// del red, errors (d33) } diff --git a/sass/font.scss b/sass/font.scss deleted file mode 100644 index 56d7b54..0000000 --- a/sass/font.scss +++ /dev/null @@ -1,5 +0,0 @@ -//@import "fonts/Abridge"; -@import "fonts/Roboto"; -//@import "fonts/Arimo"; -//@import "fonts/Lato"; -//@import "fonts/FiraCode"; // Monospaced
\ No newline at end of file diff --git a/sass/fonts/_Abridge.scss b/sass/fonts/_Abridge.scss index 3085236..6626626 100644 --- a/sass/fonts/_Abridge.scss +++ b/sass/fonts/_Abridge.scss @@ -1,3 +1,8 @@ +// This is for the Abridge icon font, the css for this is adapted from fontello. +// I experimented using this, it is still here for those that want it, but not used by default. +// It is a pretty lightweight solution, but still not as good as svg icons directly in the css. +// The loading of icon fonts is blocked by noscript type browser addons, but css icons are not. + @font-face { font-family: 'Abridge'; src: url('font/Abridge.woff2') format('woff2'); @@ -23,4 +28,4 @@ .i-last:before { content: '\f101'; } // pagination last page .i-prev:before { content: '\f104'; } // pagination previous page .i-next:before { content: '\f105'; } // pagination next page -.i-up:before { content: '\f106'; } // back to top button
\ No newline at end of file +.i-up:before { content: '\f106'; } // back to top button diff --git a/sass/fonts/_Roboto-Mono.scss b/sass/fonts/_Roboto-Mono.scss new file mode 100644 index 0000000..0685c3d --- /dev/null +++ b/sass/fonts/_Roboto-Mono.scss @@ -0,0 +1,11 @@ +@font-face { + font-family: 'Roboto Mono'; + src: local("Roboto Mono"), local("Roboto-Mono"), local("RobotoMono"), local("Roboto-Mono-Regular"), local("RobotoMono-Regular"), url("font/Roboto-Mono.woff2");//latin regular + font-display: swap; +} +@font-face { + font-family: 'Roboto Mono'; + src: local("Roboto Mono Italic"), local("Roboto-Mono-Italic"), local("RobotoMono-Italic"), url("font/Roboto-Mono-Italic.woff2");//latin italic + font-style: italic; + font-display: swap; +} diff --git a/sass/include/_embedded.scss b/sass/include/_embedded.scss index 93de17d..fc1dd3c 100644 --- a/sass/include/_embedded.scss +++ b/sass/include/_embedded.scss @@ -2,13 +2,13 @@ .yvi {//youtube and vimeo iframe position: absolute; top: 0; - left: 0; + left: 0 } .yv {//youtube and vimeo div position: relative; padding-bottom: 56.25%; height: 0; - overflow: hidden; + overflow: hidden } img, video, diff --git a/sass/include/_hr.scss b/sass/include/_hr.scss index 98e536e..aaa9f4e 100644 --- a/sass/include/_hr.scss +++ b/sass/include/_hr.scss @@ -10,6 +10,6 @@ hr { height: 0; // 1 overflow: visible; // 2 border: none; - border-top: 1px solid var(--f1); + border-top: 1px solid var(--f1) } header hr, footer hr {border-top: 1px solid var(--c4)} diff --git a/sass/include/_icons.scss b/sass/include/_icons.scss index 10a2c05..df0f5d3 100644 --- a/sass/include/_icons.scss +++ b/sass/include/_icons.scss @@ -116,7 +116,7 @@ display: inline-block; //overflow: hidden; text-align: center; - vertical-align: middle; + vertical-align: middle } .svgs { width: var(--fs); diff --git a/sass/include/_nav.scss b/sass/include/_nav.scss index 08f1ec1..f3a9b29 100644 --- a/sass/include/_nav.scss +++ b/sass/include/_nav.scss @@ -106,7 +106,7 @@ footer nav { margin: var(--s2) 0 var(--s1); } div { - margin: auto; // keeps top menu/search centered in mobile view + margin: auto // keeps top menu/search centered in mobile view } } } diff --git a/sass/include/_sectioning.scss b/sass/include/_sectioning.scss index cd5540d..dd1026e 100644 --- a/sass/include/_sectioning.scss +++ b/sass/include/_sectioning.scss @@ -77,12 +77,12 @@ header, main { padding-bottom: 0; margin-bottom: 0; hr { - margin:0.1rem 0; + margin:0.1rem 0 } } footer{ line-height: var(--lhh); hr, p { - margin: 0.1rem 0 .3rem; + margin: 0.1rem 0 .3rem } }
\ No newline at end of file |
