GIPainter-base 0.5.1 → 0.5.2

data/assets/stylesheets/Mixins/_media-query.scss

@@ -1,49 +1,49 @@
-//-----------------------------------
-// MEDIA QUERY MIXINS
-//-----------------------------------
-
-////
-/// @access public
-/// @group Mixins
-/// @type string
-////
-
-/// Mixin helper set media query breakpoint.
-/// @param {Length} $width - breakpoint width
-/// @param {String} $type [min] - type of your breakpoint (max, min)
-/// @example scss - Usage
-///   .foo {
-///     @include mquery($screen-md){
-///       background-color: red;
-///     }
-///   }
-/// @example css - Result
-///   @media only screen and (min-width: 992px) {
-///     .foo {
-///       background-color: red;
-///     }
-///   }
-
-@mixin mquery($width, $type: min) {
-  @if $type == max {
-    $width: $width - 1px;
-  }
-  @media only screen and (#{$type}-width: $width) {
-    @content;
-  }
-}
-
-/// Media query helper for declaring media queries by device pixel ratio.
-/// @param {Number} $ratio - Min device pixel ratio
-/// @example scss - Usage
-///   .foo {
-///     @include mquery-r(2) {
-///       width: 100%;
-///     }
-///   }
-
-@mixin mquery-r($ratio) {
-  @media only screen and (-webkit-min-device-pixel-ratio: $ratio), only screen and (min--moz-device-pixel-ratio: $ratio), only screen and (-o-min-device-pixel-ratio: $ratio), only screen and (min-device-pixel-ratio: $ratio) {
-    @content;
-  }
+//-----------------------------------
+// MEDIA QUERY MIXINS
+//-----------------------------------
+
+////
+/// @access public
+/// @group Mixins
+/// @type string
+////
+
+/// Mixin helper set media query breakpoint.
+/// @param {Length} $width - breakpoint width
+/// @param {String} $type [min] - type of your breakpoint (max, min)
+/// @example scss - Usage
+///   .foo {
+///     @include mquery($screen-md){
+///       background-color: red;
+///     }
+///   }
+/// @example css - Result
+///   @media only screen and (min-width: 992px) {
+///     .foo {
+///       background-color: red;
+///     }
+///   }
+
+@mixin mquery($width, $type: min) {
+  @if $type == max {
+    $width: $width - 1px;
+  }
+  @media only screen and (#{$type}-width: $width) {
+    @content;
+  }
+}
+
+/// Media query helper for declaring media queries by device pixel ratio.
+/// @param {Number} $ratio - Min device pixel ratio
+/// @example scss - Usage
+///   .foo {
+///     @include mquery-r(2) {
+///       width: 100%;
+///     }
+///   }
+
+@mixin mquery-r($ratio) {
+  @media only screen and (-webkit-min-device-pixel-ratio: $ratio), only screen and (min--moz-device-pixel-ratio: $ratio), only screen and (-o-min-device-pixel-ratio: $ratio), only screen and (min-device-pixel-ratio: $ratio) {
+    @content;
+  }
 }

data/assets/stylesheets/Mixins/_miscellaneous.scss

@@ -1,42 +1,42 @@
-//-----------------------------------
-// MISCELLANEOUS MIXINS
-//-----------------------------------
-
-////
-/// @access public
-/// @group Mixins
-/// @type string
-////
-
-/// Mixin helper to hide element
-/// @example scss - Usage
-///   .foo {
-///     @include hidden;
-///   }
-/// @example css - Result
-///   .foo {
-///     display: none;
-///     visibilitty: hidden;
-///   }
-
-@mixin hidden {
-  display: none;
-  visibility: hidden;
-}
-
-/// Mixin helper to show element
-/// @param {String} $state [block] - display element;
-/// @example scss - Usage
-///   .foo {
-///     @include visible(inline-block);
-///   }
-/// @example css - Result
-///   .foo {
-///     display: inline-block
-///     visibility: visible;
-///   }
-
-@mixin visible($state: block) {
-  display: $state;
-  visibility: visible;
+//-----------------------------------
+// MISCELLANEOUS MIXINS
+//-----------------------------------
+
+////
+/// @access public
+/// @group Mixins
+/// @type string
+////
+
+/// Mixin helper to hide element
+/// @example scss - Usage
+///   .foo {
+///     @include hidden;
+///   }
+/// @example css - Result
+///   .foo {
+///     display: none;
+///     visibilitty: hidden;
+///   }
+
+@mixin hidden {
+  display: none;
+  visibility: hidden;
+}
+
+/// Mixin helper to show element
+/// @param {String} $state [block] - display element;
+/// @example scss - Usage
+///   .foo {
+///     @include visible(inline-block);
+///   }
+/// @example css - Result
+///   .foo {
+///     display: inline-block
+///     visibility: visible;
+///   }
+
+@mixin visible($state: block) {
+  display: $state;
+  visibility: visible;
 }

data/assets/stylesheets/Mixins/_opacity.scss

@@ -1,27 +1,27 @@
-//-----------------------------------
-// OPACITY MIXINS
-//-----------------------------------
-
-////
-/// @access public
-/// @group Mixins
-/// @type string
-////
-
-/// Mixin helper to set opacity
-/// @param {Number} $opacity [0.7] - opacity ratio
-/// @example scss - Usage
-///   .foo {
-///     @include opacity(0.8);
-///   }
-/// @example css - Result
-///   .foo {
-///     opacity: 0.8;
-///     filter: alpha(opacity=80);
-///   }
-
-@mixin opacity($opacity : 0.7) {
-  opacity: $opacity;
-  $opacity-ie: ($opacity * 100);
-  filter: alpha(opacity=$opacity-ie);
+//-----------------------------------
+// OPACITY MIXINS
+//-----------------------------------
+
+////
+/// @access public
+/// @group Mixins
+/// @type string
+////
+
+/// Mixin helper to set opacity
+/// @param {Number} $opacity [0.7] - opacity ratio
+/// @example scss - Usage
+///   .foo {
+///     @include opacity(0.8);
+///   }
+/// @example css - Result
+///   .foo {
+///     opacity: 0.8;
+///     filter: alpha(opacity=80);
+///   }
+
+@mixin opacity($opacity : 0.7) {
+  opacity: $opacity;
+  $opacity-ie: ($opacity * 100);
+  filter: alpha(opacity=$opacity-ie);
 }

data/assets/stylesheets/Mixins/_padding.scss

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

data/assets/stylesheets/Mixins/_position.scss

@@ -1,108 +1,108 @@
-//-----------------------------------
-// POSITION MIXINS
-//-----------------------------------
-
-////
-/// @access public
-/// @group Mixins
-/// @type string
-////
-
-/// Mixin helper to centerer block.
-/// @param {boolean} $horizontal [true] - set to false to centerer verticaly
-/// @param {boolean} $vertical [true] - set to false to centerer horizontaly
-/// @example scss - Usage
-///   .foo {
-///     @include centerer();
-///   }
-/// @example css - Result
-///   .foo {
-///     position: absolute;
-///     top: 50%;
-///     left: 50%
-///     -webkit-transform: translate(-50%, -50%);
-///     -ms-transform: translate(-50%, -50%);
-///     transform: translate(-50%, -50%);
-///   }
-
-@mixin centerer($horizontal: true, $vertical: true) {
-  position: absolute;
-  @if ($horizontal and $vertical) {
-    top: 50%;
-    left: 50%;
-    @include translate(-50%, -50%);
-  } @else if ($horizontal) {
-    left: 50%;
-    @include translate(-50%, 0);
-  } @else if ($vertical) {
-    top: 50%;
-    @include translate(0, -50%);
-  }
-}
-
-/// Mixins helper to Shorthandizes position declarations.
-/// @param {String} $type [absolute] - Either `relative`, `absolute` or `fixed`
-/// @param {Length} $left [null] - Left offset
-/// @param {Length} $right [null] - Right offset
-/// @param {Length} $top [null] - Top offset
-/// @param {Length} $bottom [null] - Bottom offset
-/// @example scss - Usage
-///   .foo {
-///     @include position(absolute, $top: 10px, $left: 10px);
-///   }
-/// @example css - Result
-///   .foo {
-///     position: absolute;
-///     left: 10px;
-///     top: 10px;
-///   }
-@mixin position($type: absolute, $top: null, $right: null, $bottom: null, $left: null) {
-  @if type-of($type) == list {
-    $coordinates: $type;
-    $position: relative;
-  }
-  position: $type;
-  top: $top;
-  right: $right;
-  bottom: $bottom;
-  left: $left;
-}
-
-/// Mixins helper to Vertically center descendent elements with the inline-block method.
-/// @param {Array} $inner [*] - A CSS selector for the inner element. Can be a single selector or a comma-separated list of selectors. In either case, wrap selectors in quotes.
-/// @example scss - Usage
-///   .foo {
-///     @include vertical-align-inline;
-///   }
-/// @example css - Result
-///   .foo:before {
-///     content: "";
-///     display: inline-block;
-///     position: static;
-///     height: 100%;
-///     vertical-align: middle;
-///     margin-right: -0.25em;
-///   }
-///   .foo > * {
-///     display: inline-block;
-///     vertical-align: middle;
-///   }
-
-@mixin vertical-align-inline ($inner...) {
-  &:before {
-    @include pseudo(inline-block, static);
-    height: 100%;
-    vertical-align: middle;
-    margin-right: -0.25em;
-    width: .1px;
-  }
-
-  $inner: if(length($inner) == 0, "*", $inner);
-  @each $cell-selector in $inner {
-    $cell-selector: unquote($cell-selector);
-    & > #{$cell-selector} {
-      display: inline-block;
-      vertical-align: middle;
-    }
-  }
+//-----------------------------------
+// POSITION MIXINS
+//-----------------------------------
+
+////
+/// @access public
+/// @group Mixins
+/// @type string
+////
+
+/// Mixin helper to centerer block.
+/// @param {boolean} $horizontal [true] - set to false to centerer verticaly
+/// @param {boolean} $vertical [true] - set to false to centerer horizontaly
+/// @example scss - Usage
+///   .foo {
+///     @include centerer();
+///   }
+/// @example css - Result
+///   .foo {
+///     position: absolute;
+///     top: 50%;
+///     left: 50%
+///     -webkit-transform: translate(-50%, -50%);
+///     -ms-transform: translate(-50%, -50%);
+///     transform: translate(-50%, -50%);
+///   }
+
+@mixin centerer($horizontal: true, $vertical: true) {
+  position: absolute;
+  @if ($horizontal and $vertical) {
+    top: 50%;
+    left: 50%;
+    @include translate(-50%, -50%);
+  } @else if ($horizontal) {
+    left: 50%;
+    @include translate(-50%, 0);
+  } @else if ($vertical) {
+    top: 50%;
+    @include translate(0, -50%);
+  }
+}
+
+/// Mixins helper to Shorthandizes position declarations.
+/// @param {String} $type [absolute] - Either `relative`, `absolute` or `fixed`
+/// @param {Length} $left [null] - Left offset
+/// @param {Length} $right [null] - Right offset
+/// @param {Length} $top [null] - Top offset
+/// @param {Length} $bottom [null] - Bottom offset
+/// @example scss - Usage
+///   .foo {
+///     @include position(absolute, $top: 10px, $left: 10px);
+///   }
+/// @example css - Result
+///   .foo {
+///     position: absolute;
+///     left: 10px;
+///     top: 10px;
+///   }
+@mixin position($type: absolute, $top: null, $right: null, $bottom: null, $left: null) {
+  @if type-of($type) == list {
+    $coordinates: $type;
+    $position: relative;
+  }
+  position: $type;
+  top: $top;
+  right: $right;
+  bottom: $bottom;
+  left: $left;
+}
+
+/// Mixins helper to Vertically center descendent elements with the inline-block method.
+/// @param {Array} $inner [*] - A CSS selector for the inner element. Can be a single selector or a comma-separated list of selectors. In either case, wrap selectors in quotes.
+/// @example scss - Usage
+///   .foo {
+///     @include vertical-align-inline;
+///   }
+/// @example css - Result
+///   .foo:before {
+///     content: "";
+///     display: inline-block;
+///     position: static;
+///     height: 100%;
+///     vertical-align: middle;
+///     margin-right: -0.25em;
+///   }
+///   .foo > * {
+///     display: inline-block;
+///     vertical-align: middle;
+///   }
+
+@mixin vertical-align-inline ($inner...) {
+  &:before {
+    @include pseudo(inline-block, static);
+    height: 100%;
+    vertical-align: middle;
+    margin-right: -0.25em;
+    width: .1px;
+  }
+
+  $inner: if(length($inner) == 0, "*", $inner);
+  @each $cell-selector in $inner {
+    $cell-selector: unquote($cell-selector);
+    & > #{$cell-selector} {
+      display: inline-block;
+      vertical-align: middle;
+    }
+  }
 }