GIPainter-base 0.5.1 → 0.5.2

data/assets/stylesheets/Functions/_typography.scss

@@ -1,39 +1,39 @@
-//-----------------------------------
-// TYPOGRAPHY FUNCTION
-//-----------------------------------
-
-////
-/// @access private
-/// @group Typography
-/// @type string
-////
-
-/// Return the list of `src` values, in order, that a good `@font-face` will need, including only those formats specified in the list `$formats`.
-/// @param {int} $formats - file extension
-/// @param {int} $file-path - file path
-/// @param {int} $font-family - file name
-
-@function font-src($formats, $file-path, $font-family) {
-  $result: ();
-  @if index($formats, eot) {
-    $eot-val: url('#{$file-path}.eot?#iefix') format('embedded-opentype');
-    $result: append($result, $eot-val, comma);
-  }
-  @if index($formats, woff2) {
-    $woff2-val: url('#{$file-path}.woff2') format('woff2');
-    $result: append($result, $woff2-val, comma);
-  }
-  @if index($formats, woff) {
-    $woff-val: url('#{$file-path}.woff') format('woff');
-    $result: append($result, $woff-val, comma);
-  }
-  @if index($formats, ttf) {
-    $ttf-val: url('#{$file-path}.ttf') format('truetype');
-    $result: append($result, $ttf-val, comma);
-  }
-  @if index($formats, svg) {
-    $svg-val: url('#{$file-path}.svg##{$font-family}') format('svg');
-    $result: append($result, $svg-val, comma);
-  }
-  @return $result;
+//-----------------------------------
+// TYPOGRAPHY FUNCTION
+//-----------------------------------
+
+////
+/// @access private
+/// @group Typography
+/// @type string
+////
+
+/// Return the list of `src` values, in order, that a good `@font-face` will need, including only those formats specified in the list `$formats`.
+/// @param {int} $formats - file extension
+/// @param {int} $file-path - file path
+/// @param {int} $font-family - file name
+
+@function font-src($formats, $file-path, $font-family) {
+  $result: ();
+  @if index($formats, eot) {
+    $eot-val: url('#{$file-path}.eot?#iefix') format('embedded-opentype');
+    $result: append($result, $eot-val, comma);
+  }
+  @if index($formats, woff2) {
+    $woff2-val: url('#{$file-path}.woff2') format('woff2');
+    $result: append($result, $woff2-val, comma);
+  }
+  @if index($formats, woff) {
+    $woff-val: url('#{$file-path}.woff') format('woff');
+    $result: append($result, $woff-val, comma);
+  }
+  @if index($formats, ttf) {
+    $ttf-val: url('#{$file-path}.ttf') format('truetype');
+    $result: append($result, $ttf-val, comma);
+  }
+  @if index($formats, svg) {
+    $svg-val: url('#{$file-path}.svg##{$font-family}') format('svg');
+    $result: append($result, $svg-val, comma);
+  }
+  @return $result;
 }

data/assets/stylesheets/Mixins/_colors.scss

@@ -1,54 +1,54 @@
-//-----------------------------------
-// COLORS MIXINS
-//-----------------------------------
-
-////
-/// @access public
-/// @group Mixins
-/// @type string
-////
-
-/// Mixin helper to set Background opacity
-/// @param {Color} $color - color of your background
-/// @param {Number} $opacity [0.7] - opacity value
-/// @example scss - Usage
-///   .foo {
-///     @include background-opacity(#FF0000);
-///   }
-/// @example css - Result
-///   .foo {
-///     background-color: #FF0000;
-///     background-color: rgba(255, 0, 0, 0.7);
-///   }
-
-@mixin background-opacity($color, $opacity: 0.7) {
-  $rgba: rgba($color, $opacity);
-  $ie-hex-str: ie-hex-str($rgba);
-  background-color: transparent;
-  background-color: $rgba;
-  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#{$ie-hex-str},endColorstr=#{$ie-hex-str});
-  zoom: 1;
-}
-
-/// Mixin helper to set text contrast
-/// @param {Color} $color - color of your background
-/// @example scss - Usage
-///   .foo {
-///     @include text-contrast(#0099cc);
-///   }
-/// @example css - Result
-///   .foo {
-///     color: rgba(255, 255, 255, 0.8);
-///   }
-@mixin text-contrast($color) {
-  $color-brightness: round((red($color) * 299) + (green($color) * 587) + (blue($color) * 114) / 1000);
-  $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + (blue(#ffffff) * 114) / 1000);
-
-  @if abs($color-brightness) < ($light-color/2){
-    color: rgba($white, 0.8);
-  }
-
-  @else {
-    color: rgba($black, 0.8);
-  }
+//-----------------------------------
+// COLORS MIXINS
+//-----------------------------------
+
+////
+/// @access public
+/// @group Mixins
+/// @type string
+////
+
+/// Mixin helper to set Background opacity
+/// @param {Color} $color - color of your background
+/// @param {Number} $opacity [0.7] - opacity value
+/// @example scss - Usage
+///   .foo {
+///     @include background-opacity(#FF0000);
+///   }
+/// @example css - Result
+///   .foo {
+///     background-color: #FF0000;
+///     background-color: rgba(255, 0, 0, 0.7);
+///   }
+
+@mixin background-opacity($color, $opacity: 0.7) {
+  $rgba: rgba($color, $opacity);
+  $ie-hex-str: ie-hex-str($rgba);
+  background-color: transparent;
+  background-color: $rgba;
+  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#{$ie-hex-str},endColorstr=#{$ie-hex-str});
+  zoom: 1;
+}
+
+/// Mixin helper to set text contrast
+/// @param {Color} $color - color of your background
+/// @example scss - Usage
+///   .foo {
+///     @include text-contrast(#0099cc);
+///   }
+/// @example css - Result
+///   .foo {
+///     color: rgba(255, 255, 255, 0.8);
+///   }
+@mixin text-contrast($color) {
+  $color-brightness: round((red($color) * 299) + (green($color) * 587) + (blue($color) * 114) / 1000);
+  $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + (blue(#ffffff) * 114) / 1000);
+
+  @if abs($color-brightness) < ($light-color/2){
+    color: rgba($white, 0.8);
+  }
+
+  @else {
+    color: rgba($black, 0.8);
+  }
 }

data/assets/stylesheets/Mixins/_image.scss

@@ -1,54 +1,54 @@
-//-----------------------------------
-// IMAGE MIXINS
-//-----------------------------------
-
-////
-/// @access public
-/// @group Mixins
-/// @type string
-////
-
-/// Mixin helper to retina image.
-/// on retina, use image that's scaled by 2
-/// @param {String} $image - image file path
-/// @param {Length} $width - image width
-/// @param {Length} $height - image height
-/// @example scss - Usage
-///   .foo {
-///     @include image-2x('../images/image.png', 100%, auto);
-///   }
-/// @example css - Result
-///   @media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 124dpi), (min-resolution: 1.3dppx) {
-///     .foo {
-///       background-image: url('../images/image.png');
-///       background-size: 100% auto;
-///     }
-///   }
-
-@mixin image-2x($image, $width, $height) {
-  background-image: url($image);
-
-  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
-    background-image: url($image);
-    background-size: $width $height;
-  }
-}
-
-/// Mixin helper to responsive image.
-/// @param {String} $display - display of element
-/// @example scss - Usage
-///   img {
-///     @include image-responsive;
-///   }
-/// @example css - Result
-///   img {
-///     display: block;
-///     max-width: 100%;
-///     height: auto;
-///   }
-
-@mixin image-responsive($display: block) {
-  display: $display;
-  max-width: 100%;
-  height: auto;
+//-----------------------------------
+// IMAGE MIXINS
+//-----------------------------------
+
+////
+/// @access public
+/// @group Mixins
+/// @type string
+////
+
+/// Mixin helper to retina image.
+/// on retina, use image that's scaled by 2
+/// @param {String} $image - image file path
+/// @param {Length} $width - image width
+/// @param {Length} $height - image height
+/// @example scss - Usage
+///   .foo {
+///     @include image-2x('../images/image.png', 100%, auto);
+///   }
+/// @example css - Result
+///   @media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 124dpi), (min-resolution: 1.3dppx) {
+///     .foo {
+///       background-image: url('../images/image.png');
+///       background-size: 100% auto;
+///     }
+///   }
+
+@mixin image-2x($image, $width, $height) {
+  background-image: url($image);
+
+  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
+    background-image: url($image);
+    background-size: $width $height;
+  }
+}
+
+/// Mixin helper to responsive image.
+/// @param {String} $display - display of element
+/// @example scss - Usage
+///   img {
+///     @include image-responsive;
+///   }
+/// @example css - Result
+///   img {
+///     display: block;
+///     max-width: 100%;
+///     height: auto;
+///   }
+
+@mixin image-responsive($display: block) {
+  display: $display;
+  max-width: 100%;
+  height: auto;
 }

data/assets/stylesheets/Mixins/_list.scss

@@ -1,70 +1,70 @@
-//-----------------------------------
-// LIST MIXINS
-//-----------------------------------
-
-////
-/// @access public
-/// @group Mixins
-/// @type string
-////
-
-/// Mixin helper to Remove default styling from a list.
-/// @param {Boolean} $no-margin [true] - If true, top and bottom margins will be removed from the list.
-/// @example scss - Usage
-///   .foo {
-///     @include list-unstyled;
-///   }
-/// @example css - Result
-///   .foo {
-///     list-style-type: none;
-///     padding-left: 0;
-///     margin-top: 0;
-///     margin-bottom: 0;
-///   }
-
-@mixin list-unstyled($no-margin: true) {
-  list-style-type: none;
-  padding-left: 0;
-  @if $no-margin {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-}
-
-/// Mixin helper to make list inline with separator.
-/// @param {String} $separator [", "] - separator text
-/// @param {String} $display [inline-block] - display of each list item
-/// @param {Boolean} $no-margin [true] - If true, top and bottom margins will be removed from the list.
-/// @example scss - Usage
-///   .foo {
-///     @include list-inline("|");
-///   }
-/// @example css - Result
-///   .foo {
-///     list-style-type: none;
-///     padding-left: 0;
-///     margin-top: 0;
-///     margin-bottom: 0;
-///   }
-///
-///   .foo > li {
-///     display: inline-block;
-///   }
-///
-///   .foo > li:not(:last-child):after {
-///     content: "|";
-///     display: inline-block;
-///     margin: 0 1em;
-///   }
-
-@mixin list-inline ($separator: ",", $display: inline-block, $no-margin: true) {
-  @include list-unstyled($no-margin);
-  & > li {
-    display: $display;
-    &:not(:last-child):after {
-      content: $separator;
-      display: inline-block;
-      margin: 0 1em;
-    }
-  }
+//-----------------------------------
+// LIST MIXINS
+//-----------------------------------
+
+////
+/// @access public
+/// @group Mixins
+/// @type string
+////
+
+/// Mixin helper to Remove default styling from a list.
+/// @param {Boolean} $no-margin [true] - If true, top and bottom margins will be removed from the list.
+/// @example scss - Usage
+///   .foo {
+///     @include list-unstyled;
+///   }
+/// @example css - Result
+///   .foo {
+///     list-style-type: none;
+///     padding-left: 0;
+///     margin-top: 0;
+///     margin-bottom: 0;
+///   }
+
+@mixin list-unstyled($no-margin: true) {
+  list-style-type: none;
+  padding-left: 0;
+  @if $no-margin {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+}
+
+/// Mixin helper to make list inline with separator.
+/// @param {String} $separator [", "] - separator text
+/// @param {String} $display [inline-block] - display of each list item
+/// @param {Boolean} $no-margin [true] - If true, top and bottom margins will be removed from the list.
+/// @example scss - Usage
+///   .foo {
+///     @include list-inline("|");
+///   }
+/// @example css - Result
+///   .foo {
+///     list-style-type: none;
+///     padding-left: 0;
+///     margin-top: 0;
+///     margin-bottom: 0;
+///   }
+///
+///   .foo > li {
+///     display: inline-block;
+///   }
+///
+///   .foo > li:not(:last-child):after {
+///     content: "|";
+///     display: inline-block;
+///     margin: 0 1em;
+///   }
+
+@mixin list-inline ($separator: ",", $display: inline-block, $no-margin: true) {
+  @include list-unstyled($no-margin);
+  & > li {
+    display: $display;
+    &:not(:last-child):after {
+      content: $separator;
+      display: inline-block;
+      margin: 0 1em;
+    }
+  }
 }

data/assets/stylesheets/Mixins/_margin.scss

@@ -1,46 +1,46 @@
-//-----------------------------------
-// MARGIN MIXINS
-//-----------------------------------
-
-////
-/// @access public
-/// @group Mixins
-/// @type string
-////
-
-/// Mixin helper set margin.
-/// @param {Length} $value - value you want set
-/// @param {String} $side [null] - set you side
-/// @example scss - Usage
-///   .foo {
-///     @include margin_set(16px 10px );
-///   }
-/// @example css - Result
-///   .foo {
-///     margin: 16px 10px;
-///   }
-
-@mixin margin-set($value, $side: null) {
-  @if $side {
-    margin: $value;
-  }
-  @else{
-    margin-#{$side}: $value;
-  }
-}
-
-/// Mixin helper set margin auto.
-/// @example scss - Usage
-///   .foo {
-///     @include margin-auto;
-///   }
-/// @example css - Result
-///   .foo {
-///     margin-left: auto;
-///     margin-right: auto;
-///   }
-
-@mixin margin-auto {
-  margin-left: auto;
-  margin-right: auto;
+//-----------------------------------
+// MARGIN MIXINS
+//-----------------------------------
+
+////
+/// @access public
+/// @group Mixins
+/// @type string
+////
+
+/// Mixin helper set margin.
+/// @param {Length} $value - value you want set
+/// @param {String} $side [null] - set you side
+/// @example scss - Usage
+///   .foo {
+///     @include margin_set(16px 10px );
+///   }
+/// @example css - Result
+///   .foo {
+///     margin: 16px 10px;
+///   }
+
+@mixin margin-set($value, $side: null) {
+  @if $side {
+    margin: $value;
+  }
+  @else{
+    margin-#{$side}: $value;
+  }
+}
+
+/// Mixin helper set margin auto.
+/// @example scss - Usage
+///   .foo {
+///     @include margin-auto;
+///   }
+/// @example css - Result
+///   .foo {
+///     margin-left: auto;
+///     margin-right: auto;
+///   }
+
+@mixin margin-auto {
+  margin-left: auto;
+  margin-right: auto;
 }