fortitude-sass 0.4.9 → 0.5.0

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

@@ -1,65 +1,48 @@
 $fortitude-responsive-padding-unit-total: 10 !default;
 
-@include fortitude-breakpoint-classes {
-    @for $i from 0 through $fortitude-responsive-padding-unit-total {
-        ##{$fortitude-app-id} &-ph#{$i} {
-            padding: $fortitude-base-spacing-unit * $i + halve($fortitude-base-spacing-unit);
-        }
-
-        ##{$fortitude-app-id} &-p#{$i} {
-            padding: $fortitude-base-spacing-unit * $i;
-        }
-
-        ##{$fortitude-app-id} &-ptbh#{$i} {
-            padding-top: $fortitude-base-spacing-unit * $i + halve($fortitude-base-spacing-unit);
-            padding-bottom: $fortitude-base-spacing-unit * $i + halve($fortitude-base-spacing-unit);
-        }
-
-        ##{$fortitude-app-id} &-ptb#{$i} {
-            padding-top: $fortitude-base-spacing-unit * $i;
-            padding-bottom: $fortitude-base-spacing-unit * $i;
-        }
-
-        ##{$fortitude-app-id} &-prlh#{$i} {
-            padding-right: $fortitude-base-spacing-unit * $i + halve($fortitude-base-spacing-unit);
-            padding-left: $fortitude-base-spacing-unit * $i + halve($fortitude-base-spacing-unit);
-        }
-
-        ##{$fortitude-app-id} &-prl#{$i} {
-            padding-right: $fortitude-base-spacing-unit * $i;
-            padding-left: $fortitude-base-spacing-unit * $i;
-        }
-
-        ##{$fortitude-app-id} &-plh#{$i} {
-            padding-left: $fortitude-base-spacing-unit * $i + halve($fortitude-base-spacing-unit);
-        }
-
-        ##{$fortitude-app-id} &-pl#{$i} {
-            padding-left: $fortitude-base-spacing-unit * $i;
-        }
-
-        ##{$fortitude-app-id} &-pbh#{$i} {
-            padding-bottom: $fortitude-base-spacing-unit * $i + halve($fortitude-base-spacing-unit);
-        }
-
-        ##{$fortitude-app-id} &-pb#{$i} {
-            padding-bottom: $fortitude-base-spacing-unit * $i;
-        }
-
-        ##{$fortitude-app-id} &-prh#{$i} {
-            padding-right: $fortitude-base-spacing-unit * $i + halve($fortitude-base-spacing-unit);
-        }
-
-        ##{$fortitude-app-id} &-pr#{$i} {
-            padding-right: $fortitude-base-spacing-unit * $i;
-        }
-
-        ##{$fortitude-app-id} &-pth#{$i} {
-            padding-top: $fortitude-base-spacing-unit * $i + halve($fortitude-base-spacing-unit);
-        }
-
-        ##{$fortitude-app-id} &-pt#{$i} {
-            padding-top: $fortitude-base-spacing-unit * $i;
-        }
+@include fortitude-utility-class {
+  @include fortitude-breakpoint-classes {
+    @for $fortitude-index from 0 through $fortitude-responsive-padding-unit-total {
+      &-pt#{$fortitude-index},
+      &-p#{$fortitude-index},
+      &-ptb#{$fortitude-index} {
+        padding-top: $fortitude-base-spacing-unit * $fortitude-index;
+      }
+      &-pth#{$fortitude-index},
+      &-ph#{$fortitude-index},
+      &-ptbh#{$fortitude-index} {
+        padding-top: $fortitude-base-spacing-unit * $fortitude-index + halve($fortitude-base-spacing-unit);
+      }
+      &-pr#{$fortitude-index},
+      &-p#{$fortitude-index},
+      &-prl#{$fortitude-index} {
+        padding-right: $fortitude-base-spacing-unit * $fortitude-index;
+      }
+      &-prh#{$fortitude-index},
+      &-ph#{$fortitude-index},
+      &-prlh#{$fortitude-index} {
+        padding-right: $fortitude-base-spacing-unit * $fortitude-index + halve($fortitude-base-spacing-unit);
+      }
+      &-pb#{$fortitude-index},
+      &-p#{$fortitude-index},
+      &-ptb#{$fortitude-index} {
+        padding-bottom: $fortitude-base-spacing-unit * $fortitude-index;
+      }
+      &-pbh#{$fortitude-index},
+      &-ph#{$fortitude-index},
+      &-ptbh#{$fortitude-index} {
+        padding-bottom: $fortitude-base-spacing-unit * $fortitude-index + halve($fortitude-base-spacing-unit);
+      }
+      &-pl#{$fortitude-index},
+      &-p#{$fortitude-index},
+      &-prl#{$fortitude-index} {
+        padding-left: $fortitude-base-spacing-unit * $fortitude-index;
+      }
+      &-plh#{$fortitude-index},
+      &-ph#{$fortitude-index},
+      &-prlh#{$fortitude-index} {
+        padding-left: $fortitude-base-spacing-unit * $fortitude-index + halve($fortitude-base-spacing-unit);
+      }
     }
-}
+  }
+}

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

@@ -1,17 +1,16 @@
-@include fortitude-breakpoint-classes {
-    ##{$fortitude-app-id} &-text-left {
-        text-align: left;
+@include fortitude-utility-class {
+  @include fortitude-breakpoint-classes {
+    &-text-left {
+      text-align: left;
     }
-
-    ##{$fortitude-app-id} &-text-center {
-        text-align: center;
+    &-text-center {
+      text-align: center;
     }
-
-    ##{$fortitude-app-id} &-text-right {
-        text-align: right;
+    &-text-right {
+      text-align: right;
     }
-
-    ##{$fortitude-app-id} &-text-justify {
-        text-align: justify;
+    &-text-justify {
+      text-align: justify;
     }
-}
+  }
+}

data/app/assets/stylesheets/fortitude/trumps/_screen-lock.scss

@@ -3,4 +3,4 @@
   body {
     overflow: hidden;
   }
-}
+}

data/app/assets/stylesheets/fortitude.scss

@@ -1,6 +1,30 @@
 @import "fortitude/settings/defaults";
 @import "fortitude/tools/functions";
 @import "fortitude/tools/mixins";
+@import "fortitude/api/blocks/badge";
+@import "fortitude/api/blocks/bare-list";
+@import "fortitude/api/blocks/block-list";
+@import "fortitude/api/blocks/box";
+@import "fortitude/api/blocks/button";
+@import "fortitude/api/blocks/container";
+@import "fortitude/api/blocks/flag";
+@import "fortitude/api/blocks/flashbar";
+@import "fortitude/api/blocks/fluid-container";
+@import "fortitude/api/blocks/inline-list";
+@import "fortitude/api/blocks/input";
+@import "fortitude/api/blocks/layout";
+@import "fortitude/api/blocks/list-navigation";
+@import "fortitude/api/blocks/media";
+@import "fortitude/api/blocks/modal";
+@import "fortitude/api/blocks/navigationbar";
+@import "fortitude/api/blocks/shade";
+@import "fortitude/api/blocks/table";
+@import "fortitude/api/blocks/tabs";
+@import "fortitude/api/blocks/tabs-navigation";
+@import "fortitude/api/blocks/text";
+@import "fortitude/api/blocks/tooltip";
+@import "fortitude/api/blocks/ui-list";
+@import "fortitude/api/blocks/wings";
 @import "fortitude/generic/box-sizing";
 @import "fortitude/generic/clearfix";
 @import "fortitude/generic/normalize";

data/bower.json

@@ -1,7 +1,7 @@
 {
   "name": "fortitude-sass",
   "homepage": "http://fortitude.io/",
-  "version": "0.4.9",
+  "version": "0.5.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.4.9'
+  VERSION = '0.5.0'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: fortitude-sass
 version: !ruby/object:Gem::Version
-  version: 0.4.9
+  version: 0.5.0
 platform: ruby
 authors:
 - Aaron Reisman
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-02-05 00:00:00.000000000 Z
+date: 2015-02-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -133,17 +133,6 @@ files:
 - 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/_text.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

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

@@ -1,19 +0,0 @@
-.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

@@ -1,7 +0,0 @@
-@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

@@ -1,13 +0,0 @@
-@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

@@ -1,7 +0,0 @@
-@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

@@ -1,6 +0,0 @@
-@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

@@ -1,50 +0,0 @@
-.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/_text.scss

@@ -1,5 +0,0 @@
-@each $intent, $rules in $fortitude-color-intents {
-  .text-#{$intent} {
-    color: map-get($rules, color);
-  }
-}

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

@@ -1,9 +0,0 @@
-@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

@@ -1,53 +0,0 @@
-$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

@@ -1,5 +0,0 @@
-$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/theme.scss

@@ -1,11 +0,0 @@
-@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/text";
-@import "theme/extensions/wings";