fortitude-sass 0.4.9 → 0.5.0

data/app/assets/stylesheets/fortitude/blocks/_ui-list.scss

@@ -1,97 +1,29 @@
-/*------------------------------------*\
-    #UI-LIST
-\*------------------------------------*/
-
-/**
- * The UI list object creates blocky list items with a keyline separator out of
- * a `ul` or `ol`.
- */
-
-// Predefine the variables below in order to alter and enable specific features.
-$fortitude-ui-list-padding:         $fortitude-base-spacing-unit !default;
-$fortitude-ui-list-padding--small:  halve($fortitude-ui-list-padding) !default;
-$fortitude-ui-list-padding--large:  double($fortitude-ui-list-padding) !default;
-
-$fortitude-ui-list-border-width:    0.1rem !default;
-$fortitude-ui-list-border-style:    solid !default;
-$fortitude-ui-list-border-color:    #ccc !default;
-
-$fortitude-enable-ui-list--small:   false !default;
-$fortitude-enable-ui-list--large:   false !default;
-
-@mixin fortitude-ui-list {
-    border:  0 $fortitude-ui-list-border-style $fortitude-ui-list-border-color;
-    margin:  0;
-    padding: 0;
-    list-style: none;
-    border-top-width: $fortitude-ui-list-border-width;
-}
-
-@mixin fortitude-ui-list__item($extension: null) {
-    border: 0 $fortitude-ui-list-border-style $fortitude-ui-list-border-color;
-    border-bottom-width: $fortitude-ui-list-border-width;
-
-    @if ($extension == small) {
-        @include fortitude-ui-list--small__item;
-    } @else if ($extension == large) {
-        @include fortitude-ui-list--large__item;
-    } @else {
-        padding: $fortitude-ui-list-padding;
-    }
-}
-
-@mixin fortitude-ui-list--small__item {
-    padding: $fortitude-ui-list-padding--small;
-}
-
-@mixin fortitude-ui-list--large__item {
-    padding: $fortitude-ui-list-padding--large;
-}
-
-
 .#{$fortitude-namespace}ui-list {
-    @include fortitude-ui-list;
+  @include fortitude-ui-list;
 }
 
-    .#{$fortitude-namespace}ui-list__item {
-        @include fortitude-ui-list__item;
-    }
-
-
-
-
-
-@if ($fortitude-enable-ui-list--small == true) {
-
-    /**
-     * Small ui-lists.
-     */
-
-    .#{$fortitude-namespace}ui-list--small {
-
-        > .#{$fortitude-namespace}ui-list__item {
-            @include fortitude-ui-list--small__item;
-        }
+.#{$fortitude-namespace}ui-list__item {
+  @include fortitude-ui-list__item;
+}
 
+@if $fortitude-enable-ui-list--small == true {
+  /**
+   * Small ui-lists.
+  **/
+  .#{$fortitude-namespace}ui-list--small {
+    > .#{$fortitude-namespace}ui-list__item {
+      @include fortitude-ui-list--small__item;
     }
-
+  }
 }
 
-
-
-
-
-@if ($fortitude-enable-ui-list--large == true) {
-
-    /**
-     * Large ui-lists.
-     */
-
-    .#{$fortitude-namespace}ui-list--large {
-
-        > .#{$fortitude-namespace}ui-list__item {
-            @include fortitude-ui-list--large__item;
-        }
-
+@if $fortitude-enable-ui-list--large == true {
+  /**
+   * Large ui-lists.
+  **/
+  .#{$fortitude-namespace}ui-list--large {
+    > .#{$fortitude-namespace}ui-list__item {
+      @include fortitude-ui-list--large__item;
     }
+  }
 }

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

@@ -1,43 +1,42 @@
-.wings {
+.#{$fortitude-namespace}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);
-  }
+.#{$fortitude-namespace}wings__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;
-    }
+.#{$fortitude-namespace}wings__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 {
+.#{$fortitude-namespace}wings--thin {
+  .#{$fortitude-namespace}wings__wing {
     &::before {
       height: 0.1rem;
     }
   }
 }
 
-.wings__target--narrow {
+.#{$fortitude-namespace}wings__target--narrow {
   padding: 0 $fortitude-base-spacing-unit;
 }
-

data/app/assets/stylesheets/fortitude/generic/_box-sizing.scss

@@ -4,20 +4,17 @@
 
 /**
  * Set the global `box-sizing` state to `border-box`.
- */
+**/
 * {
-    &,
-    &:before,
-    &:after {
-        -webkit-box-sizing: border-box;
-           -moz-box-sizing: border-box;
-                box-sizing: border-box;
-    }
+  &,
+  &:before,
+  &:after {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+  }
 }
 
-
-
-
 // If we have included this file, set a variable to tell the rest of the
 // framework that global `box-sizing: border-box` has been set.
 $fortitude-global-border-box: true;

data/app/assets/stylesheets/fortitude/generic/_clearfix.scss

@@ -1,3 +1,3 @@
 %#{$fortitude-namespace}clearfix {
-    @include fortitude-clearfix;
+  @include fortitude-clearfix;
 }

data/app/assets/stylesheets/fortitude/generic/_normalize.scss

@@ -158,13 +158,11 @@ input {
     }
   }
   &[type="search"] {
-
-    @if ($fortitude-global-border-box == false) {
+    @if $fortitude-global-border-box == false {
       -webkit-appearance: textfield;
       -moz-box-sizing: content-box;
       box-sizing: content-box;
     }
-
     &::-webkit-search-cancel-button, &::-webkit-search-decoration {
       -webkit-appearance: none;
     }
@@ -197,4 +195,4 @@ table {
 
 td, th {
   padding: 0;
-}
+}

data/app/assets/stylesheets/fortitude/generic/_reset.scss

@@ -5,7 +5,7 @@
 /**
  * As well as using normalize.css, it is often advantageous to remove all
  * margins from certain elements.
- */
+**/
 body,
 h1, h2, h3, h4, h5, h6,
 p, blockquote, pre,
@@ -13,41 +13,14 @@ dl, dd, ol, ul,
 form, fieldset, legend,
 table, th, td, caption,
 hr, figure {
-    margin:  0;
-    padding: 0;
+  margin: 0;
+  padding: 0;
 }
 
-
-
-
-
 /**
  * Give a help cursor to elements that give extra info on `:hover`.
- */
+**/
 abbr[title],
 dfn[title] {
-    cursor: help;
+  cursor: help;
 }
-
-
-
-
-
-/**
- * Remove underlines from potentially troublesome elements.
- */
-// u,
-// ins {
-//     text-decoration: none;
-// }
-
-
-
-
-
-/**
- * Apply faux underlines to inserted text via `border-bottom`.
- */
-// ins {
-//     border-bottom: 0.1rem solid;
-// }

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

@@ -6,53 +6,35 @@
 // adjusted, you should redfine the variables in your own overrides file and
 // include it in your project before this file.
 
-
-
-
-
 /**
  * High-level base settings.
  * 1. Make sure to change the breakpoints in blocks/_container.scss
  *    if you change $fortitude-breakpoints.
- */
-
-$fortitude-app-id:                  fortitude !default;
-$fortitude-base-font-size:          1.2rem !default;
-$fortitude-base-line-height:        2rem !default;
-$fortitude-base-color:              #333 !default;
-$fortitude-base-background-color:   #fff !default;
-$fortitude-class-breakpoints:       (
-                                     xs: null,
-                                     sm: 768px,
-                                     md: 992px,
-                                     lg: 1200px
-                                    ) !default; /* [1] */
-$fortitude-breakpoints:             (
-                                      xs: (max-width: 767px),
-                                      sm: (min-width: 768px, max-width: 991px),
-                                      md: (min-width: 992px, max-width: 1199px),
-                                      lg: (min-width: 1200px)
-                                    ) !default;  /* [1] */
-
+**/
 
+$fortitude-app-id: fortitude !default;
+$fortitude-base-font-size: 1.2rem !default;
+$fortitude-base-line-height: 2rem !default;
+$fortitude-base-color: #333 !default;
+$fortitude-base-background-color: #fff !default;
+$fortitude-class-breakpoints: (xs: null, sm: 768px, md: 992px, lg: 1200px) !default;
 
+/* [1] */
+$fortitude-breakpoints: (xs: (max-width: 767px), sm: (min-width: 768px, max-width: 991px), md: (min-width: 992px, max-width: 1199px), lg: (min-width: 1200px)) !default;
 
+/* [1] */
 
 // Namespace.
 //
 // Would you like Fortitude’ classes to be prepended with a namespace? If so,
 // define it here.
-$fortitude-namespace:               null !default;
-
-
-
-
+$fortitude-namespace: null !default;
 
 // These variables are framework variables, sourced from variables defined
 // above. Feel free to use these variables throughout your project, but do not
 // modify or reassign them.
 
-$fortitude-base-spacing-unit:           $fortitude-base-line-height;
-$fortitude-base-spacing-unit--small:    round($fortitude-base-line-height / 2);
-$fortitude-base-spacing-unit--large:    round($fortitude-base-line-height * 2);
-$fortitude-base-rem-font-size:          0.625rem;
+$fortitude-base-spacing-unit: $fortitude-base-line-height;
+$fortitude-base-spacing-unit--small: round($fortitude-base-line-height / 2);
+$fortitude-base-spacing-unit--large: round($fortitude-base-line-height * 2);
+$fortitude-base-rem-font-size: 0.625rem;

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

@@ -5,10 +5,6 @@
 // fortitude makes use of a few functions that are also available for you to use
 // later on in your extension of the framework.
 
-
-
-
-
 // Maths helpers.
 //
 // Halve and double numbers, returning rounded integers. E.g.:
@@ -18,98 +14,99 @@
 // }
 //
 @function quarter($fortitude-value) {
-    @return $fortitude-value / 4;
+  @return $fortitude-value / 4;
 }
 
 @function halve($fortitude-value) {
-    @return $fortitude-value / 2;
+  @return $fortitude-value / 2;
 }
 
 @function double($fortitude-value) {
-    @return $fortitude-value * 2;
+  @return $fortitude-value * 2;
 }
 
 @function quadruple($fortitude-value) {
-    @return $fortitude-value * 4;
+  @return $fortitude-value * 4;
 }
 
-
 @function fortitude-strip-unit($fortitude-value) {
   @return $fortitude-value / ($fortitude-value * 0 + 1);
 }
 
 @function fortitude-px-to-rem($fortitude-value) {
-    @return fortitude-strip-unit($fortitude-value) * 0.1rem;
+  @return fortitude-strip-unit($fortitude-value) * 0.1rem;
 }
 
 @function fortitude-rem-to-px($fortitude-value) {
-    @return fortitude-strip-unit($fortitude-value) * 10px;
+  @return fortitude-strip-unit($fortitude-value) * 10px;
 }
 
 @function fortitude-block-spacing-unit-height($fortitude-block-height, $fortitude-block-spacing-unit: $fortitude-base-spacing-unit) {
-    $fortitude-value: ceil($fortitude-block-height / $fortitude-block-spacing-unit) * $fortitude-block-spacing-unit;
-    @return $fortitude-value;
+  $fortitude-value: ceil($fortitude-block-height / $fortitude-block-spacing-unit) * $fortitude-block-spacing-unit;
+  @return $fortitude-value;
 }
 
 @function fortitude-block-spacing-unit-delta($fortitude-block-height, $fortitude-block-spacing-unit: $fortitude-base-spacing-unit) {
-    $fortitude-block-spacing-unit-height: fortitude-block-spacing-unit-height($fortitude-block-height, $fortitude-block-spacing-unit);
-    $fortitude-value: halve($fortitude-block-spacing-unit-height - $fortitude-block-height);
-
-    // normalize value 0rem to 0.
-    @if (fortitude-strip-unit($fortitude-value) == 0) { $fortitude-value: 0; }
-    @return $fortitude-value;
+  $fortitude-block-spacing-unit-height: fortitude-block-spacing-unit-height($fortitude-block-height, $fortitude-block-spacing-unit);
+  $fortitude-value: halve($fortitude-block-spacing-unit-height - $fortitude-block-height);
+  // normalize value 0rem to 0.
+  @if fortitude-strip-unit($fortitude-value) == 0 {
+    $fortitude-value: 0;
+  }
+  @return $fortitude-value;
 }
 
 @function fortitude-block-negitive-padding($fortitude-block-height, $fortitude-block-border-width: 0rem, $fortitude-block-spacing-unit: $fortitude-base-spacing-unit) {
-    $fortitude-value: halve($fortitude-block-height - $fortitude-block-spacing-unit - double($fortitude-block-border-width));
-
-    // normalize value 0rem to 0.
-    @if ($fortitude-value > 0) { $fortitude-value: 0; }
-    @return $fortitude-value;
+  $fortitude-value: halve($fortitude-block-height - $fortitude-block-spacing-unit - double($fortitude-block-border-width));
+  // normalize value 0rem to 0.
+  @if $fortitude-value > 0 {
+    $fortitude-value: 0;
+  }
+  @return $fortitude-value;
 }
 
 @function fortitude-block-margin($fortitude-block-height, $fortitude-block-border-width: 0rem, $fortitude-block-spacing-unit: $fortitude-base-spacing-unit) {
-    $fortitude-block-spacing-unit-height: fortitude-block-spacing-unit-height($fortitude-block-height, $fortitude-block-spacing-unit);
-    $fortitude-value: halve($fortitude-block-spacing-unit-height - $fortitude-block-height);
-    
-    @if ($fortitude-value < 0) {
-        $fortitude-value: fortitude-block-negitive-padding($fortitude-block-height, $fortitude-block-border-width, $fortitude-block-spacing-unit) + fortitude-block-spacing-unit-delta($fortitude-block-height, $fortitude-block-spacing-unit);
-    }
-
-    // normalize value 0rem to 0.
-    @if (fortitude-strip-unit($fortitude-value) == 0) { $fortitude-value: 0; }
-    @return $fortitude-value;
+  $fortitude-block-spacing-unit-height: fortitude-block-spacing-unit-height($fortitude-block-height, $fortitude-block-spacing-unit);
+  $fortitude-value: halve($fortitude-block-spacing-unit-height - $fortitude-block-height);
+  @if $fortitude-value < 0 {
+    $fortitude-value: fortitude-block-negitive-padding($fortitude-block-height, $fortitude-block-border-width, $fortitude-block-spacing-unit) + fortitude-block-spacing-unit-delta($fortitude-block-height, $fortitude-block-spacing-unit);
+  }
+  // normalize value 0rem to 0.
+  @if fortitude-strip-unit($fortitude-value) == 0 {
+    $fortitude-value: 0;
+  }
+  @return $fortitude-value;
 }
 
 @function fortitude-block-padding($fortitude-block-height, $fortitude-block-border-width: 0rem, $fortitude-block-line-height: $fortitude-base-line-height) {
-    $fortitude-value: halve($fortitude-block-height - $fortitude-block-line-height - double($fortitude-block-border-width));
-
-    // normalize value 0rem to 0.
-    @if ($fortitude-value <= 0) { $fortitude-value: 0; }
-    @return $fortitude-value;
+  $fortitude-value: halve($fortitude-block-height - $fortitude-block-line-height - double($fortitude-block-border-width));
+  // normalize value 0rem to 0.
+  @if $fortitude-value <= 0 {
+    $fortitude-value: 0;
+  }
+  @return $fortitude-value;
 }
 
-@function fortitude-map-to-query($map) {
-    $query: '';
-    @for $i from 1 through length($map) {
-        $part: "(#{nth(nth($map, $i), 1)}:#{nth(nth($map, $i), 2)})";
-        @if $i != length($map) {
-            $part: str-insert($part, " and ", str-length($part)+1);
-        }
-        $query: str-insert($query, $part, str-length($query)+1);
+@function fortitude-map-to-query($fortitude-map) {
+  $fortitude-query: "";
+  @for $fortitude-index from 1 through length($fortitude-map) {
+    $fortitude-query-part: "(#{nth(nth($fortitude-map, $fortitude-index), 1)}:#{nth(nth($fortitude-map, $fortitude-index), 2)})";
+    @if $fortitude-index != length($fortitude-map) {
+      $fortitude-query-part: str-insert($fortitude-query-part, " and ", str-length($fortitude-query-part) + 1);
     }
-    @return $query;
+    $fortitude-query: str-insert($fortitude-query, $fortitude-query-part, str-length($fortitude-query) + 1);
+  }
+  @return $fortitude-query;
 }
 
-@function fortitude-query($object) {
-    @if type-of($object) == map {
-        @return fortitude-map-to-query($object);
-    }
-    @elseif type-of($object) == number {
-        @return fortitude-map-to-query((min-width: $object));
-    }
-    @else {
-        @return null;
-    }
-
-}
+@function fortitude-query($fortitude-object) {
+  @if type-of($fortitude-object) == map {
+    @return fortitude-map-to-query($fortitude-object);
+  }
+  @else if type-of($fortitude-object) == number {
+    @return fortitude-map-to-query((min-width: $fortitude-object));
+  }
+  @else {
+    @return null;
+  }
+}