codeclimate-styles 0.7.0 → 0.7.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: de6a4dc0aeab3ae9328727ebcf4027c3f01e8ae5
-  data.tar.gz: 7b853a286b7f82532bc918470a0297a68fc9b1ff
+  metadata.gz: 2a21849b6af04dab99f3d31ff4da51667ce27e7a
+  data.tar.gz: bd6ddf105ab571c0c8b3fded18dc4a2962a155d2
 SHA512:
-  metadata.gz: 0a38e7fd409b96ee5ebc202598ab90fddf87f51d7a428dea8e3d6f66b0cd92f32d9c53bde681d03e86936230f9eece959a219a19441f2e9a7a0d7ad636338b83
-  data.tar.gz: 8a4a5d260f6cc4023bd5f5dc5103ba2462351aac974a02ca111518b3983b971ee542aeb6070086c52a402d287c0f0d89ea4a94285024da4e4b97daea8649c276
+  metadata.gz: d05f9a460fed4ab47f2c2c00482db3b5b080df8a6ea4570927b933c36fa10465ff39d66f7df0593bb1355be1788ec2b42aa6a83d5ac9d0b6c5eac95b95e1d68a
+  data.tar.gz: 784e15bee03ec3ffad81f23e123d41f9f33be813bfa5310f4a73ecc10da28eed30b6416319239d518b0451e05cfff15b16802331dbb806df0528e034b6a58a7e

data/assets/stylesheets/cc/styles/modules/_forms.scss

@@ -164,14 +164,14 @@ category: forms
 form.form
   .checkbox-group
     .checkbox
-      input type="checkbox" id="checkbox1"
+      input(type="checkbox" id="checkbox1")
       label(for="checkbox1") Option 1
     .checkbox
-      input type="checkbox" id="checkbox2"
+      input(type="checkbox" id="checkbox2")
       label(for="checkbox2") Option 2
     .checkbox
-      input type="checkbox" id="checkbox3"
-      label(for="checkbox3") Option 3
+      input(type="checkbox" id="checkbox3" disabled)
+      label(for="checkbox3") Option 3 (disabled)
 ```
 */
 
@@ -181,7 +181,7 @@ $checkbox-border-size: 2px;
 .checkbox-group {
   .checkbox {
     margin-bottom: 15px;
-    margin-right: 15px;
+    margin-right: 20px;
   }
 }
 
@@ -234,8 +234,29 @@ $checkbox-border-size: 2px;
       mask-size: 70% auto;
       width: $checkbox-size;
     }
+
+    &:hover {
+      &::before {
+        border-color: $green-light;
+      }
+    }
+  }
+
+  input:disabled + label {
+    cursor: not-allowed;
+    opacity: .5;
+
+    &::before {
+      border: 2px solid $grayscale-slate;
+    }
   }
 
+  input:disabled:checked + label {
+    &::before {
+      background-color: $grayscale-slate;
+      border-color: $grayscale-slate;
+    }
+  }
 }
 
 /*doc
@@ -249,21 +270,21 @@ category: forms
 form.form
   .radio-button-group
     .radio-button
-      input type="radio" id="radio1" name="radio-group-1"
+      input(type="radio" id="radio1" name="radio-group-1")
       label(for="radio1") Option 1
     .radio-button
-      input type="radio" id="radio2" name="radio-group-1"
+      input(type="radio" id="radio2" name="radio-group-1")
       label(for="radio2") Option 2
     .radio-button
-      input type="radio" id="radio3" name="radio-group-1"
-      label(for="radio3") Option 3
+      input(type="radio" id="radio3" name="radio-group-1" disabled)
+      label(for="radio3") Option 3 (disabled)
 ```
 */
 
 .radio-button-group {
   .radio-button {
     margin-bottom: 15px;
-    margin-right: 15px;
+    margin-right: 20px;
   }
 }
 
@@ -280,6 +301,7 @@ form.form
     cursor: pointer;
     display: flex;
     padding-left: 30px;
+    position: relative;
 
     &::before,
     &::after {
@@ -288,32 +310,57 @@ form.form
       height: 16px;
       left: 0;
       position: absolute;
+      top: 50%;
       transition: all .15s ease-in-out;
       width: 16px;
     }
 
     &::before {
       border: 2px solid $grayscale-aluminium;
+      margin-top: -10px;
     }
 
     &::after {
       background-color: $green;
       height: 12px;
       left: 4px;
+      margin-top: -6px;
       opacity: 0;
-      top: 2px;
       transform: scale(.25);
       width: 12px;
     }
+
+    &:hover {
+      &::before {
+        border-color: $green-light;
+      }
+    }
   }
 
-  input:checked + label::before {
-    border: 2px solid lighten($green, .2);
+  input:checked + label {
+    &::before {
+      border: 2px solid lighten($green, .2);
+    }
+
+    &::after {
+      opacity: 1;
+      transform: scale(1);
+    }
   }
 
-  input:checked + label::after {
-    opacity: 1;
-    transform: scale(1);
+  input:disabled + label {
+    cursor: not-allowed;
+    opacity: .5;
+
+    &::before {
+      border: 2px solid $grayscale-slate;
+    }
+  }
+
+  input:disabled:checked + label {
+    &::after {
+      background-color: $grayscale-slate;
+    }
   }
 }
 

data/lib/cc/styles/version.rb

@@ -1,5 +1,5 @@
 module CC
   module Styles
-    VERSION = "0.7.0".freeze
+    VERSION = "0.7.1".freeze
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: codeclimate-styles
 version: !ruby/object:Gem::Version
-  version: 0.7.0
+  version: 0.7.1
 platform: ruby
 authors:
 - Code Climate
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-08-31 00:00:00.000000000 Z
+date: 2017-09-08 00:00:00.000000000 Z
 dependencies: []
 description: Foundational stylesheets for Code Climate properties
 email: