fortitude-sass 0.4.9 → 0.5.0

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

@@ -6,53 +6,56 @@
 // working with it, can make use of.
 
 // Predefine the variables below in order to alter and enable specific features.
-$fortitude-enable-classes:   false !default;
-
-
+$fortitude-enable-classes: false !default;
 
 @mixin fortitude-breakpoint($fortitude-alias, $fortitude-breakpoints: $fortitude-class-breakpoints) {
-    $fortitude-query: fortitude-query(map-get($fortitude-breakpoints, $fortitude-alias));
-    // if there is no media query.
-    @if not $fortitude-query {
-        @content;
-    } @else {
-        // if there is a media query.
-        @media #{$fortitude-query} {
-            @content;
-        }
+  $fortitude-query: fortitude-query(map-get($fortitude-breakpoints, $fortitude-alias));
+  // if there is no media query.
+  @if not $fortitude-query {
+    @content;
+  }
+  @else {
+    // if there is a media query.
+    @media #{$fortitude-query} {
+      @content;
     }
+  }
 }
 
 @mixin fortitude-breakpoint-classes($fortitude-breakpoints: $fortitude-class-breakpoints) {
-    @each $fortitude-alias, $fortitude-breakpoint in $fortitude-breakpoints {
-        $fortitude-query: fortitude-query($fortitude-breakpoint);
-        .#{$fortitude-alias} {
-            // if there is no media query.
-            @if not $fortitude-query {
-                @content;
-            }
-            // if there is a media query.
-           @else {
-                @media #{$fortitude-query} {
-                    @content;
-                }
-            }
+  @each $fortitude-alias, $fortitude-breakpoint in $fortitude-breakpoints {
+    $fortitude-query: fortitude-query($fortitude-breakpoint);
+    .#{$fortitude-alias} {
+      // if there is no media query.
+      @if not $fortitude-query {
+        @content;
+      }
+      @else {
+        @media #{$fortitude-query} {
+          @content;
         }
+      }
     }
+  }
 }
 
 @mixin fortitude-font-size($fortitude-font-size, $fortitude-line-height: true) {
-    font-size: $fortitude-font-size;
-
-    @if $fortitude-line-height == true {
-        line-height: ceil($fortitude-font-size / $fortitude-base-line-height) * $fortitude-base-line-height;
-    }
+  font-size: $fortitude-font-size;
+  @if $fortitude-line-height == true {
+    line-height: ceil($fortitude-font-size / $fortitude-base-line-height) * $fortitude-base-line-height;
+  }
 }
 
 @mixin fortitude-clearfix {
-    &:after {
-        content: "";
-        display: table;
-        clear: both;
-    }
+  &:after {
+    content: "";
+    display: table;
+    clear: both;
+  }
+}
+
+@mixin fortitude-utility-class {
+  ##{$fortitude-app-id} {
+    @content;
+  }
 }

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

@@ -1,35 +1,28 @@
 $fortitude-responsive-border-unit-total: 1 !default;
 
-@include fortitude-breakpoint-classes {
-    @for $i from 0 through $fortitude-responsive-border-unit-total {
-        ##{$fortitude-app-id} &-b#{$i} {
-            border-width: $i * 0.1rem;
-        }
-
-        ##{$fortitude-app-id} &-btb#{$i} {
-            border-top-width: $i * 0.1rem;
-            border-bottom-width: $i * 0.1rem;
-        }
-
-        ##{$fortitude-app-id} &-brl#{$i} {
-            border-right-width: $i * 0.1rem;
-            border-left-width: $i * 0.1rem;
-        }
-
-        ##{$fortitude-app-id} &-bl#{$i} {
-            border-left-width: $i * 0.1rem;
-        }
-
-        ##{$fortitude-app-id} &-bb#{$i} {
-            border-bottom-width: $i * 0.1rem;
-        }
-
-        ##{$fortitude-app-id} &-br#{$i} {
-            border-right-width: $i * 0.1rem;
-        }
-
-        ##{$fortitude-app-id} &-bt#{$i} {
-            border-top-width: $i * 0.1rem;
-        }
+@include fortitude-utility-class {
+  @include fortitude-breakpoint-classes {
+    @for $fortitude-index from 0 through $fortitude-responsive-border-unit-total {
+      &-bt#{$fortitude-index},
+      &-b#{$fortitude-index},
+      &-btb#{$fortitude-index} {
+        border-top-width: $fortitude-index * 0.1rem;
+      }
+      &-br#{$fortitude-index},
+      &-b#{$fortitude-index},
+      &-brl#{$fortitude-index} {
+        border-right-width: $fortitude-index * 0.1rem;
+      }
+      &-bb#{$fortitude-index},
+      &-b#{$fortitude-index},
+      &-btb#{$fortitude-index} {
+        border-bottom-width: $fortitude-index * 0.1rem;
+      }
+      &-bl#{$fortitude-index},
+      &-b#{$fortitude-index},
+      &-brl#{$fortitude-index} {
+        border-left-width: $fortitude-index * 0.1rem;
+      }
     }
-}
+  }
+}

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

@@ -1,7 +1,7 @@
 $fortitude-responsive-column-total: 12 !default;
 
 @mixin fortitude-column($fortitude-index) {
-    width: percentage($fortitude-index / $fortitude-responsive-column-total);
+  width: percentage($fortitude-index / $fortitude-responsive-column-total);
 }
 
 @mixin fortitude-column-offset($fortitude-index) {
@@ -16,22 +16,21 @@ $fortitude-responsive-column-total: 12 !default;
   right: percentage($fortitude-index / $fortitude-responsive-column-total);
 }
 
-@include fortitude-breakpoint-classes {
-    @for $i from 0 through $fortitude-responsive-column-total {
-        ##{$fortitude-app-id} &-#{$i}of#{$fortitude-responsive-column-total} {
-            @include fortitude-column($i);
-        }
-
-        ##{$fortitude-app-id} &-offset#{$i}of#{$fortitude-responsive-column-total} {
-            @include fortitude-column-offset($i);
-        }
-
-        ##{$fortitude-app-id} &-push#{$i}of#{$fortitude-responsive-column-total} {
-            @include fortitude-column-push($i);
-        }
-
-        ##{$fortitude-app-id} &-pull#{$i}of#{$fortitude-responsive-column-total} {
-            @include fortitude-column-pull($i);
-        }
+@include fortitude-utility-class {
+  @include fortitude-breakpoint-classes {
+    @for $fortitude-index from 0 through $fortitude-responsive-column-total {
+      &-#{$fortitude-index}of#{$fortitude-responsive-column-total} {
+        @include fortitude-column($fortitude-index);
+      }
+      &-offset#{$fortitude-index}of#{$fortitude-responsive-column-total} {
+        @include fortitude-column-offset($fortitude-index);
+      }
+      &-push#{$fortitude-index}of#{$fortitude-responsive-column-total} {
+        @include fortitude-column-push($fortitude-index);
+      }
+      &-pull#{$fortitude-index}of#{$fortitude-responsive-column-total} {
+        @include fortitude-column-pull($fortitude-index);
+      }
     }
-}
+  }
+}

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

@@ -1,35 +1,28 @@
-##{$fortitude-app-id} {
+@include fortitude-utility-class {
   @include fortitude-breakpoint-classes {
     &-none {
       display: none;
     }
-
     &-inline {
       display: inline;
     }
-
     &-inline-block {
       display: inline-block;
     }
-
     &-block {
       display: block;
     }
-
     &-table {
       display: table;
     }
-
     &-table-cell {
       display: table-cell;
     }
-
     &-table-column {
       display: table-column;
     }
-
     &-inherit {
       display: inherit;
     }
   }
-}
+}

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

@@ -1,13 +1,13 @@
-@include fortitude-breakpoint-classes {
-    ##{$fortitude-app-id} &-float-left {
-        float: left;
+@include fortitude-utility-class {
+  @include fortitude-breakpoint-classes {
+    &-float-left {
+      float: left;
     }
-
-    ##{$fortitude-app-id} &-float-right {
-        float: right;
+    &-float-right {
+      float: right;
     }
-
-    ##{$fortitude-app-id} &-float-none {
-        float: none;
+    &-float-none {
+      float: none;
     }
-}
+  }
+}

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

@@ -1,13 +1,15 @@
-$fortitude-responsive-font-sizes: (alpha: 3.6rem, beta: 3.0rem, gamma: 2.4rem, delta: 1.8rem, epsilon: 1.4rem, zeta: 1.0rem) !default;
+$fortitude-responsive-font-sizes: (alpha: 3.6rem, beta: 3rem, gamma: 2.4rem, delta: 1.8rem, epsilon: 1.4rem, zeta: 1rem) !default;
 
-@mixin fortitude-font-size-alias($alias, $line-height: false) {
-    @include fortitude-font-size(map-get($fortitude-responsive-font-sizes, $alias), $line-height);
+@mixin fortitude-font-size-alias($fortitude-alias, $fortitude-line-height: false) {
+  @include fortitude-font-size(map-get($fortitude-responsive-font-sizes, $fortitude-alias), $fortitude-line-height);
 }
 
-@include fortitude-breakpoint-classes {
-    @each $alias, $size in $fortitude-responsive-font-sizes {
-        ##{$fortitude-app-id} &-#{$alias} {
-            @include fortitude-font-size-alias($alias);
-        }
+@include fortitude-utility-class {
+  @include fortitude-breakpoint-classes {
+    @each $fortitude-alias, $fortitude-size in $fortitude-responsive-font-sizes {
+      &-#{$fortitude-alias} {
+        @include fortitude-font-size-alias($fortitude-alias);
+      }
     }
-}
+  }
+}

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

@@ -1,13 +1,15 @@
 $fortitude-responsive-height-total: 12 !default;
 
 @mixin fortitude-height($fortitude-index) {
-    min-height: $fortitude-base-spacing-unit * $fortitude-index;
+  min-height: $fortitude-base-spacing-unit * $fortitude-index;
 }
 
-@for $i from 1 through $fortitude-responsive-height-total {
+@include fortitude-utility-class {
+  @for $fortitude-index from 1 through $fortitude-responsive-height-total {
     @include fortitude-breakpoint-classes {
-        ##{$fortitude-app-id} &-#{$i} {
-            @include fortitude-height($i);
-        }
+      &-#{$fortitude-index} {
+        @include fortitude-height($fortitude-index);
+      }
     }
-}
+  }
+}

data/app/assets/stylesheets/fortitude/trumps/_responsive-line-height.scss

@@ -1,13 +1,14 @@
 $fortitude-responsive-line-height-unit-total: 2 !default;
 
-@include fortitude-breakpoint-classes {
-    @for $i from 0 through $fortitude-responsive-line-height-unit-total {
-        ##{$fortitude-app-id} &-inset#{$i} {
-            line-height: $fortitude-base-line-height * $i;
-        }
-
-        ##{$fortitude-app-id} &-inseth#{$i} {
-            line-height: ($fortitude-base-line-height * $i) + halve($fortitude-base-line-height);
-        }
+@include fortitude-utility-class {
+  @include fortitude-breakpoint-classes {
+    @for $fortitude-index from 0 through $fortitude-responsive-line-height-unit-total {
+      &-inset#{$fortitude-index} {
+        line-height: $fortitude-base-line-height * $fortitude-index;
+      }
+      &-inseth#{$fortitude-index} {
+        line-height: $fortitude-base-line-height * $fortitude-index + halve($fortitude-base-line-height);
+      }
     }
-}
+  }
+}

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

@@ -1,134 +1,95 @@
 $fortitude-responsive-margin-unit-total: 10 !default;
 $fortitude-responsive-negative-margin-unit-total: 10 !default;
 
-
-@include fortitude-breakpoint-classes {
-    @for $i from 0 through $fortitude-responsive-margin-unit-total {
-        ##{$fortitude-app-id} &-mh#{$i} {
-            margin: $fortitude-base-spacing-unit * $i + halve($fortitude-base-spacing-unit);
-        }
-
-        ##{$fortitude-app-id} &-m#{$i} {
-            margin: $fortitude-base-spacing-unit * $i;
-        }
-
-        ##{$fortitude-app-id} &-mtbh#{$i} {
-            margin-top: $fortitude-base-spacing-unit * $i + halve($fortitude-base-spacing-unit);
-            margin-bottom: $fortitude-base-spacing-unit * $i + halve($fortitude-base-spacing-unit);
-        }
-
-        ##{$fortitude-app-id} &-mtb#{$i} {
-            margin-top: $fortitude-base-spacing-unit * $i;
-            margin-bottom: $fortitude-base-spacing-unit * $i;
-        }
-
-        ##{$fortitude-app-id} &-mrlh#{$i} {
-            margin-right: $fortitude-base-spacing-unit * $i + halve($fortitude-base-spacing-unit);
-            margin-left: $fortitude-base-spacing-unit * $i + halve($fortitude-base-spacing-unit);
-        }
-
-        ##{$fortitude-app-id} &-mrl#{$i} {
-            margin-right: $fortitude-base-spacing-unit * $i;
-            margin-left: $fortitude-base-spacing-unit * $i;
-        }
-
-        ##{$fortitude-app-id} &-mlh#{$i} {
-            margin-left: $fortitude-base-spacing-unit * $i + halve($fortitude-base-spacing-unit);
-        }
-
-        ##{$fortitude-app-id} &-ml#{$i} {
-            margin-left: $fortitude-base-spacing-unit * $i;
-        }
-
-        ##{$fortitude-app-id} &-mbh#{$i} {
-            margin-bottom: $fortitude-base-spacing-unit * $i + halve($fortitude-base-spacing-unit);
-        }
-
-        ##{$fortitude-app-id} &-mb#{$i} {
-            margin-bottom: $fortitude-base-spacing-unit * $i;
-        }
-
-        ##{$fortitude-app-id} &-mrh#{$i} {
-            margin-right: $fortitude-base-spacing-unit * $i + halve($fortitude-base-spacing-unit);
-        }
-
-        ##{$fortitude-app-id} &-mr#{$i} {
-            margin-right: $fortitude-base-spacing-unit * $i;
-        }
-
-        ##{$fortitude-app-id} &-mth#{$i} {
-            margin-top: $fortitude-base-spacing-unit * $i + halve($fortitude-base-spacing-unit);
-        }
-
-        ##{$fortitude-app-id} &-mt#{$i} {
-            margin-top: $fortitude-base-spacing-unit * $i;
-        }
+@include fortitude-utility-class {
+  @include fortitude-breakpoint-classes {
+    @for $fortitude-index from 0 through $fortitude-responsive-margin-unit-total {
+      &-mt#{$fortitude-index},
+      &-m#{$fortitude-index},
+      &-mtb#{$fortitude-index} {
+        margin-top: $fortitude-base-spacing-unit * $fortitude-index;
+      }
+      &-mth#{$fortitude-index},
+      &-mh#{$fortitude-index},
+      &-mtbh#{$fortitude-index} {
+        margin-top: $fortitude-base-spacing-unit * $fortitude-index + halve($fortitude-base-spacing-unit);
+      }
+      &-mr#{$fortitude-index},
+      &-m#{$fortitude-index},
+      &-mrl#{$fortitude-index} {
+        margin-right: $fortitude-base-spacing-unit * $fortitude-index;
+      }
+      &-mrh#{$fortitude-index},
+      &-mh#{$fortitude-index},
+      &-mrlh#{$fortitude-index} {
+        margin-right: $fortitude-base-spacing-unit * $fortitude-index + halve($fortitude-base-spacing-unit);
+      }
+      &-mb#{$fortitude-index},
+      &-m#{$fortitude-index},
+      &-mtb#{$fortitude-index} {
+        margin-bottom: $fortitude-base-spacing-unit * $fortitude-index;
+      }
+      &-mbh#{$fortitude-index},
+      &-mh#{$fortitude-index},
+      &-mtbh#{$fortitude-index} {
+        margin-bottom: $fortitude-base-spacing-unit * $fortitude-index + halve($fortitude-base-spacing-unit);
+      }
+      &-ml#{$fortitude-index},
+      &-m#{$fortitude-index},
+      &-mrl#{$fortitude-index} {
+        margin-left: $fortitude-base-spacing-unit * $fortitude-index;
+      }
+      &-mlh#{$fortitude-index},
+      &-mh#{$fortitude-index},
+      &-mrlh#{$fortitude-index} {
+        margin-left: $fortitude-base-spacing-unit * $fortitude-index + halve($fortitude-base-spacing-unit);
+      }
     }
-    @for $i from 0 through $fortitude-responsive-negative-margin-unit-total {
-        ##{$fortitude-app-id} &-mh-#{$i} {
-            margin: -($fortitude-base-spacing-unit * $i + halve($fortitude-base-spacing-unit));
-        }
-
-        ##{$fortitude-app-id} &-m-#{$i} {
-            margin: -($fortitude-base-spacing-unit * $i);
-        }
-
-        ##{$fortitude-app-id} &-mtbh-#{$i} {
-            margin-top: -($fortitude-base-spacing-unit * $i + halve($fortitude-base-spacing-unit));
-            margin-bottom: -($fortitude-base-spacing-unit * $i + halve($fortitude-base-spacing-unit));
-        }
-
-        ##{$fortitude-app-id} &-mtb-#{$i} {
-            margin-top: -($fortitude-base-spacing-unit * $i);
-            margin-bottom: -($fortitude-base-spacing-unit * $i);
-        }
-
-        ##{$fortitude-app-id} &-mrlh-#{$i} {
-            margin-right: -($fortitude-base-spacing-unit * $i + halve($fortitude-base-spacing-unit));
-            margin-left: -($fortitude-base-spacing-unit * $i + halve($fortitude-base-spacing-unit));
-        }
-
-        ##{$fortitude-app-id} &-mrl-#{$i} {
-            margin-right: -($fortitude-base-spacing-unit * $i);
-            margin-left: -($fortitude-base-spacing-unit * $i);
-        }
-
-        ##{$fortitude-app-id} &-mlh-#{$i} {
-            margin-left: -($fortitude-base-spacing-unit * $i + halve($fortitude-base-spacing-unit));
-        }
-
-        ##{$fortitude-app-id} &-ml-#{$i} {
-            margin-left: -($fortitude-base-spacing-unit * $i);
-        }
-
-        ##{$fortitude-app-id} &-mbh-#{$i} {
-            margin-bottom: -($fortitude-base-spacing-unit * $i + halve($fortitude-base-spacing-unit));
-        }
-
-        ##{$fortitude-app-id} &-mb-#{$i} {
-            margin-bottom: -($fortitude-base-spacing-unit * $i);
-        }
-
-        ##{$fortitude-app-id} &-mrh-#{$i} {
-            margin-right: -($fortitude-base-spacing-unit * $i + halve($fortitude-base-spacing-unit));
-        }
-
-        ##{$fortitude-app-id} &-mr-#{$i} {
-            margin-right: -($fortitude-base-spacing-unit * $i);
-        }
-
-        ##{$fortitude-app-id} &-mth-#{$i} {
-            margin-top: -($fortitude-base-spacing-unit * $i + halve($fortitude-base-spacing-unit));
-        }
-
-        ##{$fortitude-app-id} &-mt-#{$i} {
-            margin-top: -($fortitude-base-spacing-unit * $i);
-        }
+    @for $fortitude-index from 0 through $fortitude-responsive-negative-margin-unit-total {
+      &-mt-#{$fortitude-index},
+      &-m-#{$fortitude-index},
+      &-mtb-#{$fortitude-index} {
+        margin-top: -($fortitude-base-spacing-unit * $fortitude-index);
+      }
+      &-mth-#{$fortitude-index},
+      &-mh-#{$fortitude-index},
+      &-mtbh-#{$fortitude-index} {
+        margin-top: -($fortitude-base-spacing-unit * $fortitude-index + halve($fortitude-base-spacing-unit));
+      }
+      &-mr-#{$fortitude-index},
+      &-m-#{$fortitude-index},
+      &-mrl-#{$fortitude-index} {
+        margin-right: -($fortitude-base-spacing-unit * $fortitude-index);
+      }
+      &-mrh-#{$fortitude-index},
+      &-mh-#{$fortitude-index},
+      &-mrlh-#{$fortitude-index} {
+        margin-right: -($fortitude-base-spacing-unit * $fortitude-index + halve($fortitude-base-spacing-unit));
+      }
+      &-mb-#{$fortitude-index},
+      &-m-#{$fortitude-index},
+      &-mtb-#{$fortitude-index} {
+        margin-bottom: -($fortitude-base-spacing-unit * $fortitude-index);
+      }
+      &-mbh-#{$fortitude-index},
+      &-mh-#{$fortitude-index},
+      &-mtbh-#{$fortitude-index} {
+        margin-bottom: -($fortitude-base-spacing-unit * $fortitude-index + halve($fortitude-base-spacing-unit));
+      }
+      &-ml-#{$fortitude-index},
+      &-m-#{$fortitude-index},
+      &-mrl-#{$fortitude-index} {
+        margin-left: -($fortitude-base-spacing-unit * $fortitude-index);
+      }
+      &-mlh-#{$fortitude-index},
+      &-mh-#{$fortitude-index},
+      &-mrlh-#{$fortitude-index} {
+        margin-left: -($fortitude-base-spacing-unit * $fortitude-index + halve($fortitude-base-spacing-unit));
+      }
     }
-
-    ##{$fortitude-app-id} &-mrlauto {
-        margin-right: auto;
-        margin-left: auto;
+    &-mrlauto {
+      margin-right: auto;
+      margin-left: auto;
     }
+  }
 }
-