aboutsummaryrefslogtreecommitdiff
path: root/sass/themes/_dark.scss
diff options
context:
space:
mode:
Diffstat (limited to 'sass/themes/_dark.scss')
-rw-r--r--sass/themes/_dark.scss72
1 files changed, 2 insertions, 70 deletions
diff --git a/sass/themes/_dark.scss b/sass/themes/_dark.scss
index 1fef7c3..9c4519b 100644
--- a/sass/themes/_dark.scss
+++ b/sass/themes/_dark.scss
@@ -1,12 +1,8 @@
:root {
- // Typography
+ // Regular Fonts used by default:
--ff: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif;
+ // Monospace Fonts used for code:
--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: #ccc; //font color 1
@@ -23,68 +19,4 @@
--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;
- }
- }
- }
}