variables.scss in ama_layout-4.0.0

- old
+ new

@@ -2,14 +2,15 @@
 $brand-red: #da291c;
 $white: #ffffff;
 $green: #3fae60;
 $brand-green: #78be20; //Rewards Green
 $brand-blue-insurance:#00a3e0;
-$notice-orange: #e7992b;
+$orange: #e7992b;
 // Blue tones - ordered from lightest to darkest
 $sky: #e2f4fc;
 $ocean: #8cceec;
+$cerulean: #2577be;
 $brand-blue-light: #00539b;
 $brand-blue-dark: #00205b;
 // Grey tones - ordered from lightest to darkest
 $ash: #f7f7f7;
 $stone: #eeeeee;
@@ -22,13 +23,28 @@
 // For foundation
 $primary-color: $brand-blue-dark;
 $secondary-color: $brand-blue-light;
 // Fonts
 $font-family-sans-serif: "Open Sans", Helvetica, Arial, sans-serif;
+$font-family-headings: "Open Sans Semi-Bold", Helvetica, Arial, sans-serif;
 $base-font-size: 1rem;
 // Spacing
-$base-margin: 5px;
-$base-padding: 5px;
+$base-margin: 1rem;
+$base-padding: 1rem;
+
 // Borders
-$base-border: 1px solid $smoke;
+$base-border: 2px solid $stone;
 //Radius
 $base-radius: 3px;
+//Top-Bar
+$top-bar-height: 53px;
+
+%clearfix {
+  *zoom: 1;
+  &:before, &:after {
+    content: " ";
+    display: table;
+  }
+  &:after {
+    clear: both;
+  }
+}