fortitude-sass 0.4.9 → 0.5.0

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

@@ -1,21 +1,3 @@
-/*------------------------------------*\
-    #FLASHBAR
-\*------------------------------------*/
-
-/**
- * A simple flashbar object.
- */
-
-@mixin fortitude-flashbar {
-    @include fortitude-clearfix;
-    position: relative;
-}
-
-@mixin fortitude-flashbar__close {
-    position: absolute;
-    right: halve($fortitude-base-spacing-unit);
-}
-
 .#{$fortitude-namespace}flashbar {
   @include fortitude-flashbar;
 }

data/app/assets/stylesheets/fortitude/blocks/_fluid-container.scss

@@ -1,12 +1,3 @@
-/*------------------------------------*\
-    #FLUID-CONTAINER
-\*------------------------------------*/
-
-@mixin fortitude-fluid-container {
-    @include fortitude-clearfix;
-    width: 100%;
-}
-
 .#{$fortitude-namespace}fluid-container {
-    @include fortitude-fluid-container;
-}
+  @include fortitude-fluid-container;
+}

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

@@ -1,19 +1,7 @@
-/*------------------------------------*\
-    #INLINE-LIST
-\*------------------------------------*/
-
-@mixin fortitude-inline-list {
-    display: inline;
-}
-
-@mixin fortitude-inline-list__item {
-    display: inline;
-}
-
 .#{$fortitude-namespace}inline-list {
   @include fortitude-inline-list;
 }
 
-  .#{$fortitude-namespace}inline-list__item {
-    @include fortitude-inline-list__item;
-  }
+.#{$fortitude-namespace}inline-list__item {
+  @include fortitude-inline-list__item;
+}

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

@@ -1,377 +1,36 @@
-/*------------------------------------*\
-    #INPUT
-\*------------------------------------*/
-
-$fortitude-field-input-placeholder-color:         #a9a9a9 !default;
-$fortitude-field-input-height:                    double($fortitude-base-spacing-unit) !default;
-$fortitude-field-input-background-color:          white !default;
-$fortitude-field-input-border-width:              0.1rem !default;
-$fortitude-field-input-border-style:              solid !default;
-$fortitude-field-input-border-color:              #a9a9a9 !default;
-$fortitude-field-input-border-radius:             0.2rem !default;
-
-$fortitude-text-input-placeholder-color:          $fortitude-field-input-placeholder-color !default;
-$fortitude-text-input-height:                     $fortitude-field-input-height !default;
-$fortitude-text-input-background-color:           $fortitude-field-input-background-color !default;
-$fortitude-text-input-border-width:               $fortitude-field-input-border-width !default;
-$fortitude-text-input-border-style:               $fortitude-field-input-border-style !default;
-$fortitude-text-input-border-color:               $fortitude-field-input-border-color !default;
-$fortitude-text-input-border-radius:              $fortitude-field-input-border-radius !default;
-
-$fortitude-textarea-input-placeholder-color:      $fortitude-field-input-placeholder-color !default;
-$fortitude-textarea-input-height:                 $fortitude-field-input-height !default;
-$fortitude-textarea-input-background-color:       $fortitude-field-input-background-color !default;
-$fortitude-textarea-input-border-width:           $fortitude-field-input-border-width !default;
-$fortitude-textarea-input-border-style:           $fortitude-field-input-border-style !default;
-$fortitude-textarea-input-border-color:           $fortitude-field-input-border-color !default;
-$fortitude-textarea-input-border-radius:          $fortitude-field-input-border-radius !default;
-
-$fortitude-select-input-placeholder-color:        $fortitude-field-input-placeholder-color !default;
-$fortitude-select-input-height:                   $fortitude-field-input-height !default;
-$fortitude-select-input-background-color:         $fortitude-field-input-background-color !default;
-$fortitude-select-input-border-width:             $fortitude-field-input-border-width !default;
-$fortitude-select-input-border-style:             $fortitude-field-input-border-style !default;
-$fortitude-select-input-border-color:             $fortitude-field-input-border-color !default;
-$fortitude-select-input-border-radius:            $fortitude-field-input-border-radius !default;
-
-$fortitude-color-input-placeholder-color:         $fortitude-field-input-placeholder-color !default;
-$fortitude-color-input-height:                    $fortitude-field-input-height !default;
-$fortitude-color-input-background-color:          $fortitude-field-input-background-color !default;
-$fortitude-color-input-border-width:              $fortitude-field-input-border-width !default;
-$fortitude-color-input-border-style:              $fortitude-field-input-border-style !default;
-$fortitude-color-input-border-color:              $fortitude-field-input-border-color !default;
-$fortitude-color-input-border-radius:             $fortitude-field-input-border-radius !default;
-
-$fortitude-range-input-height:                    $fortitude-field-input-height !default;
-$fortitude-range-input-background-color:          false !default;
-$fortitude-range-input-border-width:              0 !default;
-$fortitude-range-input-border-style:              $fortitude-field-input-border-style !default;
-$fortitude-range-input-border-color:              $fortitude-field-input-border-color !default;
-$fortitude-range-input-border-radius:             $fortitude-field-input-border-radius !default;
-
-$fortitude-switch-input-size:                     $fortitude-base-spacing-unit - 0.4rem !default;
-$fortitude-switch-input-background-color:         false !default;
-$fortitude-switch-input-border-width:             0.1rem !default;
-$fortitude-switch-input-border-style:             solid !default;
-$fortitude-switch-input-border-color:             #a9a9a9 !default;
-$fortitude-switch-input-border-radius:            0.2rem !default;
-
-$fortitude-checkbox-input-size:                   $fortitude-switch-input-size !default;
-$fortitude-checkbox-input-background-color:       $fortitude-switch-input-background-color !default;
-$fortitude-checkbox-input-border-width:           $fortitude-switch-input-border-width !default;
-$fortitude-checkbox-input-border-style:           $fortitude-switch-input-border-style !default;
-$fortitude-checkbox-input-border-color:           $fortitude-switch-input-border-color !default;
-$fortitude-checkbox-input-border-radius:          $fortitude-switch-input-border-radius !default;
-
-$fortitude-radio-input-size:                      $fortitude-switch-input-size !default;
-$fortitude-radio-input-background-color:          $fortitude-switch-input-background-color !default;
-$fortitude-radio-input-border-width:              $fortitude-switch-input-border-width !default;
-$fortitude-radio-input-border-style:              $fortitude-switch-input-border-style !default;
-$fortitude-radio-input-border-color:              $fortitude-switch-input-border-color !default;
-$fortitude-radio-input-border-radius:             10rem !default;
-
-$fortitude-enable-input--full:                    false !default;
-$fortitude-enable-input--pill:                    false !default;
-
-
-
-
-// Here we set a variable assuming that `box-sizing: border-box;` is not set
-// globally. If it has been previously been defined, the following variable will
-// be overriden and will be set to `true`.
-$fortitude-global-border-box:                     false !default;
-
-
-@mixin fortitude-input {
-    /**
-     * 1. Allow us to style box model properties.
-     * 2. Line different sized inputs up a little nicer.
-     * 3. Make inputs inherit use their initial styles (fixes zooming on iOS).
-     * 4. Fixes odd inner spacing in IE7.
-    */
-    @include fortitude-font-size($fortitude-base-font-size); /* [3] */
-    display: inline-block; /* [1] */
-    vertical-align: middle; /* [2] */
-    font: inherit;
-    overflow: visible; /* [4] */
-    max-width: 100%;
-
-    @if $fortitude-global-border-box == false {
-        box-sizing: border-box; /* [10] */
-    }
-}
-
-@mixin fortitude-text-input {
-    @include fortitude-input;
-
-    /**
-     * 5. Reset/normalize some styles.
-     * 6. Subtract the border size from the padding value so that inputs do not
-     *    grow larger as we add borders.
-     */
-
-    height: $fortitude-text-input-height;
-    margin: fortitude-block-margin($fortitude-text-input-height, $fortitude-text-input-border-width, $fortitude-base-line-height) 0; /* [5] */
-    padding: fortitude-block-padding($fortitude-text-input-height, $fortitude-text-input-border-width, $fortitude-base-line-height); /* [6] */
-
-    @if ($fortitude-text-input-border-width != 0) {
-        border: $fortitude-text-input-border-width $fortitude-text-input-border-style $fortitude-text-input-border-color;
-    } @else {
-        border: 0; /* [5] */
-    }
-
-    @if ($fortitude-text-input-border-radius != 0) {
-        border-radius: $fortitude-text-input-border-radius;
-    } @else {
-        border-radius: 0; /* [5] */
-    }
-
-    @if ($fortitude-text-input-background-color) {
-        background-color: $fortitude-text-input-background-color;
-    }
-
-    &::placeholder {
-        color: $fortitude-text-input-placeholder-color;
-    }
-}
-
-@mixin fortitude-textarea-input {
-    @include fortitude-input;
-
-    /**
-     * 5. Reset/normalize some styles.
-     * 6. Subtract the border size from the padding value so that inputs do not
-     *    grow larger as we add borders.
-     */
-
-    min-height: $fortitude-textarea-input-height;
-    margin: fortitude-block-margin($fortitude-textarea-input-height, $fortitude-textarea-input-border-width, $fortitude-base-line-height) 0; /* [5] */
-    padding: fortitude-block-padding($fortitude-textarea-input-height, $fortitude-textarea-input-border-width, $fortitude-base-line-height); /* [6] */
-
-    @if($fortitude-textarea-input-border-width != 0) {
-        border: $fortitude-textarea-input-border-width $fortitude-textarea-input-border-style $fortitude-textarea-input-border-color;
-    } @else {
-        border: 0; /* [5] */
-    }
-
-    @if ($fortitude-textarea-input-border-radius != 0) {
-        border-radius: $fortitude-textarea-input-border-radius;
-    } @else {
-        border-radius: 0; /* [5] */
-    }
-
-    @if ($fortitude-textarea-input-background-color) {
-        background-color: $fortitude-textarea-input-background-color;
-    }
-
-    &::placeholder {
-        color: $fortitude-textarea-input-placeholder-color;
-    }
-}
-
-@mixin fortitude-select-input {
-    @include fortitude-input;
-
-    /**
-     * 5. Reset/normalize some styles.
-     * 6. Subtract the border size from the padding value so that inputs do not
-     *    grow larger as we add borders.
-     */
-
-    height: $fortitude-select-input-height;
-    margin: fortitude-block-margin($fortitude-select-input-height, $fortitude-select-input-border-width, $fortitude-base-line-height) 0; /* [5] */
-    padding: fortitude-block-padding($fortitude-select-input-height, $fortitude-select-input-border-width, $fortitude-base-line-height); /* [6] */
-
-    @if($fortitude-select-input-border-width != 0) {
-        border: $fortitude-select-input-border-width $fortitude-select-input-border-style $fortitude-select-input-border-color;
-    } @else {
-        border: 0; /* [5] */
-    }
-
-    @if ($fortitude-select-input-border-radius != 0) {
-        border-radius: $fortitude-select-input-border-radius;
-    } @else {
-        border-radius: 0; /* [5] */
-    }
-
-    @if ($fortitude-select-input-background-color) {
-        background-color: $fortitude-select-input-background-color;
-     }
-
-    &.placeholder {
-        color: $fortitude-select-input-placeholder-color;
-    }
-
-    &[multiple] {
-        height: auto;
-    }
-}
-
-@mixin fortitude-checkbox-input {
-    @include fortitude-input;
-
-    /**
-     * 5. Reset/normalize some styles.
-     * 6. Subtract the border size from the padding value so that inputs do not
-     *    grow larger as we add borders.
-     */
-
-    width: $fortitude-checkbox-input-size;
-    height: $fortitude-checkbox-input-size;
-    margin: fortitude-block-margin($fortitude-checkbox-input-size + 0.2rem, $fortitude-checkbox-input-border-width, $fortitude-base-line-height) 0; /* [5] */
-    padding: fortitude-block-padding($fortitude-checkbox-input-size, $fortitude-checkbox-input-border-width, $fortitude-base-line-height); /* [6] */
-
-    @if ($fortitude-checkbox-input-border-width != 0) {
-        border: $fortitude-checkbox-input-border-width $fortitude-checkbox-input-border-style $fortitude-checkbox-input-border-color;
-    } @else {
-        border: 0; /* [5] */
-    }
-
-    @if ($fortitude-checkbox-input-border-radius != 0) {
-        border-radius: $fortitude-checkbox-input-border-radius;
-    } @else {
-        border-radius: 0; /* [5] */
-    }
-
-    @if ($fortitude-checkbox-input-background-color) {
-        background-color: $fortitude-checkbox-input-background-color;
-    }
-}
-
-@mixin fortitude-radio-input {
-    @include fortitude-input;
-
-    /**
-     * 5. Reset/normalize some styles.
-     * 6. Subtract the border size from the padding value so that inputs do not
-     *    grow larger as we add borders.
-     */
-
-    width: $fortitude-radio-input-size;
-    height: $fortitude-radio-input-size;
-    margin: fortitude-block-margin($fortitude-radio-input-size + 0.4rem, $fortitude-radio-input-border-width, $fortitude-base-line-height) 0; /* [5] */
-    padding: fortitude-block-padding($fortitude-radio-input-size, $fortitude-radio-input-border-width, $fortitude-base-line-height); /* [6] */
-
-    @if ($fortitude-radio-input-border-width != 0) {
-        border: $fortitude-radio-input-border-width $fortitude-radio-input-border-style $fortitude-radio-input-border-color;
-    } @else {
-        border: 0; /* [5] */
-    }
-
-    @if ($fortitude-radio-input-border-radius != 0) {
-        border-radius: $fortitude-radio-input-border-radius;
-    } @else {
-        border-radius: 0; /* [5] */
-    }
-
-    @if ($fortitude-radio-input-background-color) {
-        background-color: $fortitude-radio-input-background-color;
-    }
-}
-
-@mixin fortitude-range-input {
-    @include fortitude-input;
-
-    /**
-     * 5. Reset/normalize some styles.
-     * 6. Subtract the border size from the padding value so that inputs do not
-     *    grow larger as we add borders.
-     */
-
-    height: $fortitude-range-input-height;
-    margin: fortitude-block-margin($fortitude-range-input-height, $fortitude-range-input-border-width, $fortitude-base-line-height) 0; /* [5] */
-    padding: fortitude-block-padding($fortitude-range-input-height, $fortitude-range-input-border-width, $fortitude-base-line-height) 0; /* [6] */
-
-    @if ($fortitude-range-input-border-width != 0) {
-        border: $fortitude-range-input-border-width $fortitude-range-input-border-style $fortitude-range-input-border-color;
-    } @else {
-        border: 0; /* [5] */
-    }
-
-    @if ($fortitude-range-input-border-radius != 0) {
-        border-radius: $fortitude-range-input-border-radius;
-    } @else {
-        border-radius: 0; /* [5] */
-    }
-
-    @if ($fortitude-range-input-background-color) {
-        background-color: $fortitude-range-input-background-color;
-    }
-}
-
-@mixin fortitude-color-input {
-    @include fortitude-input;
-
-    /**
-     * 5. Reset/normalize some styles.
-     * 6. Subtract the border size from the padding value so that inputs do not
-     *    grow larger as we add borders.
-     */
-
-    height: $fortitude-color-input-height;
-    margin: fortitude-block-margin($fortitude-color-input-height, $fortitude-color-input-border-width, $fortitude-base-line-height) 0; /* [5] */
-    padding: fortitude-block-padding($fortitude-color-input-height, $fortitude-color-input-border-width, $fortitude-base-line-height); /* [6] */
-
-    @if ($fortitude-color-input-border-width != 0) {
-        border: $fortitude-color-input-border-width $fortitude-color-input-border-style $fortitude-color-input-border-color;
-    } @else {
-        border: 0; /* [5] */
-    }
-
-    @if ($fortitude-color-input-border-radius != 0) {
-        border-radius: $fortitude-color-input-border-radius;
-    } @else {
-        border-radius: 0; /* [5] */
-    }
-
-    @if ($fortitude-color-input-background-color) {
-        background-color: $fortitude-color-input-background-color;
-    }
-
-    &::placeholder {
-        color: $fortitude-color-input-placeholder-color;
-    }
-}
-
-@mixin fortitude-input--full { width: 100%; }
-
-@mixin fortitude-input--pill { border-radius: 10rem; }
-
 .#{$fortitude-namespace}checkbox-input {
-    @include fortitude-checkbox-input;
+  @include fortitude-checkbox-input;
 }
 
 .#{$fortitude-namespace}radio-input {
-    @include fortitude-radio-input;
+  @include fortitude-radio-input;
 }
 
 .#{$fortitude-namespace}text-input {
-    @include fortitude-text-input;
+  @include fortitude-text-input;
 }
 
 .#{$fortitude-namespace}textarea-input {
-    @include fortitude-textarea-input;
+  @include fortitude-textarea-input;
 }
 
 .#{$fortitude-namespace}select-input {
-    @include fortitude-select-input;
+  @include fortitude-select-input;
 }
 
 .#{$fortitude-namespace}range-input {
-    @include fortitude-range-input;
+  @include fortitude-range-input;
 }
 
 .#{$fortitude-namespace}color-input {
-    @include fortitude-color-input;
+  @include fortitude-color-input;
 }
 
-
 .#{$fortitude-namespace}input {
-    &--full {
-        @include fortitude-input--full;
-    }
-
-    &--pill {
-        @include fortitude-input--pill;
-    }
-}
+  &--full {
+    @include fortitude-input--full;
+  }
+  &--pill {
+    @include fortitude-input--pill;
+  }
+}