Border update

- Added border opacity base variable
codyhouse · Oct 10, 2022 · 6de35fa · 6de35fa
1 parent ba6b6e6
commit 6de35fa
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 13 deletions.
diff --git a/main/assets/css/base/_shared-styles.scss b/main/assets/css/base/_shared-styles.scss
@@ -26,7 +26,7 @@
                 0 7.3px 10.6px -6px hsla(0, 0%, 0%, 0.07), 
                 0 16.2px 21.9px -6px hsla(0, 0%, 0%, 0.117), 
                 0 46px 60px -6px hsla(0, 0%, 0%, 0.2);
-                
+  // inner glow visible in dark mode          
   --inner-glow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.075);
   --inner-glow-top: inset 0 1px 0.5px hsla(0, 0%, 100%, 0.075);
 

diff --git a/main/assets/css/base/_util.scss b/main/assets/css/base/_util.scss
@@ -1049,11 +1049,11 @@ $breakpointsNr: length($breakpoints);
 
 // --------------------------------
 
-.border { border: var(--border-width, 1px) var(--border-style, solid) alpha(var(--color-contrast-higher), 0.1); }
-.border-top { border-top: var(--border-width, 1px) var(--border-style, solid) alpha(var(--color-contrast-higher), 0.1); }
-.border-bottom { border-bottom: var(--border-width, 1px) var(--border-style, solid) alpha(var(--color-contrast-higher), 0.1); }
-.border-left { border-left: var(--border-width, 1px) var(--border-style, solid) alpha(var(--color-contrast-higher), 0.1); }
-.border-right { border-right: var(--border-width, 1px) var(--border-style, solid) alpha(var(--color-contrast-higher), 0.1); }
+.border { border: var(--border-width, 1px) var(--border-style, solid) alpha(var(--color-contrast-higher), var(--border-o-base, 0.1)); }
+.border-top { border-top: var(--border-width, 1px) var(--border-style, solid) alpha(var(--color-contrast-higher), var(--border-o-base, 0.1)); }
+.border-bottom { border-bottom: var(--border-width, 1px) var(--border-style, solid) alpha(var(--color-contrast-higher), var(--border-o-base, 0.1)); }
+.border-left { border-left: var(--border-width, 1px) var(--border-style, solid) alpha(var(--color-contrast-higher), var(--border-o-base, 0.1)); }
+.border-right { border-right: var(--border-width, 1px) var(--border-style, solid) alpha(var(--color-contrast-higher), var(--border-o-base, 0.1)); }
 
 .border-2 { --border-width: 2px; }
 .border-3 { --border-width: 3px; }

diff --git a/main/assets/css/style.css b/main/assets/css/style.css
@@ -5616,23 +5616,23 @@ html:not(.js) .no-js\:is-hidden {
 }
 
 .border {
-  border: var(--border-width, 1px) var(--border-style, solid) hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1);
+  border: var(--border-width, 1px) var(--border-style, solid) hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--border-o-base, 0.1));
 }
 
 .border-top {
-  border-top: var(--border-width, 1px) var(--border-style, solid) hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1);
+  border-top: var(--border-width, 1px) var(--border-style, solid) hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--border-o-base, 0.1));
 }
 
 .border-bottom {
-  border-bottom: var(--border-width, 1px) var(--border-style, solid) hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1);
+  border-bottom: var(--border-width, 1px) var(--border-style, solid) hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--border-o-base, 0.1));
 }
 
 .border-left {
-  border-left: var(--border-width, 1px) var(--border-style, solid) hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1);
+  border-left: var(--border-width, 1px) var(--border-style, solid) hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--border-o-base, 0.1));
 }
 
 .border-right {
-  border-right: var(--border-width, 1px) var(--border-style, solid) hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1);
+  border-right: var(--border-width, 1px) var(--border-style, solid) hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--border-o-base, 0.1));
 }
 
 .border-2 {

diff --git a/main/assets/css/style.min.css b/main/assets/css/style.min.css
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "codyhouse-framework",
-  "version": "3.0.7",
+  "version": "3.0.8",
   "description": "A lightweight front-end framework for building accessible, bespoke interfaces.",
   "main": "index.js",
   "keywords": [