From bca1c2222aef812c840cf28d23f991dc1dae1599 Mon Sep 17 00:00:00 2001
From: dsrkafuu
Date: Fri, 11 Jun 2021 10:13:18 +0800
Subject: fix: missing primer color variables

---
 assets/scss/_primer/support/index.scss             |   2 +-
 .../scss/_primer/support/mixins/color-modes.scss   | 106 ---------------------
 2 files changed, 1 insertion(+), 107 deletions(-)
 delete mode 100644 assets/scss/_primer/support/mixins/color-modes.scss

(limited to 'assets/scss/_primer')

diff --git a/assets/scss/_primer/support/index.scss b/assets/scss/_primer/support/index.scss
index 85a2c7c..9c0dd94 100644
--- a/assets/scss/_primer/support/index.scss
+++ b/assets/scss/_primer/support/index.scss
@@ -4,7 +4,7 @@
 @import "./variables/misc.scss";
 
 // mixins
-@import "./mixins/color-modes.scss";
+// @import "./mixins/color-modes.scss";
 @import "./mixins/typography.scss";
 @import "./mixins/layout.scss";
 @import "./mixins/misc.scss";
diff --git a/assets/scss/_primer/support/mixins/color-modes.scss b/assets/scss/_primer/support/mixins/color-modes.scss
deleted file mode 100644
index e4ad958..0000000
--- a/assets/scss/_primer/support/mixins/color-modes.scss
+++ /dev/null
@@ -1,106 +0,0 @@
-@mixin color-mode-theme($theme-name, $include-root: false) {
-  @if $include-root {
-    :root,
-    [data-color-mode="light"][data-light-theme="#{$theme-name}"],
-    [data-color-mode="dark"][data-dark-theme="#{$theme-name}"] {
-      @content;
-
-      /*! */ // This is a fix for a cssstats bug see https://github.com/cssstats/cssstats/issues/331
-    }
-  }
-  @else {
-    [data-color-mode="light"][data-light-theme="#{$theme-name}"],
-    [data-color-mode="dark"][data-dark-theme="#{$theme-name}"] {
-      @content;
-    }
-  }
-
-  @media (prefers-color-scheme: light) {
-    [data-color-mode="auto"][data-light-theme="#{$theme-name}"] {
-      @content;
-    }
-  }
-
-  @media (prefers-color-scheme: dark) {
-    [data-color-mode="auto"][data-dark-theme="#{$theme-name}"] {
-      @content;
-    }
-  }
-}
-
-@mixin color-mode($mode) {
-  @if $mode == light {
-    :root,
-    [data-color-mode="light"][data-light-theme*="#{$mode}"],
-    [data-color-mode="dark"][data-dark-theme*="#{$mode}"] {
-      @content;
-    }
-  }
-  @else {
-    [data-color-mode="light"][data-light-theme*="#{$mode}"],
-    [data-color-mode="dark"][data-dark-theme*="#{$mode}"] {
-      @content;
-    }
-  }
-
-  @media (prefers-color-scheme: light) {
-    [data-color-mode="auto"][data-light-theme*="#{$mode}"] {
-      @content;
-    }
-  }
-
-  @media (prefers-color-scheme: dark) {
-    [data-color-mode="auto"][data-dark-theme*="#{$mode}"] {
-      @content;
-    }
-  }
-}
-
-// This mixin takes a map of color mode vars and splits them into dark and light mode
-// The goal is to reduce the amount of dark/light mode selectors compiled.
-//
-// Example input for $color-map
-//
-// @include color-variables(("custom-css-variable-1": (
-//     light: var(--color-scale-gray-3),
-//     dark: var(--color-scale-gray-5)
-//   ),
-//   "custom-css-variable-2": (
-//     light: var(--color-scale-gray-2),
-//     dark: var(--color-scale-gray-6)
-//   ),
-//   "custom-css-variable-3": (
-//     light: var(--color-scale-gray-2),
-//     dark: var(--color-scale-gray-6)
-//   )
-// ));
-@mixin color-variables($color-map) {
-  // Create map to store incoming variables
-  $dark-colors: ();
-  $light-colors: ();
-
-  @each $name, $value in $color-map {
-    @each $type, $color in $value {
-      @if $type == dark {
-        $dark-colors: append($dark-colors, (--color-#{$name}, #{$color}));
-      }
-      @else {
-        $light-colors: append($light-colors, (--color-#{$name}, #{$color}));
-      }
-    }
-  }
-
-  $mode-colors: (
-    dark: $dark-colors,
-    light: $light-colors
-  );
-
-  // Loop through sorted list
-  @each $mode, $variables in $mode-colors {
-    @include color-mode($mode) {
-      @each $prop, $val in $variables {
-        #{$prop}: $val;
-      }
-    }
-  }
-}
-- 
cgit v1.2.3