diff options
| -rw-r--r-- | sass/abridge-bluelight.scss | 19 | ||||
| -rw-r--r-- | sass/themes/_bluelight.scss | 97 |
2 files changed, 116 insertions, 0 deletions
diff --git a/sass/abridge-bluelight.scss b/sass/abridge-bluelight.scss new file mode 100644 index 0000000..a8bdf23 --- /dev/null +++ b/sass/abridge-bluelight.scss @@ -0,0 +1,19 @@ +/* + * Forked from Bamboo: https://github.com/rilwis/bamboo (MIT) + * which was forked from new.css (MIT) + * Supplemented code from Pico.css: https://github.com/picocss/pico (MIT) + * Supplemented code from Basic.css: https://github.com/vladocar/Basic.css (MIT) + * Supplemented code from AttriCSS: https://github.com/raj457036/attriCSS (MIT) + * Feather Icons: https://github.com/feathericons/feather (MIT) + * Tabler Icons: https://github.com/tabler/tabler-icons/find/master (MIT) + * + * Bamboo, New, Pico: based on Normalize.css & Sanitize.css + * Normalize: https://github.com/necolas/normalize.css (MIT) + * Sanitize: https://github.com/csstools/sanitize.css (CC0 1.0 Universal) + */ + +@import "variables"; //config + +@import "themes/bluelight"; // Light Theme + +@import "imports"; // html diff --git a/sass/themes/_bluelight.scss b/sass/themes/_bluelight.scss new file mode 100644 index 0000000..d53e0f7 --- /dev/null +++ b/sass/themes/_bluelight.scss @@ -0,0 +1,97 @@ +:root { + // Typography + --ff: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif; + --fm: Menlo, Consolas, "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace; + --lh: 1.5; //line-height + --lhh: 1.2; //line-height headers + --fs: 1rem; //font-size + --fw: 400; //font-weight + --fh: 700; //font-weight h1-h6 + + // Colors + --f1: #1a1a1a; //font color 1 bbb ccc + --f2: #1a2050; //font color 2 fff eee + + --c1: #eeeeee; //color 1 + --c2: #cae1f0; //color 2 + --c3: #062671; //color 3 + --c4: #03143c; //color 4 + + --a1: #1b549a; //accent color 1 link + --a2: #2a50a0; //accent color 2 hover,focus + --a3: #3a50a0; //accent color 3 h1-h2 hover,focus + + --cg: #483; //ins green + --cr: #d33; //del red + + // Spacings + --s1: .5rem; + --s2: 1rem; + --rc: .5rem; //radius corners + + // Borders + --br: 0.25rem; //border radius + --bw: 0.0625rem; //border width + --ow: 0.1875rem; //outline width + + // Responsive typography + @if $enable-responsive-typography { + @if map-get($breakpoints, "sm") { + @media (min-width: map-get($breakpoints, "sm")) { + --fs: 1rem; + } + } + + @if map-get($breakpoints, "md") { + @media (min-width: map-get($breakpoints, "md")) { + --fs: 1.04rem; + } + } + + @if map-get($breakpoints, "lg") { + @media (min-width: map-get($breakpoints, "lg")) { + --fs: 1.08rem; + } + } + + @if map-get($breakpoints, "xl") { + @media (min-width: map-get($breakpoints, "xl")) { + --fs: 1.12rem; + } + } + } +} + +// Responsives spacings +@if $enable-responsive-spacings { + + // Sectionning + body>header, + body>main, + body>footer, + section { + @if map-get($breakpoints, "sm") { + @media (min-width: map-get($breakpoints, "sm")) { + --s1: .5rem; + } + } + + @if map-get($breakpoints, "md") { + @media (min-width: map-get($breakpoints, "md")) { + --s1: .6rem; + } + } + + @if map-get($breakpoints, "lg") { + @media (min-width: map-get($breakpoints, "lg")) { + --s1: .7rem; + } + } + + @if map-get($breakpoints, "xl") { + @media (min-width: map-get($breakpoints, "xl")) { + --s1: .8rem; + } + } + } +}
\ No newline at end of file |