All Variables Easy Override

1 files changed, 128 insertions, 0 deletions

diff --git a/COPY-FILES-TO-ROOT-SITE-SASS/abridge.scss b/COPY-FILES-TO-ROOT-SITE-SASS/abridge.scss
new file mode 100644
index 0000000..a552adc
--- /dev/null
+++ b/COPY-FILES-TO-ROOT-SITE-SASS/abridge.scss
@@ -0,0 +1,128 @@
+@use '../themes/abridge/sass/abridge' with (
+  /// LINES HERE END WITH COMMA AFTER THE VALUE!
+  $abridgeMode:"switcher",//valid values: switcher, auto, dark, light
+
+  /// Enable a centered viewport for <header>, <main>, <footer> inside <body>
+  /// Fluid layout until a defined size, then becomes centered viewport
+  $enable-maxwidth: true,
+  $mw:75%,// max-width
+  $mb:1200px,// value at which to switch from fluid layout to max-width
+
+  $dark: #ccc #ddd #111 #222 #333 #888 #f90 #fb0 #f90 #593 #e33,//orange
+  //$dark: #ccc #ddd #111 #222 #333 #888 #09f #0bf #0af #593 #e33,//blue
+  //$dark: #ccc #ddd #111 #123 #345 #789 #09f #0bf #0af #593 #e33,//blueshade
+
+  $light: #333 #222 #fff #eee #ddd #555 #c40 #e60 #f90 #373 #d33,//orange
+  //$light: #333 #222 #fff #eee #ddd #555 #06e #09f #07f #373 #d33,//blue
+  //$light: #333 #222 #fff #def #137 #013 #06e #09f #07f #373 #d33,//blueshade
+
+  $syntax-dark: #191919 #e65 #f91 #eb6 #ac3 #8db #6ae #d6e,
+  $syntax-light: #f7f7f7 #a21 #930 #a50 #350 #286 #059 #a3c,
+
+  $syntax: true,//syntax highlighting for Code Blocks.
+
+  $enable-icons: true,// false disables ALL icons
+  $ic: true,// true for colorized icons, otherwise #888 is used.
+  $icon-rss: true,
+  $icon-mail: true,// email mail envelope
+  $icon-mastodon: true,
+  $icon-element: true,
+  $icon-matrix: false,
+  $icon-buymeacoffee: true,
+  $icon-twitter: true,
+  $icon-facebook: true,
+  $icon-linkedin: true,
+  $icon-codeberg: true,
+  $icon-gitlab: true,
+  $icon-github: true,
+  $icon-github-sponsor: true,
+  $icon-bitbucket: true,
+  $icon-python: true,
+  $icon-docker: true,
+  $icon-stack: true,
+  $icon-instagram: true,
+  $icon-pinterest: true,
+  $icon-discord: true,
+  $icon-twitch: true,
+  $icon-youtube: true,
+  $icon-researchgate: true,
+
+  $icon-x: true,// x symbol
+  $icon-search: true,//search
+  $icon-adjust: true,//theme switcher
+  $icon-angll: true,//first page
+  $icon-angl: true,//previous page
+  $icon-angr: true,//next page
+  $icon-angrr: true,//last page
+  $icon-angu: true,//back to top
+
+  $icon-ffolder: false,
+  $icon-folder: false,// categories folder
+  $icon-ftag: false,
+  $icon-tag: false,// tag
+  $icon-check: false,// check mark
+  $icon-chevron: false,// chevron down
+  $icon-clock: false,// time analog clock
+  $icon-date: false,// calendar
+  $icon-globe: false,
+  $icon-home: false,
+  $icon-minus: false,// minus symbol
+  $icon-moon: false,// dark moon
+  $icon-sun: false,// light sun
+
+  /// These lines find the spot at which to insert your appended fonts.
+  //$findFont-Main: "Segoe UI",     // ← append custom MAIN font(s) AFTER this
+  //$findFont-Code: "Segoe UI Mono",// ← append custom CODE font(s) AFTER this
+
+  /// These lines specify the fonts to add.
+  //$fontExt-Main: ("Example Font 1", "Example Font 2"),// MAIN font(s) to add
+  //$fontExt-Code: ("Example Code 1", "Example Code 2"),// CODE font(s) to add
+
+  /// If prepending/appending fonts above, then no need to change them below
+  //$font: "Roboto" "system-ui" "-apple-system" "BlinkMacSystemFont" "Segoe UI" "Oxygen" "Ubuntu" "Cantarell" "Fira Sans" "Droid Sans" "Helvetica Neue" "Noto Sans" "Helvetica" "Arial" "sans-serif",
+  //$font-mono: "ui-monospace" "Menlo" "Monaco" "Consolas" "SF Mono" "Cascadia Mono" "Segoe UI Mono" "DejaVu Sans Mono" "Liberation Mono" "Roboto Mono" "Oxygen Mono" "Ubuntu Monospace" "Ubuntu Mono" "Source Code Pro" "Fira Mono" "Droid Sans Mono" "Courier New" "Courier" "monospace",
+
+  /// Enable <header>, <main>, <footer> inside <body> as a container
+  //$enable-semantic-container: true,
+
+  /// Enable responsive typography, Fixed root element size if disabled
+  //$enable-responsive-typography: true,
+
+  /// Enable responsive spacings for <header>, <main>, <footer>, <section>
+  //$enable-responsive-spacings: false,
+
+  /// Enable a centered viewport for <header>, <main>, <footer> inside <body>
+  /// This option will only work if $enable-maxwidth: false
+  //$enable-viewport: false,
+
+  /// xs: Extra small (portrait phones)
+  /// sm: Small(landscape phones)
+  /// md: Medium(tablets)
+  /// lg: Large(desktops)
+  /// xl: Extra large (large desktops)
+
+  /// Breakpoints
+  //$breakpoints: (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px),
+
+  /// Viewports
+  //$viewports: (sm: 510px, md: 700px, lg: 920px, xl: 1130px),
+
+  //$document: true,//Content-box & Responsive typography
+  //$typography: true,//a, headings, p, ul, blockquote
+  //$sectioning: true,//responsive Container, header, main, footer
+  //$nav: true,//Horizontal Navigation at top of page
+  //$embedded: true,//Embedded content, iframe, video, images, etc.
+  //$table: true,//table specific elements
+  //$code: true,//codeblocks, code, pre, kbd
+  //$hr: true,//Horizontal Rule
+  //$scroller: true,//Horizontal scroller (<figure>)
+  //$button: true,//Form elements (button)
+  //$form: true,//Form elements (non-button)
+  //$top: true,//back to top button using CSS
+  //$search: true,//search feature
+  //$toc: true,//Table of Contents, page index / recent posts block
+  //$zola: true,//Zola Specific
+  //$misc: false,
+  //$grid: false,//Infinity Grid, column based layouts.
+  //$syntax: true,//syntax highlighting for code blocks
+);