fortitude-sass 0.3.8 → 0.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: c4100b397d4b3a9d5cc0e711e27a46529b99f201
-  data.tar.gz: 7f8848cad5efa4fa121a7d8790e4ddad94e4fa74
+  metadata.gz: 76a31101af3969d6afbc3f29fb1867b2f97621c3
+  data.tar.gz: b37d3bec1a18610ccc565808ef1fc82262c39c24
 SHA512:
-  metadata.gz: e60ffc1d3724fc3a2738d5285ff900a1914d6f895792798b5dfd36ec2a1c50922f22843628dda39cf70cab34dbbc6b8fd492fe2c18b800565a9076cf248a57dc
-  data.tar.gz: 3760ae7378885c05e2139f2ce88514dd18d1380b01b7da12447aae05c1185abce27d3d379f64cd453a436a1a716ef0272201a81d2be687d5d84d2653648b993e
+  metadata.gz: 8249bba22db5b68b4f7f5986dbfa8c3febdc8fcd48644ffe17cb109534b7cb57dcc783fb8e9e73b5a9b953c73cc7c422fa117432405c460609c7c5a5ad8fa784
+  data.tar.gz: c6970f3bbefea6b182d57f28a2fbcbb3cad5d27d579cdb346a2ff8392d02bd81888e3a77a3e77198ca26eaead059db8f76b61399a008e0115c36a53f5f95c27b

data/.gitignore

@@ -5,3 +5,4 @@
 demo/
 tmp/
 tags
+.idea

data/.ruby-gemset

@@ -0,0 +1 @@
+fortitude-sass

data/.ruby-version

@@ -0,0 +1 @@
+ruby-2.1.4

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    fortitude-sass (0.3.8)
+    fortitude-sass (0.4.0)
       autoprefixer-rails
       sass (~> 3.3)
       thor

data/app/assets/stylesheets/fortitude.scss

@@ -23,13 +23,16 @@
 @import "fortitude/blocks/layout";
 @import "fortitude/blocks/list-navigation";
 @import "fortitude/blocks/media";
+@import "fortitude/blocks/modal";
+@import "fortitude/blocks/navigationbar";
 @import "fortitude/blocks/shade";
-@import "fortitude/blocks/tabs-navigation";
 @import "fortitude/blocks/table";
 @import "fortitude/blocks/tabs";
+@import "fortitude/blocks/tabs-navigation";
 @import "fortitude/blocks/text";
 @import "fortitude/blocks/tooltip";
 @import "fortitude/blocks/ui-list";
+@import "fortitude/blocks/wings";
 @import "fortitude/trumps/responsive-border";
 @import "fortitude/trumps/responsive-column";
 @import "fortitude/trumps/responsive-display";

data/app/assets/stylesheets/fortitude/blocks/_badge.scss

@@ -12,7 +12,7 @@ $fortitude-badge-height--small:   $fortitude-base-spacing-unit !default;
 $fortitude-badge-height--large:   double($fortitude-base-spacing-unit) !default;
 $fortitude-badge-font-size:       $fortitude-base-font-size !default;
 
-$fortitude-badge-border-width:    0.1rem !default;
+$fortitude-badge-border-width:    0 !default;
 $fortitude-badge-border-style:    solid !default;
 $fortitude-badge-border-radius:   0 !default;
 
@@ -27,24 +27,23 @@ $fortitude-enable-badge--pill:    false !default;
 @mixin fortitude-badge($extension: null) {
     /**
      * 1. Allow us to style box model properties.
-     * 2. Line different sized badges up with text.
-     * 3. Make badges inherit font styles (often necessary when styling `input`s as
+     * 2. Make badges inherit font styles (often necessary when styling `input`s as
      *    badges).
-     * 4. Reset/normalize some styles.
-     * 6. Fixes odd inner spacing in IE7.
-     * 7. Subtract the border size from the padding value so that badges do not
+     * 3. Reset/normalize some styles.
+     * 4. Fixes odd inner spacing in IE7.
+     * 5. Subtract the border size from the padding value so that badges do not
      *    grow larger as we add borders.
-     * 8. Set badge text to nowrap.
+     * 6. Set badge text to nowrap.
      */
+    border: $fortitude-badge-border-width $fortitude-badge-border-style transparent;
     display: inline-block; /* [1] */
-    vertical-align: middle; /* [2] */
-    font: inherit; /* [3] */
-    text-align: center; /* [4] */
+    font: inherit; /* [2] */
+    background-color: transparent; /* [3] */
+    text-align: center; /* [3] */
     font-size: $fortitude-badge-font-size;
-    margin: -0.2rem 0 0; /* [4] */
     height: $fortitude-badge-height;
-    overflow: visible; /* [6] */
-    white-space: nowrap; /* [8] */
+    overflow: visible; /* [4] */
+    white-space: nowrap; /* [6] */
     line-height: $fortitude-base-line-height;
 
     @if ($extension == small) {
@@ -52,13 +51,8 @@ $fortitude-enable-badge--pill:    false !default;
     } @else if ($extension == large) {
         @include fortitude-badge--large;
     } @else {
-        padding: fortitude-block-padding($fortitude-badge-height, $fortitude-badge-border-width) quarter($fortitude-base-spacing-unit); /* [7] */
-    }
-
-    @if($fortitude-badge-border-width != 0) {
-        border: $fortitude-badge-border-width $fortitude-badge-border-style transparent;
-    } @else {
-        border: 0; /* [4] */
+        margin: fortitude-block-margin($fortitude-badge-height, $fortitude-badge-border-width) 0; /* [3] */
+        padding: fortitude-block-padding($fortitude-badge-height, $fortitude-badge-border-width) quarter($fortitude-base-spacing-unit); /* [5] */
     }
 
     @if ($extension == pill) {
@@ -69,11 +63,13 @@ $fortitude-enable-badge--pill:    false !default;
 }
 
 @mixin fortitude-badge--small {
-    padding: fortitude-block-padding($fortitude-badge-height--small, $fortitude-badge-border-width) quarter($fortitude-base-spacing-unit); /* [7] */
+    margin: fortitude-block-margin($fortitude-badge-height--small, $fortitude-badge-border-width) 0; /* [3] */
+    padding: fortitude-block-padding($fortitude-badge-height--small, $fortitude-badge-border-width) quarter($fortitude-base-spacing-unit); /* [5] */
 }
 
 @mixin fortitude-badge--large {
-    padding: fortitude-block-padding($fortitude-badge-height--large, $fortitude-badge-border-width) quarter($fortitude-base-spacing-unit); /* [7] */
+    margin: fortitude-block-margin($fortitude-badge-height--large, $fortitude-badge-border-width) 0; /* [3] */
+    padding: fortitude-block-padding($fortitude-badge-height--large, $fortitude-badge-border-width) quarter($fortitude-base-spacing-unit); /* [5] */
     @if ($fortitude-block-height > $fortitude-block-line-height) {
         line-height: ceil($fortitude-block-height / $fortitude-block-line-height) * $fortitude-block-line-height;
     }

data/app/assets/stylesheets/fortitude/blocks/_box.scss

@@ -5,6 +5,10 @@
 /**
  * The box object simply boxes off content.
  */
+// Predefine the variables below in order to alter and enable specific features.
+$fortitude-box-border-width:              0 !default;
+$fortitude-box-border-style:              solid !default;
+$fortitude-box-border-radius--rounded:    0.2rem !default;
 
 
 
@@ -13,11 +17,21 @@
 @mixin fortitude-box {
     /**
      * 1. So we can apply the `.box` class to naturally-inline elements.
+     * 2. So we can style the border colors in our extensions.
      */
     @include fortitude-clearfix;
     display: block; /* [1] */
+    border: $fortitude-box-border-width $fortitude-box-border-style transparent; /* [2] */
+}
+
+@mixin fortitude-box--rounded {
+	border-radius: $fortitude-box-border-radius--rounded;
 }
 
 .#{$fortitude-namespace}box {
   @include fortitude-box;
 }
+
+.#{$fortitude-namespace}box--rounded {
+  @include fortitude-box--rounded;
+}

data/app/assets/stylesheets/fortitude/blocks/_button.scss

@@ -7,7 +7,7 @@
  */
 
 // Predefine the variables below in order to alter and enable specific features.
-$fortitude-button-border-width:              0.1rem !default;
+$fortitude-button-border-width:              0 !default;
 $fortitude-button-border-style:              solid !default;
 $fortitude-button-border-radius:             0.2rem !default;
 
@@ -51,6 +51,8 @@ $fortitude-global-border-box: false !default;
      *    the position of the target will be inside of the button.
      * 10. Required to combine fluid widths and fixed gutters.
      */
+    background-color: transparent;
+    border: $fortitude-button-border-width $fortitude-button-border-style transparent;
     display: inline-block; /* [1] */
     vertical-align: middle; /* [2] */
     font: inherit; /* [3] */
@@ -70,12 +72,6 @@ $fortitude-global-border-box: false !default;
         padding: fortitude-block-padding($fortitude-button-height, $fortitude-button-border-width) $fortitude-button-horizontal-padding; /* [7] */
     }
 
-    @if($fortitude-button-border-width != 0) {
-        border: $fortitude-button-border-width $fortitude-button-border-style transparent;
-    } @else {
-        border: 0; /* [4] */
-    }
-    
     @if ($extension == pill) {
         @include fortitude-button--pill;
     } @else if($fortitude-button-border-radius != 0) {
@@ -193,7 +189,6 @@ $fortitude-global-border-box: false !default;
     .#{$fortitude-namespace}button--large {
         @include fortitude-button--large;
     }
-
 }
 
 

data/app/assets/stylesheets/fortitude/blocks/_container.scss

@@ -40,6 +40,16 @@ $fortitude-global-border-box: false !default;
     }
 }
 
+@mixin fortitude-container--fixed-top {
+    z-index: 2;
+    position: fixed;
+    top: 0;
+}
+
 .#{$fortitude-namespace}container {
     @include fortitude-container;
 }
+
+.#{$fortitude-namespace}container--fixed-top {
+    @include fortitude-container--fixed-top;
+}

data/app/assets/stylesheets/fortitude/blocks/_flashbar.scss

@@ -2,6 +2,9 @@
     #FLASHBAR
 \*------------------------------------*/
 
+/**
+ * A simple flashbar object.
+ */
 
 @mixin fortitude-flashbar {
     @include fortitude-clearfix;

data/app/assets/stylesheets/fortitude/blocks/_modal.scss

@@ -0,0 +1,21 @@
+.modal {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 3;
+  display: none;
+  overflow: hidden;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+  -moz-overflow-scrolling: touch;
+  overflow-scrolling: touch;
+}
+
+.modal__content {
+  position: relative;
+  width: auto;
+  margin: halve($fortitude-base-spacing-unit);
+  // set width in extending class
+}

data/app/assets/stylesheets/fortitude/blocks/_navigationbar.scss

@@ -0,0 +1,206 @@
+$navigationbar-height: 4rem !default;
+
+.navigationbar {
+  position: relative;
+  line-height: $navigationbar-height;
+  min-height: $navigationbar-height;
+}
+
+.navigationbar__header {
+  float: left;
+}
+
+.navigationbar__header__logo {
+  display: inline-block;
+  margin-top: -0.1rem;
+  vertical-align: middle;
+}
+
+.navigationbar__toggle {
+  float: right;
+  > .icon {
+    display: none;
+  }
+}
+
+.navigationbar__toggle__helper {
+  display: none;
+}
+
+.navigationbar__navigation {
+  margin-right: -1rem;
+}
+
+.navigationbar__item {
+  display: inline-block;
+
+  &:hover .navigationbar__dropdown {
+    display: block;
+  }
+
+  a {
+    display: block;
+    padding: 0 1rem;
+  }
+}
+
+.navigationbar__dropdown {
+  display: none;
+  position: absolute;
+  list-style: none;
+  z-index: 1;
+}
+
+@media (max-width: 767px) {
+  .navigationbar__header {
+    float: none;
+  }
+
+  .navigationbar__header__logo {
+    padding-left: 2rem;
+  }
+
+  .navigationbar__toggle {
+    float: none;
+
+    > .icon {
+      display: inline-block;
+    }
+  }
+
+  .navigationbar__toggle__helper {
+    display: inline-block;
+  }
+
+  .navigationbar__dropdown {
+    display: block;
+    position: static;
+  }
+
+  .navigationbar__item {
+    display: block;
+  }
+
+  .navigationbar__toggle {
+    margin-top: -$navigationbar-height;
+
+    &:after {
+      content: "";
+      display: table;
+      clear: both;
+    }
+
+    > .icon {
+      float: right;
+      display: block;
+    }
+  }
+
+  .navigationbar__toggle__helper {
+    float: right;
+    position: relative;
+    outline: 0;
+    opacity: 0;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    -ms-appearance: none;
+    -o-appearance: none;
+    appearance: none;
+
+    &:checked + .navigationbar__navigation {
+      display: block;
+    }
+  }
+
+  .navigationbar__navigation {
+    clear: both;
+    display: none;
+    margin-right: 0;
+  }
+
+  .navigationbar__item {
+    + .navigationbar__item {
+      margin-top: -0.1rem;
+    }
+
+    a {
+      display: block;
+      padding: 0 2rem;
+    }
+  }
+}
+
+@media (min-width: 768px) and (max-width: 991px) {
+  .navigationbar--employers-offers {
+    .navigationbar__header {
+      float: none;
+    }
+
+    .navigationbar__toggle {
+      float: none;
+
+      > .icon {
+        display: inline-block;
+      }
+    }
+
+    .navigationbar__toggle__helper {
+      display: inline-block;
+    }
+
+    .navigationbar__dropdown {
+      display: block;
+      position: static;
+    }
+
+    .navigationbar__item {
+      display: block;
+    }
+
+    .navigationbar__toggle {
+      margin-top: -$navigationbar-height;
+
+      &:after {
+        content: "";
+        display: table;
+        clear: both;
+      }
+
+      > .icon {
+        float: right;
+        display: block;
+      }
+    }
+    .navigationbar__toggle__helper {
+      float: right;
+      position: relative;
+      outline: 0;
+      opacity: 0;
+      -webkit-appearance: none;
+      -moz-appearance: none;
+      -ms-appearance: none;
+      -o-appearance: none;
+      appearance: none;
+
+      &:checked + .navigationbar__navigation {
+        display: block;
+      }
+    }
+
+    .navigationbar__navigation {
+      clear: both;
+      display: none;
+    }
+
+    .navigationbar__item {
+      + .navigationbar__item {
+        margin-top: -0.1rem;
+      }
+
+      a {
+        display: block;
+        padding: 0 1rem;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/fortitude/blocks/_text.scss

@@ -2,66 +2,26 @@
     #TEXT
 \*------------------------------------*/
 
-@mixin fortitude-text-italic {
+.#{$fortitude-namespace}text-italic {
     font-style: italic;
 }
 
-@mixin fortitude-text-underline {
+.#{$fortitude-namespace}text-underline {
     text-decoration: underline;
 }
 
-@mixin fortitude-text-line-through {
+.#{$fortitude-namespace}text-line-through {
     text-decoration: line-through;
 }
 
-@mixin fortitude-text-lowercase {
+.#{$fortitude-namespace}text-lowercase {
     text-transform: lowercase;
 }
 
-@mixin fortitude-text-uppercase {
+.#{$fortitude-namespace}text-uppercase {
     text-transform: uppercase;
 }
 
-@mixin fortitude-text-capitalize {
+.#{$fortitude-namespace}text-capitalize {
     text-transform: capitalize;
-}
-
-@mixin fortitude-text($extension: null) {
-    @if ($extension == italic) {
-        @include fortitude-text-italic;
-    } @else if ($extension == underline) {
-        @include fortitude-text-underline;
-    } @else if ($extension == line-through) {
-        @include fortitude-text-line-through;
-    } @else if ($extension == lowercase) {
-        @include fortitude-text-lowercase;
-    } @else if ($extension == uppercase) {
-        @include fortitude-text-uppercase;
-    } @else if ($extension == capitalize) {
-        @include fortitude-text-capitalize;
-    }
-}
-
-.#{$fortitude-namespace}fortitude-text-italic {
-    @include fortitude-text-italic;
-}
-
-.#{$fortitude-namespace}fortitude-text-underline {
-    @include fortitude-text-underline;
-}
-
-.#{$fortitude-namespace}fortitude-text-line-through {
-    @include fortitude-text-line-through;
-}
-
-.#{$fortitude-namespace}fortitude-text-lowercase {
-    @include fortitude-text-lowercase;
-}
-
-.#{$fortitude-namespace}fortitude-text-uppercase {
-    @include fortitude-text-uppercase;
-}
-
-.#{$fortitude-namespace}fortitude-text-capitalize {
-    @include fortitude-text-capitalize;
 }

data/app/assets/stylesheets/fortitude/blocks/_wings.scss

@@ -0,0 +1,43 @@
+.wings {
+  display: table;
+  width: 100%;
+
+  &__target {
+    display: table-cell;
+    vertical-align: middle;
+    white-space: nowrap;
+    width: 0.1rem;
+    padding: 0 double($fortitude-base-spacing-unit);
+  }
+
+  &__wing {
+    position: relative;
+    display: inline-block;
+    height: 100%;
+    width: 100%;
+    &::before {
+      content: '';
+      vertical-align: middle;
+      position: absolute;
+      height: 0.5rem;
+      top: -0.1rem;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      margin: auto;
+    }
+  }
+}
+
+.wings--thin {
+  .wings__wing {
+    &::before {
+      height: 0.1rem;
+    }
+  }
+}
+
+.wings__target--narrow {
+  padding: 0 $fortitude-base-spacing-unit;
+}
+

data/app/assets/stylesheets/fortitude/theme.scss

@@ -0,0 +1,10 @@
+@import "theme/settings/colors";
+@import "theme/settings/defaults";
+@import "../fortitude";
+@import "theme/base/page";
+@import "theme/extensions/badge";
+@import "theme/extensions/box";
+@import "theme/extensions/button";
+@import "theme/extensions/flashbar";
+@import "theme/extensions/navigationbar";
+@import "theme/extensions/wings";

data/app/assets/stylesheets/fortitude/theme/base/_page.scss

@@ -0,0 +1,19 @@
+.text-extra-light { font-weight: 200; }
+.text-light { font-weight: 300; }
+.text-normal { font-weight: 400; }
+
+html,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  @extend .text-extra-light;
+}
+
+strong {
+  @extend .text-normal;
+}
+
+

data/app/assets/stylesheets/fortitude/theme/extensions/_badge.scss

@@ -0,0 +1,7 @@
+@each $intent, $rules in $fortitude-color-intents {
+  .badge--#{$intent} {
+    @each $property, $value in $rules {
+        #{$property}: $value;
+    }
+  }
+}

data/app/assets/stylesheets/fortitude/theme/extensions/_box.scss

@@ -0,0 +1,13 @@
+@each $intent, $rules in $fortitude-color-intents {
+  .box--#{$intent} {
+    @each $property, $value in $rules {
+      #{$property}: $value;
+    }
+  }
+}
+
+.box--hero {
+  background-color: $gray-darkest-color;
+  border-color: $gray-darker-color;
+  color: $gray-lightest-color;
+}

data/app/assets/stylesheets/fortitude/theme/extensions/_button.scss

@@ -0,0 +1,7 @@
+@each $intent, $rules in $fortitude-color-intents {
+  .button--#{$intent} {
+    @each $property, $value in $rules {
+      #{$property}: $value;
+    }
+  }
+}

data/app/assets/stylesheets/fortitude/theme/extensions/_flashbar.scss

@@ -0,0 +1,6 @@
+@each $intent, $rules in $fortitude-color-intents {
+  .flashbar--#{$intent} {
+    background-color: map_get($rules, background-color);
+    color: if(lightness(map_get($rules, background-color)) < 75%, $gray-lightest-color, $gray-darkest-color);
+  }
+}

data/app/assets/stylesheets/fortitude/theme/extensions/_navigationbar.scss

@@ -0,0 +1,50 @@
+.navigationbar {
+  text-transform: uppercase;
+}
+
+.navigationbar--default {
+  $navigationbar__toggle__icon-width: 2.2rem;
+  $navigationbar__toggle__icon-height: 2.2rem;
+
+  background-color: $gray-lightest-color;
+  border-bottom: 0.1rem solid $gray-light-color;
+
+  .navigationbar__header__logo {
+    @include fortitude-font-size-alias(delta);
+    color: $gray-darkest-color;
+    text-decoration: none;
+  }
+
+  .navigationbar__toggle {
+    > .icon {
+      width: $navigationbar__toggle__icon-width;
+      height: $navigationbar__toggle__icon-height;
+      margin: halve($navigationbar-height - $navigationbar__toggle__icon-height) halve($navigationbar-height - $navigationbar__toggle__icon-height);
+      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIdJREFUeNpiYBgFtAaMbm5uCkD6PBALUMnMD0BsyAQ1UICKjgWbxwhiAV1dQE0X79q1a8IQjDxoUCQAKQUqmfkAGBQLQKnCAJoqqAnAqeIDFDNQMbl9gAWFApWD4sHQzNKgjDEfiAOoZOYGIE4ERZ4BFQ1lgJplAIu89VTO0oGj5TvtAUCAAQCVmCDkKRdAyQAAAABJRU5ErkJggg==');
+      // Retina
+      @media
+      (-webkit-min-device-pixel-ratio: 2),
+      (min-resolution: 192dpi) {
+        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQRJREFUeNrsl7ENwjAQRU1oKDNCUBaADVK5zgi0VMAEjADZgBEokSuYgCwQYTpKj8CdZEdHSZWz9J9kn919nc73fcYAAACYklk6WGtPFPZKdZ6dc4dRMIldUXgqT+6aRPdFvJQZVAMn1STBIQPBPW9z3oZh+NR1/aZjQ2uhTCgnc0vlcEPLAQD8Z80thWNq0Iq40+qorV2lNVcUXsqTuyTRPjldlUE1NNKac8BLa/ZkzZXC+k1cqBy6n0cnvpnafm6Bv5XojwAosGZuazuFre0R25qX1lxGa9Y6jIZozaEQE6nmyZm1tVlacyFGaM1uMuqTj47TvtFozfHRBQMAAGByvgIMAOBPRPy+NdlpAAAAAElFTkSuQmCC');
+        background-size: $navigationbar__toggle__icon-height $navigationbar__toggle__icon-width;
+      }
+    }
+  }
+
+  .navigationbar__toggle__helper {
+    width: $navigationbar__toggle__icon-width + ($navigationbar-height - $navigationbar__toggle__icon-height);
+    height: $navigationbar__toggle__icon-height + ($navigationbar-height - $navigationbar__toggle__icon-height);
+    margin-right: (-($navigationbar__toggle__icon-width + ($navigationbar-height - $navigationbar__toggle__icon-height)));
+  }
+
+  .navigationbar__link {
+    color: $gray-darkest-color;
+    text-decoration: none;
+    @include fortitude-font-size-alias(epsilon);
+
+    &::before {
+      content: '';
+      color: $info-color;
+    }
+  }
+}

data/app/assets/stylesheets/fortitude/theme/extensions/_wings.scss

@@ -0,0 +1,9 @@
+@each $intent, $rules in $fortitude-color-intents {
+  .wings--#{$intent} {
+    .wings__wing {
+      &::before {
+        background-color: map_get($rules, background-color);
+      }
+    }
+  }
+}

data/app/assets/stylesheets/fortitude/theme/settings/_colors.scss

@@ -0,0 +1,53 @@
+$primary-color: #1CAFC9 !default;
+$success-color: #18D985 !default;
+$info-color   : #4DDBC4 !default;
+$warning-color: #E9CB0A !default;
+$danger-color : #DE1843 !default;
+
+
+$gray-darkest-color : #373942 !default;
+$gray-darker-color  : #54565E !default;
+$gray-dark-color    : #87898E !default;
+$gray-color         : #CFCFD1 !default;
+$gray-light-color   : #E7E7E8 !default;
+$gray-lighter-color : #FCFCFC !default;
+$gray-lightest-color: #FFFFFF !default;
+
+$fortitude-color-intents: (
+  default: (
+    background-color: $gray-lightest-color,
+    border-color: $gray-lightest-color,
+    color: $gray-darkest-color
+  ),
+  primary: (
+    background-color: $primary-color,
+    border-color: $primary-color,
+    color: $gray-lightest-color
+  ),
+  success: (
+    background-color: $success-color,
+    border-color: $success-color,
+    color: $gray-lightest-color
+  ),
+  info: (
+    background-color: $info-color,
+    border-color: $info-color,
+    color: $gray-lightest-color
+  ),
+  warning: (
+    background-color: $warning-color,
+    border-color: $warning-color,
+    color: $gray-lightest-color
+  ),
+  danger: (
+    background-color: $danger-color,
+    border-color: $danger-color,
+    color: $gray-lightest-color
+  )
+) !default;
+
+
+// Fortitude Overrides
+
+$fortitude-base-background-color: $gray-lighter-color !default;
+$fortitude-base-color           : $gray-darkest-color !default;

data/app/assets/stylesheets/fortitude/theme/settings/_defaults.scss

@@ -0,0 +1,5 @@
+$navigationbar-height: 6rem !default;
+$fortitude-responsive-font-sizes: (alpha: 5.5rem, beta: 3.0rem, gamma: 2.4rem, delta: 1.8rem, epsilon: 1.4rem, zeta: 1.0rem) !default;
+$fortitude-responsive-line-height-unit-total: 3 !default;
+$fortitude-base-font-size: 1.6rem !default;
+$fortitude-enable-layout--large: true !default;

data/app/assets/stylesheets/fortitude/tools/_functions.scss

@@ -56,7 +56,7 @@
     $fortitude-value: halve($fortitude-block-spacing-unit-height - $fortitude-block-height);
 
     // normalize value 0rem to 0.
-    @if ($fortitude-value == 0) { $fortitude-value: 0; }
+    @if (fortitude-strip-unit($fortitude-value) == 0) { $fortitude-value: 0; }
     @return $fortitude-value;
 }
 
@@ -77,7 +77,7 @@
     }
 
     // normalize value 0rem to 0.
-    @if ($fortitude-value == 0) { $fortitude-value: 0; }
+    @if (fortitude-strip-unit($fortitude-value) == 0) { $fortitude-value: 0; }
     @return $fortitude-value;
 }
 

data/app/assets/stylesheets/fortitude/trumps/_responsive-margin.scss

@@ -125,5 +125,10 @@ $fortitude-responsive-negative-margin-unit-total: 10 !default;
             margin-top: -($fortitude-base-spacing-unit * $i);
         }
     }
+
+    ##{$fortitude-app-id} &-mrlauto {
+        margin-right: auto;
+        margin-left: auto;
+    }
 }
 

data/bower.json

@@ -1,7 +1,7 @@
 {
   "name": "fortitude-sass",
   "homepage": "http://fortitude.io/",
-  "version": "0.3.8",
+  "version": "0.4.0",
   "main": [
     "app/assets/stylesheets/fortitude/tools/_functions.scss",
     "app/assets/stylesheets/fortitude/tools/_mixins.scss",

data/lib/fortitude-sass/version.rb

@@ -1,3 +1,3 @@
 module Fortitude
-  VERSION = '0.3.8'
+  VERSION = '0.4.0'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: fortitude-sass
 version: !ruby/object:Gem::Version
-  version: 0.3.8
+  version: 0.4.0
 platform: ruby
 authors:
 - Aaron Reisman
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-10-16 00:00:00.000000000 Z
+date: 2014-12-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -92,11 +92,15 @@ extra_rdoc_files: []
 files:
 - ".gitignore"
 - ".npmignore"
+- ".ruby-gemset"
+- ".ruby-version"
 - ".scss-lint.yml"
 - Gemfile
 - Gemfile.lock
 - README.md
 - Rakefile
+- app/assets/images/icons/hamburger.png
+- app/assets/images/icons_2x/hamburger.png
 - app/assets/javascripts/fortitude.jquery.js
 - app/assets/javascripts/fortitude/jquery/blocks/flashbar.js
 - app/assets/javascripts/fortitude/jquery/blocks/select-input.js
@@ -125,6 +129,8 @@ files:
 - app/assets/stylesheets/fortitude/blocks/_layout.scss
 - app/assets/stylesheets/fortitude/blocks/_list-navigation.scss
 - app/assets/stylesheets/fortitude/blocks/_media.scss
+- app/assets/stylesheets/fortitude/blocks/_modal.scss
+- app/assets/stylesheets/fortitude/blocks/_navigationbar.scss
 - app/assets/stylesheets/fortitude/blocks/_shade.scss
 - app/assets/stylesheets/fortitude/blocks/_table.scss
 - app/assets/stylesheets/fortitude/blocks/_tabs-navigation.scss
@@ -132,11 +138,22 @@ files:
 - app/assets/stylesheets/fortitude/blocks/_text.scss
 - app/assets/stylesheets/fortitude/blocks/_tooltip.scss
 - app/assets/stylesheets/fortitude/blocks/_ui-list.scss
+- app/assets/stylesheets/fortitude/blocks/_wings.scss
 - app/assets/stylesheets/fortitude/generic/_box-sizing.scss
 - app/assets/stylesheets/fortitude/generic/_clearfix.scss
 - app/assets/stylesheets/fortitude/generic/_normalize.scss
 - app/assets/stylesheets/fortitude/generic/_reset.scss
 - app/assets/stylesheets/fortitude/settings/_defaults.scss
+- app/assets/stylesheets/fortitude/theme.scss
+- app/assets/stylesheets/fortitude/theme/base/_page.scss
+- app/assets/stylesheets/fortitude/theme/extensions/_badge.scss
+- app/assets/stylesheets/fortitude/theme/extensions/_box.scss
+- app/assets/stylesheets/fortitude/theme/extensions/_button.scss
+- app/assets/stylesheets/fortitude/theme/extensions/_flashbar.scss
+- app/assets/stylesheets/fortitude/theme/extensions/_navigationbar.scss
+- app/assets/stylesheets/fortitude/theme/extensions/_wings.scss
+- app/assets/stylesheets/fortitude/theme/settings/_colors.scss
+- app/assets/stylesheets/fortitude/theme/settings/_defaults.scss
 - app/assets/stylesheets/fortitude/tools/_functions.scss
 - app/assets/stylesheets/fortitude/tools/_mixins.scss
 - app/assets/stylesheets/fortitude/trumps/_responsive-border.scss