fortitude-sass 0.4.9 → 0.5.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 7de0d7f813da7fd57b45f55bab8416b173e3b985
-  data.tar.gz: fc9bf75f9976c5950088c499ecdbc87b56214f6b
+  metadata.gz: f621a202068e3e2c8b77bdd9c66bb79b1d908788
+  data.tar.gz: d921cb609dd98eca8391c90991e871c0cc4a2959
 SHA512:
-  metadata.gz: 6f906e71f5913dcef1d177e431887e7e434cfcf23fa794e567a44b09f3e8ccef9005ac91789225ae1c921e33b85222649b124a71840a949b829ea577b152531e
-  data.tar.gz: 28bc10b99d5c104c7bf257d4bf15fa987b0ccac977c40b611471105015ba1aa16d7044fbfb07291d0026093dae44eed017f8603685842e706e3a24d17402d3b4
+  metadata.gz: 6a631fd01e34c5f51f6aa7bcbdeb1e91ccd305b86c601e3fac39d516aa7dd32f838a3155d3e2b672c42db3549ab58f0b413544e863cbe371a1dda46f1ec92550
+  data.tar.gz: be1b69b46f606cca3ec5c1b91d7e0dcc64ae3101c30b01d6cb139c5508bf380a8deb88cc9b097c44beffbc8ae14025a0ad49bf7f5a5d4b00408b63038e53372f

data/.gitignore

@@ -1,10 +1,11 @@
 *swp
 *gem
-.sass-cache/
-/fortitude/
-demo/
-tmp/
+.sass-cache
+fortitude
+demo
+tmp
 tags
 .idea
 *results.css
-bower_components/
+bower_components
+node_modules

data/Gemfile.lock

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

data/app/assets/stylesheets/fortitude/base/_hr.scss

@@ -3,17 +3,17 @@
 \*------------------------------------*/
 
 hr {
-    border-top: halve($fortitude-base-spacing-unit) - 0.1rem solid transparent;
-    border-bottom: 0.1rem solid;
-    border-right-color: transparent;
-    border-left-color: transparent;
+  border-top: (halve($fortitude-base-spacing-unit) - 0.1rem) solid transparent;
+  border-bottom: 0.1rem solid;
+  border-right-color: transparent;
+  border-left-color: transparent;
 }
 
 .hr--top {
-    border-top: 0.1rem solid;
-    border-bottom: halve($fortitude-base-spacing-unit) - 0.1rem solid transparent;
+  border-top: 0.1rem solid;
+  border-bottom: (halve($fortitude-base-spacing-unit) - 0.1rem) solid transparent;
 }
 
 .hr--dashed {
-    border-style: dashed;
+  border-style: dashed;
 }

data/app/assets/stylesheets/fortitude/base/_images.scss

@@ -6,27 +6,25 @@
  * 1. Fluid images for responsive purposes.
  * 2. Offset `alt` text from surrounding copy.
  * 3. fix 2px pseudo margin with vertical-align.
- */
+**/
 img {
-    max-width: 100%; /* [1] */
-    font-style: italic; /* [2] */
-    vertical-align: middle; /* [3] */
+  max-width: 100%;
+  /* [1] */
+  font-style: italic;
+  /* [2] */
+  vertical-align: middle;
+  /* [3] */
 }
 
-
-
-
-
 /**
  * If a `width` and/or `height` attribute have been explicitly defined, let’s
  * not make the image fluid.
- */
+**/
 img[width],
 img[height] {
-    max-width: none;
+  max-width: none;
 }
 
-
 img.responsive {
   width: 100%;
-}
+}

data/app/assets/stylesheets/fortitude/base/_lists.scss

@@ -4,13 +4,11 @@
 
 /**
  * Remove extra vertical spacing when nesting lists.
- */
+**/
 li {
-
-    > ul,
-    > ol {
-        margin-bottom: 0;
-        margin-left: $fortitude-base-spacing-unit;
-    }
-
+  > ul,
+  > ol {
+    margin-bottom: 0;
+    margin-left: $fortitude-base-spacing-unit;
+  }
 }

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

@@ -12,21 +12,25 @@
  *    navigating between pages that do/do not have enough content to produce
  *    scrollbars naturally.
  * 3. Ensure the page always fills at least the entire height of the viewport.
- */
+**/
 html {
-    font-size: $fortitude-base-rem-font-size; /* [1] */
-    line-height: $fortitude-base-line-height / $fortitude-base-font-size; /* [1] */
-    background-color: $fortitude-base-background-color;
-    color: $fortitude-base-color;
-    overflow-y: scroll; /* [2] */
-    min-height: 100%; /* [3] */
-    -webkit-tap-highlight-color: rgba(0,0,0,0);
+  font-size: $fortitude-base-rem-font-size;
+  /* [1] */
+  line-height: $fortitude-base-line-height / $fortitude-base-font-size;
+  /* [1] */
+  background-color: $fortitude-base-background-color;
+  color: $fortitude-base-color;
+  overflow-y: scroll;
+  /* [2] */
+  min-height: 100%;
+  /* [3] */
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
 body {
-    @include fortitude-font-size($fortitude-base-font-size, true);
+  @include fortitude-font-size($fortitude-base-font-size, true);
 }
 
 .clearfix {
-    @include fortitude-clearfix;
+  @include fortitude-clearfix;
 }

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

@@ -1,139 +1,30 @@
-/*------------------------------------*\
-    #BADGE
-\*------------------------------------*/
-
-/**
- * A simple badge object.
- */
-
-// Predefine the variables below in order to alter and enable specific features.
-$fortitude-badge-height:          $fortitude-base-spacing-unit * 1.3 !default;
-$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 !default;
-$fortitude-badge-border-style:    solid !default;
-$fortitude-badge-border-radius:   0 !default;
-
-$fortitude-enable-badge--small:   false !default;
-$fortitude-enable-badge--large:   false !default;
-$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 a little nicer.
-     * 3. Make badges inherit font styles (often necessary when styling `input`s as
-     *    badges).
-     * 4. Reset/normalize some styles.
-     * 5. Fixes odd inner spacing in IE7.
-     * 6. Subtract the border size from the padding value so that badges do not
-     *    grow larger as we add borders.
-     * 7. 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] */
-    background-color: transparent; /* [4] */
-    text-align: center; /* [4] */
-    font-size: $fortitude-badge-font-size;
-    height: $fortitude-badge-height;
-    overflow: visible; /* [5] */
-    white-space: nowrap; /* [7] */
-    line-height: $fortitude-base-line-height;
-
-    @if ($extension == small) {
-        @include fortitude-badge--small;        
-    } @else if ($extension == large) {
-        @include fortitude-badge--large;
-    } @else {
-        margin: fortitude-block-margin($fortitude-badge-height, $fortitude-badge-border-width) 0; /* [4] */
-        padding: fortitude-block-padding($fortitude-badge-height, $fortitude-badge-border-width) quarter($fortitude-base-spacing-unit); /* [6] */
-    }
-
-    @if ($extension == pill) {
-        @include fortitude-badge--pill;
-    } @else if($fortitude-badge-border-radius != 0) {
-        border-radius: $fortitude-badge-border-radius;
-    }
-}
-
-@mixin fortitude-badge--small {
-    margin: fortitude-block-margin($fortitude-badge-height--small, $fortitude-badge-border-width) 0; /* [4] */
-    padding: fortitude-block-padding($fortitude-badge-height--small, $fortitude-badge-border-width) quarter($fortitude-base-spacing-unit); /* [6] */
-}
-
-@mixin fortitude-badge--large {
-    margin: fortitude-block-margin($fortitude-badge-height--large, $fortitude-badge-border-width) 0; /* [4] */
-    padding: fortitude-block-padding($fortitude-badge-height--large, $fortitude-badge-border-width) quarter($fortitude-base-spacing-unit); /* [6] */
-    @if ($fortitude-block-height > $fortitude-block-line-height) {
-        line-height: ceil($fortitude-block-height / $fortitude-block-line-height) * $fortitude-block-line-height;
-    }
-}
-
-@mixin fortitude-badge--pill {
-    /**
-     * 1. Overly-large value to ensure the radius rounds the whole end of the
-     *    badge.
-     */
-
-    border-radius: 10rem; /* [1] */
-}
-
 .#{$fortitude-namespace}badge {
-    @include fortitude-badge;
-}
-
-
-
-
-
-@if ($fortitude-enable-badge--small == true) {
-
-    /**
-     * Small badges.
-     */
-
-    .#{$fortitude-namespace}badge--small {
-        @include fortitude-badge--small;
-    }
-
-}
-
-
-
-
-
-@if ($fortitude-enable-badge--large == true) {
-
-    /**
-     * Large badges.
-     */
-
-    .#{$fortitude-namespace}badge--large {
-        @include fortitude-badge--large;
-    }
-
-}
-
-
-
-
-
-@if ($fortitude-enable-badge--pill == true) {
-
-    /**
-     * Round-ended badges.
-     */
-
-    .#{$fortitude-namespace}badge--pill {
-        @include fortitude-badge--pill;
-    }
-
+  @include fortitude-badge;
+}
+
+@if $fortitude-enable-badge--small == true {
+  /**
+   * Small badges.
+  **/
+  .#{$fortitude-namespace}badge--small {
+    @include fortitude-badge--small;
+  }
+}
+
+@if $fortitude-enable-badge--large == true {
+  /**
+   * Large badges.
+  **/
+  .#{$fortitude-namespace}badge--large {
+    @include fortitude-badge--large;
+  }
+}
+
+@if $fortitude-enable-badge--pill == true {
+  /**
+   * Round-ended badges.
+  **/
+  .#{$fortitude-namespace}badge--pill {
+    @include fortitude-badge--pill;
+  }
 }

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

@@ -1,15 +1,3 @@
-/*------------------------------------*\
-    #BARE-LIST
-\*------------------------------------*/
-
-/**
- * The bare-list object simply removes any indents and bullet points from lists.
- */
-
-@mixin fortitude-bare-list {
-    list-style: none;
-}
-
 .#{$fortitude-namespace}bare-list {
   @include fortitude-bare-list;
 }

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

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