ama_css 0.0.1 → 0.0.2

data/app/assets/stylesheets/foundation/_grid.settings.scss

@@ -1,6 +1,7 @@
 @import "neat-helpers";
 //$visual-grid:true;
-$mobile: new-breakpoint(max-width 768px 6);
+$mobile: new-breakpoint(max-width 767px 6);
+$tablet: new-breakpoint(min-width 768px max-width 860px 12);
 $smalldesk: new-breakpoint(max-width 1099px 12);
 $landscape: new-breakpoint(orientation landscape);
 // Change the grid settings

data/app/assets/stylesheets/foundation/_variables.scss

@@ -9,11 +9,11 @@ $base-vertical-margin: .5em 0 1em;
 $base-vertical-padding: .5em 0 1em;
 $base-padding: 20px;
 $base-margin: 20px;
-$base-border-thickness: 1px;
 $col-width: 60px;
 $col-margin: $base-margin;
-$box-radius-small: 2px;
+$box-radius-small: 3px;
 $box-radius-big: 5px;
+$box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
 $gridcols: 12;
 $margin-vertical: 0 $base-margin;
 
@@ -21,7 +21,7 @@ $margin-vertical: 0 $base-margin;
 // THEME
 // --------------------------------------------------
 $color-ama-red:           #BB0B0E;
-$color-ama-blue:          #0F3C62;
+$color-ama-blue:          #00205b;
 $color-primary:           $color-ama-blue; /*blue*/
 $color-secondary-a:       $color-ama-red; /*red*/
 $color-secondary-b:       #A3B219; /*olive*/
@@ -48,6 +48,9 @@ $color-alert-bg:         lighten($color-text-alert,50);
 $color-text-callout:     $color-medium;
 $color-text-highlight:   invert($color-primary);
 
+$base-border-thickness: 1px;
+$border: $base-border-thickness $color-light solid;
+
 $text-small:.84em;
 
 @mixin boxRadius($size){

data/app/assets/stylesheets/foundation/base/_icons-block.scss

@@ -8,11 +8,11 @@
 
 @font-face {
   font-family: "SSSymbolicons";
-  src: url('/webfonts/ss-symbolicons-block.eot');
-  src: url('/webfonts/ss-symbolicons-block.eot?#iefix') format('embedded-opentype'),
-       url('/webfonts/ss-symbolicons-block.woff') format('woff'),
-       url('/webfonts/ss-symbolicons-block.ttf')  format('truetype'),
-       url('/webfonts/ss-symbolicons-block.svg#SSSymboliconsBlock') format('svg');
+  src: font-url('ss-symbolicons-block.eot');
+  src: font-url('ss-symbolicons-block.eot?#iefix') format('embedded-opentype'),
+       font-url('ss-symbolicons-block.woff') format('woff'),
+       font-url('ss-symbolicons-block.ttf')  format('truetype'),
+       font-url('ss-symbolicons-block.svg#SSSymboliconsBlock') format('svg');
   font-weight: normal;
   font-style: normal;
 }

data/app/assets/stylesheets/foundation/layout/layout.scss

@@ -125,6 +125,12 @@
 %margin-all{
   margin:$base-margin;
 }
+
+.vertical-padding{
+  padding-top: $base-padding;
+  padding-bottom: $base-padding;
+}
+
 .omega{
   /*last col*/
   @include omega;

data/app/assets/stylesheets/foundation/modules/forms.scss

@@ -63,7 +63,7 @@ label.collection_radio_buttons, label.inline {
 }
 
 /* buttons */
-button, .button{
+button, .button, .button-pill{
   @extend %boxRadius-small;
   border: 0;
   padding: $base-padding/2;
@@ -76,7 +76,8 @@ button, .button{
   }
 }
 
-.button:active, .button:focus{
+button:active, .button:active, .button-pill:active,
+button:focus, .button:focus, .button-pill:focus{
   background:#333;
   color:$color-white;
   @include media($mobile) {
@@ -84,6 +85,15 @@ button, .button{
   }
 }
 
+a.button, a.button-pill{
+  color:$color-white;
+  text-decoration: none;
+}
+
+.button-pill{
+  padding:$base-padding/5 $base-padding;
+}
+
 .button-danger{
   @extend %bg-red;
   @include button-coloring($color-red);
@@ -110,8 +120,15 @@ button, .button{
   font-size:.9em;
 }
 
-.button a, .button li{
+button a:link,
+button a:active,
+button a:visited,
+.button a:link,
+.button a:active,
+.button a:visited,
+.button li{
   color: $color-white;
+  text-decoration: none;
 }
 
 /* inputs/form elements */

data/app/assets/stylesheets/foundation/modules/module.css.scss

@@ -27,7 +27,7 @@
   @extend .box;
 }
 .widget.outline{
-  border: $color-border $base-border-thickness solid;
+  border: $border;
   padding:0;
   overflow:hidden;
   h4{
@@ -88,8 +88,8 @@
   display:none;
 }
 .resetpw{
-    display:inline-block;
-    padding-bottom:$base-padding/2;
+  display:inline-block;
+  padding-bottom:$base-padding/2;
 }
 .login-hybrid .control span{
   margin-right: 30px;
@@ -117,8 +117,13 @@
 }
 .applogo{
   @include clearfix();
-  a{ text-decoration:none;}
-  h2{ font-size:1.2em; margin:$base-margin/2 0;}
+  a{
+    text-decoration:none;
+  }
+  h2{
+    font-size:1.2em;
+    margin:$base-margin/2 0;
+  }
 }
 .waiting{
   margin:$base-margin 0;
@@ -344,10 +349,43 @@ p.notice_notification:before { @include notification-icon('\263B'); }
 
 /* Member info */
 ul.member-info {
-  margin-left:0;
   li {
     list-style:none;
     margin:0;
+  }
+  &.right{
+    text-align:right;
+  }
+}
+
+.reward_dollars, .ebills {
+  margin: 7px;
+}
+/*Member info card in gatekeeper*/
+.card{
+  @include boxRadius(small);
+  width:30%;
+  border:$border;
+  margin:0 auto $base-margin*1.5;
+  padding-top:$base-padding/2;
+  box-shadow: $box-shadow;
+  li{
     padding:0;
   }
+  .action-footer{
+    background-color: $color-superlight;
+    border-top: $border;
+    margin-top:$base-margin/2;
+    a{
+      padding: $base-padding/2 $base-padding;
+      display: inline-block;
+      &:first-child{
+        border-right: $border;
+      }
+    }
+  }
+}
+.app-logged-in {
+  font-size: .75em;
+  line-height: 0;
 }

data/lib/ama_css/version.rb

@@ -1,3 +1,3 @@
 module AmaCss
-  VERSION = "0.0.1"
+  VERSION = "0.0.2"
 end

metadata

@@ -1,14 +1,19 @@
 --- !ruby/object:Gem::Specification
 name: ama_css
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.0.2
 platform: ruby
 authors:
 - Darko Dosenovic
+- Michael van den Beuken
+- Ruben Estevez
+- Jordan Babe
+- Mathieu Gilbert
+- Ryan Jones
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-01-10 00:00:00.000000000 Z
+date: 2014-08-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -70,6 +75,11 @@ description: "[\"This gem has been created to standardized use of css files for
   AMA applications.\"]"
 email:
 - darko.dosenovic@ama.ab.ca
+- michael.beuken@gmail.com
+- ruben.a.estevez@gmail.com
+- jorbabe@gmail.com
+- mathieu.gilbert@ama.ab.ca
+- ryan.michael.jones@gmail.com
 executables: []
 extensions: []
 extra_rdoc_files: []
@@ -81,6 +91,10 @@ files:
 - README.md
 - Rakefile
 - ama_css.gemspec
+- app/assets/fonts/ss-symbolicons-block.eot
+- app/assets/fonts/ss-symbolicons-block.svg
+- app/assets/fonts/ss-symbolicons-block.ttf
+- app/assets/fonts/ss-symbolicons-block.woff
 - app/assets/images/foundation/ama_logo.png
 - app/assets/images/foundation/bkg-utility-bar.gif
 - app/assets/images/foundation/btn-search.gif
@@ -129,7 +143,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.2.0
+rubygems_version: 2.4.1
 signing_key: 
 specification_version: 4
 summary: "[\"CSS used by AMA apps\"]"