ama_layout 4.0.0 → 4.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 5aae080e7e58a7b87b9f3c453160a86457a7b586
-  data.tar.gz: 97813104e10861b8a16fe6fb7ef66aa03d55b16a
+  metadata.gz: fecb364fae0b80bf39e0908d9653d2ed5298a5cf
+  data.tar.gz: 8b14b9d07d7572f6c6dba5ce217be5a1a52ba94f
 SHA512:
-  metadata.gz: 06cd712b5195469e83ab6ab2e12e3cc718a217f215eda117a6c15eba44df1668251587365b247c878f490d80729d239e00ddc9e5f00282d7016f5324431a58de
-  data.tar.gz: edee8ceebac42c1cc05093dbd8685ec0cd32bd1f6181c7ed949d4c954b2e290580d2726b679e060bc4b5c9673d2f5d999ecb292b850c3428c75e50d7c24b466c
+  metadata.gz: 8ba49bd7860ad6132e05f8427e25af69b24ac7917626bc1dae8d38e792a0e99b7724c8a9a9723a947ee83a19f082228b6193dcf8d1a1294df1f9fac593712be4
+  data.tar.gz: e94eea783946274a995f6bfe892b50787b108062fb1faa334db98146023ed6dd4d7421f605c58ff5688e1124896464873dfa9be1e20b6c6f07fbfca3a054f2ab

data/app/assets/stylesheets/ama_layout/layout/helper-classes.scss

@@ -537,4 +537,9 @@ button[disabled],
   @extend .white-text;
   font-size: $base-font-size*3;
   font-weight: bold;
+
+  &--green{
+    @extend .bold-large-text;
+    color: $brand-green;
+  }
 }

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

@@ -56,13 +56,11 @@
 }
 
 .promo-block{
-  @include callout($ash);
-  @include show-for(medium);
   position: relative;
   overflow: auto;
 
   &__divider{
-    @include show-for(large);
+    @include show-for(medium);
     position: absolute;
     color: $smoke;
     font-size: 1.75rem;
@@ -80,27 +78,67 @@
   }
 
   &__item{
+    @extend .clearfix;
     @include medium-4;
     text-align: center;
+
+    @include breakpoint(small down){
+      text-align: left;
+
+      p{
+        @include small-9;
+      }
+    }
   }
 
   &__icon-container{
+    margin: 0 0 $base-margin 0;
+    @include breakpoint(small down){
+      @include small-3;
+      padding: 0;
+    }
+  }
+
+  &__icon-background{
     width: 110px;
     height: 110px;
-    margin: $base-margin*2 auto $base-margin*2 auto;
+    margin: 0 auto;
     background: $smoke;
+    position: relative;
+
+    @include breakpoint(small down){
+      width: 60%;
+      height: auto;
+      padding-top: 60%;
+      min-width: 65px;
+      min-height: 65px;
+    }
 
     &--round{
-      @extend .promo-block__icon-container;
+      @extend .promo-block__icon-background;
       border-radius: 100%;
     }
   }
 
-    &__icon{
-      color: $white;
-      font-size: 3.5rem;
-      text-align: center;
-      width: 100%;
-      margin-top: 28px;
+  &__icon{
+    color: $white;
+    font-size: 4rem;
+    text-align: center;
+    width: 100%;
+    left: 0;
+    @include vertical-center;
+
+    @include breakpoint(small down){
+      font-size: 2.5rem;
     }
+
+    &-image{
+      @extend .promo-block__icon;
+      height: 50px;
+
+      @include breakpoint(small down){
+        height: 31px;
+      }
+    }
+  }
 }

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

@@ -165,6 +165,10 @@
       color: $white;
     }
   }
+
+  &--grey-border{
+    border: 2px solid $stone;
+  }
 }
 
 @function set-hint-color($color) {

data/lib/ama_layout/version.rb

@@ -1,3 +1,3 @@
 module AmaLayout
-  VERSION = '4.0.0'
+  VERSION = '4.1.0'
 end

metadata

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