ama_layout 2.3.4 → 2.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 587631f093122018d10b47bdafcebbe7328cc796
-  data.tar.gz: 0e1b50a42840b3ab4081b0c86197c58e8fc603d3
+  metadata.gz: 90b72d64f6a9a009648defa5522d42724a4e1964
+  data.tar.gz: 3637567b89e3ed1a424bbecab0ad1da01389c1be
 SHA512:
-  metadata.gz: ca00d27a963039e539b423c83efd439d5c58f22396683a260c62587ec65f99b534761828e4e16612914b2a35f3fcbe256f6c5603c6af1a99b4b226f5574d0fa0
-  data.tar.gz: d4e4991d70b018ec0f140213cf85858800b42c719d41c7f8915c38f9a70a59301167856ebcf620e09388dc63fe90230ba36b1c9c86c7b1ff7f0e722d2e9bccc8
+  metadata.gz: 44af4e3ef1ff9ad015445eb4937b609f98167340f7c8581c9551cf239141c3978406d1e00d5d5fca5da0c0ab396c9e34fa37fdec7ccedc36c2c1842b593d47b1
+  data.tar.gz: 75bd075e2ad579fe3b5f2bfc5de882118159befcbe2420ed0146f0e6272e7ec22b221b0c22cf8fe1ea510233724bb9b9daa01ebc1e06783b00be0a46faa630af

data/app/assets/stylesheets/ama_layout/layout_components/forms.scss

@@ -70,6 +70,7 @@ input[type="checkbox"] + label{
   background: $ash;
   border: $base-border;
   margin: 0;
+  width: 100%;
 
   &:nth-child(2){
     margin-top: -1px;
@@ -80,37 +81,47 @@ input[type="checkbox"] + label{
     background: darken($ash, 4%);
   }
 }
-
-input[type="radio"] + label > span:first-of-type,
 input[type="checkbox"] + label > span:first-of-type,
+input[type="radio"] + label > span:first-of-type,
 input[type="radio"] + label span:first-of-type{
   display: inline-block;
-  width: 30px;
-  min-width: 30px;
-  height: 30px;
-  margin: $base-margin 0 $base-margin*2;
+  width: 24px;
+  min-width: 24px;
+  height: 24px;
+  margin: $base-margin 0 $base-margin;
   vertical-align: top;
   cursor: pointer;
-  -moz-border-radius: 50%;
   border-radius:  50%;
   background-color: $white;
   border: $base-border;
 }
 
-input[type="checkbox"] + label > span:first-of-type{
-  max-width: 10%;
-  margin: $base-margin $base-margin*2 $base-margin 0;
-}
-
-.checkbox-label{
-  display: inline-block;
-  width: 80%;
+input[type="radio"] + label > span:first-of-type,
+input[type="radio"] + label span:first-of-type{
+  &:before{
+    content: ' ';
+    border-radius: 100%;
+    margin: 6px auto 0 auto;
+    transition: all .5s ease-in-out;
+  }
 }
 
 input[type="radio"]:checked + label > span:first-of-type,
 input[type="radio"]:checked + label span:first-of-type{
   background-color: $white;
-  border: 7px solid $secondary-color;
+  border: 2px solid $secondary-color;
+
+  &:before{
+    content: '';
+    display: block;
+    position: relative;
+    width: 8px;
+    height: 8px;
+    background-color: $secondary-color;
+    -moz-transform: scale(2,2);
+    -webkit-transform: scale(2,2);
+    transform: scale(2,2);
+  }
 }
 
 input[type="radio"]:checked + label{
@@ -130,31 +141,65 @@ input[type="radio"]:checked + label{
   }
 }
 
+input[type="checkbox"] + label > span:first-of-type{
+  border-radius: 0;
+  max-width: 10%;
+  margin: $base-margin $base-margin*2 $base-margin 0;
+}
+
+.checkbox-label{
+  display: inline-block;
+  width: 80%;
+}
+
 input[type="checkbox"]:checked + label{
   position: relative;
-}
 
-[type="checkbox"]:checked + label:before{
-  content: '✔';
-  background-color: $secondary-color;
-  color: $white;
-  position: absolute;
-  width: 30px;
-  min-width: 30px;
-  max-width: 10%;
-  height: 30px;
-  top: 15px;
-  padding-left: 6px;
-  font-size: $base-font-size*1.3;
-  -moz-border-radius: 50%;
-  border-radius:  50%;
-  margin: 0 $base-margin*2 $base-margin 0;
+  &:before{
+    content: '';
+    display: block;
+    position: absolute;
+    left: 14px;
+    top: 28px;
+    width: 8px;
+    height: 16px;
+    border-right: 3px solid $white;
+    border-top: 3px solid $white;
+    transform:(scaleX(-1) rotate(180deg + -45deg));
+    transform-origin:left top;
+    -webkit-transform:(scaleX(-1) rotate(180deg + -45deg));
+    -webkit-transform-origin:left top;
+    -moz-transform:(scaleX(-1) rotate(180deg + -45deg));
+    -moz-transform-origin:left top;
+    animation:checkbox 0.8s;
+  }
+
+  span:first-of-type{
+    background: $brand-blue-light;
+  }
 }
 
 [type="checkbox"]:checked + label:after{
   margin-left: $base-margin*6;
 }
 
+@keyframes checkbox{
+  0%{
+   height: 0;
+   width: 0;
+   }
+
+  25%{
+    height: 0;
+    width: 8px;
+  }
+
+  50%{
+    height: 17px;
+    width: 8px;
+  }
+}
+
 .month,
 .year{
   @extend %inputs-thirds;

data/app/assets/stylesheets/ama_layout/media_queries/mobile.scss

@@ -44,10 +44,6 @@
     margin: 0;
   }
 
-  .checkbox-label{
-    width: 84%;
-  }
-
   h4{
     margin-top: $base-margin*6;
   }

data/lib/ama_layout/version.rb

@@ -1,3 +1,3 @@
 module AmaLayout
-  VERSION = '2.3.4'
+  VERSION = '2.4.0'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: ama_layout
 version: !ruby/object:Gem::Version
-  version: 2.3.4
+  version: 2.4.0
 platform: ruby
 authors:
 - Michael van den Beuken
@@ -18,7 +18,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-02-22 00:00:00.000000000 Z
+date: 2016-02-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: foundation-rails
@@ -359,7 +359,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.2.2
+rubygems_version: 2.4.5.1
 signing_key: 
 specification_version: 4
 summary: ".ama.ab.ca site layouts"