barbican-reset 1.5.5 → 1.5.6

package/helpers/mixins/input/_status.scss

@@ -1,18 +1,16 @@
-@mixin status-input($type,$color) {
-  input[type=#{$type}] {
-    @include focus {
-      &:checked ~ label {
-        @include single-box(map-get($color, base), 0.0625rem);
-        border: 1px solid map-get($color, base);
-        background-color: map-get($color, fade);
-        color: map-get($color, base);
-      }
-    }
-
+@mixin status-input($color) {
+  @include focus {
     &:checked ~ label {
+      @include single-box(map-get($color, base), 0.0625rem);
       border: 1px solid map-get($color, base);
       background-color: map-get($color, fade);
       color: map-get($color, base);
     }
   }
+
+  &:checked ~ label {
+    border: 1px solid map-get($color, base);
+    background-color: map-get($color, fade);
+    color: map-get($color, base);
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "barbican-reset",
-  "version": "1.5.5",
+  "version": "1.5.6",
   "description": "A collection of useful scss imports and js scripts, that provide consistent styling and functionality across barbican projects.",
   "main": "index.js",
   "scripts": {

package/scss/_atomic.scss

@@ -64,4 +64,8 @@ $aligns: "left", "center", "right";
 
 .width-100 {
   width: 100%;
+}
+
+.background-color-alt {
+  background-color: $c-page-global-content-bg-alt;
 }

package/scss/_checkbox-group.scss

@@ -1,19 +1,17 @@
 
-.checkbox-group {
-  
-  .custom-control {
-    @include checkbox-input;
+.custom-checkbox {
+  @include checkbox-input;
 
-    &:not(:last-of-type) {
-      margin-bottom: 0.5rem;
-    }    
-  }
+  &:not(:last-of-type) {
+    margin-bottom: 0.5rem;
+  }    
 }
 
 @each $status, $color in $statees {
   @if $status != 'neutral' {
-    .checkbox-group.#{$status} {
-      @include status-input(checkbox,$color);
-    }    
+    [#{$status}] input[type=radio],
+    input[type=radio][#{$status}] {
+      @include status-input($color);
+    }
   }
-}
+}

package/scss/_radio-group.scss

@@ -1,5 +1,5 @@
 
-.radio-group {
+[role=radiogroup] {
   @include radio-group;
 }
 
@@ -9,8 +9,9 @@
 
 @each $status, $color in $statees {
   @if $status != 'neutral' {
-    .radio-group.#{$status} {
-      @include status-input(radio,$color);
+    [#{$status}] input[type=radio],
+    input[type=radio][#{$status}] {
+      @include status-input($color);
     }
   }
 }

package/scss/card/_slim.scss

@@ -0,0 +1,11 @@
+
+.card[slim] {
+
+  .card-header {
+    padding: 1.5rem 1.25rem 1rem;
+  }
+
+  .card-body {
+    padding: 1.5rem 1.25rem;
+  }
+}

package/scss/card/index.scss

@@ -7,6 +7,7 @@
 @import "related";
 @import "block";
 @import "membership";
+@import "slim";
 
 .card {
   border: 1px solid $c-grey-pearl;