updated karma-css to latest

Tehnode · May 27, 2018 · abf728b · abf728b
1 parent 7175508
commit abf728b
Show file tree

Hide file tree

Showing 12 changed files with 2,280 additions and 2,094 deletions.
diff --git a/example/scss/_variables.scss b/example/scss/_variables.scss
@@ -1,33 +1,21 @@
-// Variables
-//––––––––––––––––––––––––––––––––––––––––––––––––––
-
-/*
-* start with a copy of the current varables file:
-* https://github.com/AccentDesign/karma-css/blob/master/scss/_variables.scss
-*/
-
-
-// Styling
-//––––––––––––––––––––––––––––––––––––––––––––––––––
-
 // colors
 $colors: (
-    white:                  rgb(255, 255, 255),
-    primary:                  rgb(67, 177, 176),
-    mineshaft:              rgb(51, 51, 51)
+    "white":                    rgb(255, 255, 255),
+    "primary":                  rgb(67, 177, 176),
+    "mineshaft":                rgb(51, 51, 51)
 
-) !default;
+);
 
 // defined colors
-$body-background:               rgb(253, 253, 253) !default;
+$body-background:               rgb(253, 253, 253);
 
 
 // forms
-$input-use-full-width:          true; // false = max-width:100%, true = width:100%
+$input-use-full-width:          true;
 
 
 // buttons
 $buttons: (
     // name         color                          font-color
-    mineshaft:      map-get($colors, mineshaft)    map-get($colors, white),
+    mineshaft:      map-get($colors, "mineshaft")  map-get($colors, "white"),
 ) !default;
diff --git a/example/scss/karma.scss b/example/scss/karma.scss
@@ -1,16 +1,13 @@
-/*! Karma-CSS v1.5.0 MIT License | http://karmacss.com | https://github.com/accentdesign/karma-css */
-
-
 @import "variables";
 
 /* karma-css core */
-@import "karma-css/scss/variables";
-@import "karma-css/scss/import";
+@import "node_modules/karma-css/scss/variables";
+@import "node_modules/karma-css/scss/import";
 
 /* add your custom modules here */
 @import "module/form";
 @import "module/layout";
 @import "module/message";
 
 /* karma-css utilities */
-@import "karma-css/scss/utilities";
+@import "node_modules/karma-css/scss/utilities";
diff --git a/example/scss/module/_form.scss b/example/scss/module/_form.scss
@@ -5,21 +5,29 @@ form h2 {
     margin-bottom: 3rem;
 }
 
-form .field-row.has-error {
+form .field-row {
 
-    input,
-    select,
-    textarea {
-        border-color: color(red);
+    ul {
+        list-style-type: none;
     }
 
-    .errorlist {
-        margin-bottom: 0;
-        float: right;
-        list-style-type: none;
-        color: color(red);
+    &.has-error {
+
+        input,
+        select,
+        textarea {
+            border-color: color("red");
+        }
+
+        .errorlist {
+            margin-bottom: 0;
+            float: right;
+            list-style-type: none;
+            color: color("red");
+        }
+
     }
-    
+
 }
 
 form .form-actions {

diff --git a/example/scss/module/_layout.scss b/example/scss/module/_layout.scss
@@ -2,11 +2,14 @@
 // -------------------------------------------------
 
 header {
-    @include box-shadow(0, 0, 10px, color(grey));
-    background: color(primary);
-    color: color(white);
+    @include box-shadow(0, 0, 10px, color("gray"));
+    background: color("primary");
     margin-bottom: 5rem;
     padding: 5rem 0;
+
+    h1 {
+        color: color("white");
+    }
 }
 
 footer {

diff --git a/example/scss/module/_message.scss b/example/scss/module/_message.scss
@@ -11,15 +11,15 @@
     }
 
     li.success {
-        border: 1px solid color(primary);
-        background: lighten(color(primary), 45%);
-        color: color(primary);
+        border: 1px solid color("primary");
+        background: lighten(color("primary"), 45%);
+        color: color("primary");
     }
 
     li.error {
-        border: 1px solid color(red);
-        background: lighten(color(red), 35%);
-        color: color(red);
+        border: 1px solid color("red");
+        background: color-lighten("red", 35%);
+        color: color("red");
     }
 
 }