GIPainter-helpers 0.1.4 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 789a1037f6318a8fc6bcd7d18c870a9de9ec5700
-  data.tar.gz: f11ab9673426ab195571d7b5ea34f61c377ed4cc
+  metadata.gz: 3d5969bef26221af77bea832a502ac8b10619a96
+  data.tar.gz: 58c79db16fc6f3f72db6645fb721574353645c09
 SHA512:
-  metadata.gz: 99da2b85de281364a860c967d7224017d0864ceb7449cce33cccb2cc26969c277afa9e3ad6293344ded7cf0906fdba36d268778d3d4f48288557dc88349db1fa
-  data.tar.gz: 6ec63b97a2063530ca88f6604b9d74e9892e5c31a2d0f6bb770c009d1e9a95a23f61850500bf76e7cfce9372637f791de54f3b245a9c1b21d5f642b53afc946c
+  metadata.gz: a5b70511db4f4ebc7ab4a315b34c82b6e06750ccfb049c33f6f94c03adc5dac19efeba6df1909fd6caa75390e8327238b0cbf517eda64722d8ffa81f6f486bf8
+  data.tar.gz: 9926c4bced08a956641d8f89f112ef251bf6e531b57744a86e6c44ad44dc578b4ff8436883c53d64d16f21a0921e89854ec004d649b9eb1185efadcd8a17987c

data/README.md

@@ -1,41 +1,41 @@
-# GIPainter::Helpers
-
-Welcome to your new gem! In this directory, you'll find the files you need to be able to package up your Ruby library into a gem. Put your Ruby code in the file `lib/GIPainter/helpers`. To experiment with that code, run `bin/console` for an interactive prompt.
-
-TODO: Delete this and the text above, and describe your gem
-
-## Installation
-
-Add this line to your application's Gemfile:
-
-```ruby
-gem 'GIPainter-helpers'
-```
-
-And then execute:
-
-    $ bundle
-
-Or install it yourself as:
-
-    $ gem install GIPainter-helpers
-
-## Usage
-
-TODO: Write usage instructions here
-
-## Development
-
-After checking out the repo, run `bin/setup` to install dependencies. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
-
-To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
-
-## Contributing
-
-Bug reports and pull requests are welcome on GitHub at https://github.com/aprioul/GIPainter-helpers.
-
-
-## License
-
-The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
-
+# GIPainter::Helpers
+
+Welcome to your new gem! In this directory, you'll find the files you need to be able to package up your Ruby library into a gem. Put your Ruby code in the file `lib/GIPainter/helpers`. To experiment with that code, run `bin/console` for an interactive prompt.
+
+TODO: Delete this and the text above, and describe your gem
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'GIPainter-helpers'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install GIPainter-helpers
+
+## Usage
+
+TODO: Write usage instructions here
+
+## Development
+
+After checking out the repo, run `bin/setup` to install dependencies. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
+
+To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/aprioul/GIPainter-helpers.
+
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
+

data/assets/stylesheets/Base/_borders.scss

@@ -0,0 +1,102 @@
+@import "compass/css3";
+@import "colors";
+
+//-----------------------------------
+// HELPER
+// BORDERS CLASSES GENERATION
+//-----------------------------------
+
+////
+/// @access public
+/// @group Borders
+////
+
+//** Default positions
+/// Generate all border positions
+/// @example css - class="border-(pos*)-(size)-(color)"
+/// .border-3-black {
+///   border: 3px solid #000;
+/// }
+/// // ! Max Border size Value : 5
+/// //* is optionnal
+$border_positionANDcolors: (
+        border:"",
+        border-top: "top",
+        border-right: "right",
+        border-bottom: "bottom",
+        border-left: "left"
+);
+
+/*----------------
+    Borders
+----------------*/
+$max-border-size : 5;
+
+@for $i from 1 through $max-border-size{
+    @each $nameC, $valueC in $merge_colors {
+      @each $name, $value in $border_positionANDcolors {
+        .#{"" + $name}-#{"" + $i}-#{"" + $nameC} {
+          #{$name}: $i + px solid #{"" + $valueC};
+        }
+      }
+    }
+}
+.border-none{
+  border: none;
+}
+
+
+/// Generate all border radius
+/// @example css - class="border-(pos*)-radius-(size)"
+/// .border-top-left-radius-3 {
+///  border-top-left-radius: 3px;
+///   -webkit-border-top-left-radius: 3px;
+///   -moz-border-radius-topleft: 3px;
+/// }
+/// // ! Max Radius Value : 5
+/// //* is optionnal
+
+$border_radius: (
+        border:"",
+        border-top-left: "topleft",
+        border-top-right: "topright",
+        border-bottom-left: "bottomleft",
+        border-bottom-right: "bottomright"
+);
+
+/*----------------
+    Borders Radius
+----------------*/
+$max-border-radius : 5;
+
+//@for $i from 1 through $max-border-radius{
+//  @each $name, $value in $border_radius {
+//    .#{"" + $name}-radius-#{"" + $i} {
+//      #{"" + $name}-radius: $i + px;
+//      -webkit-#{"" + $name}-radius: $i + px;
+//      @if $value != ""{
+//        -moz-border-radius-#{"" + $value}: $i + px;
+//      }
+//      @else{
+//        -moz-border-radius: $i + px;
+//      }
+//    }
+//  }
+//}
+
+$css3_radius: (
+        border-radius:"",
+        border-radius-top-left: "top-left",
+        border-radius-top-right: "top-right",
+        border-radius-bottom-left: "bottom-left",
+        border-radius-bottom-right: "bottom-right"
+);
+
+
+@for $i from 1 through $max-border-radius{
+  @each $name, $value in $css3_radius {
+    .#{"" + $name}-#{"" + $i} {
+      @include border-top-left-radius($max-border-radius + px);
+    }
+  }
+}

data/assets/stylesheets/Base/_colors.scss

@@ -0,0 +1,90 @@
+//-----------------------------------
+// HELPER
+// COLORS CLASSES GENERATION
+//-----------------------------------
+
+////
+/// @access public
+/// @group Colors
+/// @type Map
+////
+
+//** Default Colors
+/// @ignore Message
+/// @prop {Color} white [$white]
+/// @prop {Color} black [$black]
+/// @prop {Color} gray-darker [$gray-darker]
+/// @prop {Color} gray-dark [$gray-dark]
+/// @prop {Color} gray [$gray]
+/// @prop {Color} gray-light [$gray-light]
+/// @prop {Color} gray-lighter [$gray-lighter]
+
+$default_colors: (
+        white: $white,
+        black: $black,
+        gray-darker: $gray-darker,
+        gray-dark: $gray-dark,
+        gray: $gray,
+        gray-light: $gray-light,
+        gray-lighter: $gray-lighter
+);
+
+//** Brand Colors
+
+/// @prop {Color} brand-primary [$brand-primary]
+/// @prop {Color} brand-secondary [$brand-secondary]
+/// @prop {Color} brand-success [$brand-success]
+/// @prop {Color} brand-warning [$brand-warning]
+/// @prop {Color} brand-danger [$brand-danger]
+
+$brand_colors: (
+        brand-primary: $brand-primary,
+        brand-secondary: $brand-secondary,
+        brand-success: $brand-success,
+        brand-info: $brand-info,
+        brand-warning: $brand-warning,
+        brand-danger: $brand-danger,
+);
+
+//** Classes generation
+$merge_colors: map-merge($default_colors, $brand_colors);
+
+/*----------------
+    Colors
+----------------*/
+
+@each $name, $value in $merge_colors {
+  .#{"" + $name} {
+    color: $value;
+  }
+}
+
+// Contextual colors
+.text-muted {
+  color: $gray;
+}
+//.text-primary {
+//  @include text-emphasis-variant($brand-primary);
+//}
+//.text-success {
+//  @include text-emphasis-variant($brand-success);
+//}
+//.text-info {
+//  @include text-emphasis-variant($brand-info);
+//}
+//.text-warning {
+//  @include text-emphasis-variant($brand-warning);
+//}
+//.text-error {
+//  @include text-emphasis-variant($brand-error);
+//}
+
+/*----------------
+    Backgrounds
+----------------*/
+
+@each $name, $value in $merge_colors {
+  .bg-#{"" + $name} {
+    background-color: $value;
+  }
+}

data/assets/stylesheets/Base/_margins.scss

@@ -0,0 +1,63 @@
+//-----------------------------------
+// HELPER
+// MARGINS CLASSES GENERATION
+//-----------------------------------
+
+////
+/// @access public
+/// @group Margin/Padding
+/// @type Margin
+////
+
+/// Max margin value in margin map
+/// @example class="mg(Pos)-(value)"
+$max-margin : 20;
+
+
+/*----------------
+    Margins
+----------------*/
+$grid-mg: mg !default;
+
+@for $i from 0 through $max-margin{
+  .#{$grid-mg}-#{$i} {
+    margin: $i + px;
+  }
+}
+
+// Margin top
+$grid-mgt: mgt !default;
+
+@for $i from 0 through $max-margin{
+  .#{$grid-mgt}-#{$i} {
+    margin-top: $i + px;
+  }
+}
+
+// Margin right
+$grid-mgr: mgr !default;
+
+@for $i from 0 through $max-margin{
+  .#{$grid-mgr}-#{$i} {
+    margin-right: $i + px;
+  }
+}
+
+// Margin bottom
+$grid-mgb: mgb !default;
+
+@for $i from 0 through $max-margin{
+  .#{$grid-mgb}-#{$i} {
+    margin-bottom: $i + px;
+  }
+}
+
+
+// Margin left
+$grid-mgl: mgl !default;
+
+@for $i from 0 through $max-margin{
+  .#{$grid-mgl}-#{$i} {
+    margin-left: $i + px;
+  }
+}

data/assets/stylesheets/Base/_paddings.scss

@@ -0,0 +1,65 @@
+//-----------------------------------
+// HELPER
+// PADDINGS CLASSES GENERATION
+//-----------------------------------
+
+////
+/// @access public
+/// @group Margin/Padding
+/// @type Paddings
+////
+
+/// Max padding value in padding map
+/// @example class="pd(Pos)-(value)"
+$max-padding : 20;
+
+/*----------------
+    Paddings
+----------------*/
+$grid-pd: pd !default;
+
+@for $i from 0 through $max-padding{
+  .#{$grid-pd}-#{$i} {
+    padding: $i + px;
+  }
+}
+
+// Padding top
+
+$grid-pdt: pdt !default;
+
+@for $i from 0 through $max-padding{
+  .#{$grid-pdt}-#{$i} {
+    padding-top: $i + px;}
+
+}
+
+
+// Padding right
+$grid-pdr: pdr !default;
+
+@for $i from 0 through $max-padding{
+  .#{$grid-pdr}-#{$i} {
+    padding-right: $i + px;
+  }
+}
+
+
+// Padding bottom
+$grid-pdb: pdb !default;
+
+@for $i from 0 through $max-padding{
+  .#{$grid-pdb}-#{$i} {
+    padding-bottom: $i + px;
+  }
+}
+
+
+// Padding left
+$grid-pdl: pdl !default;
+
+@for $i from 0 through $max-padding{
+  .#{$grid-pdl}-#{$i} {
+    padding-left: $i + px;
+  }
+}

data/assets/stylesheets/Base/_positioning.scss

@@ -0,0 +1,103 @@
+//-----------------------------------
+// HELPER
+// POSITIONING CLASSES GENERATION
+//-----------------------------------
+
+////
+/// @access public
+/// @group Positioning
+/// @type Positioning
+////
+
+/// Default padding in Wrappers
+/// @example class="wrapper"
+$wrapper: 10;
+
+/// Left Position
+/// @example class="pull-left"
+.pull-left{
+  float:left !important;
+}
+
+/// Right Position
+/// @example class="pull-right"
+.pull-right{
+  float:right !important;
+}
+
+/// Show Element
+.show {
+  display: block !important;
+}
+
+/// Hide Element
+.invisible {
+  visibility: hidden;
+}
+
+/// Hide from screenreaders and browsers
+.hidden {
+  display: none !important;
+}
+
+/// Absolute
+.absolute{
+  position:absolute;
+}
+
+/// Relative
+.relative{
+  position:relative;
+}
+
+/// Center Block
+.centerer {
+     @include centerer();
+}
+
+/// Vertical Align
+.vertical-align-inline{
+  @include vertical-align-inline;
+}
+
+// Z-index master list
+//
+// Warning: Avoid customizing these values. They're used for a bird's eye view
+// of components dependent on the z-axis and are designed to all work together.
+
+$zindex-dropdown-backdrop:  990 !default;
+$zindex-navbar:             1000 !default;
+$zindex-dropdown:           1000 !default;
+$zindex-fixed:              1030 !default;
+$zindex-sticky:             1030 !default;
+$zindex-modal-backdrop:     1040 !default;
+$zindex-modal:              1050 !default;
+$zindex-popover:            1060 !default;
+$zindex-tooltip:            1070 !default;
+
+/// Fixed Top
+.fixed-top {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: $zindex-fixed;
+}
+
+/// Fixed Bottom
+.fixed-bottom {
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: $zindex-fixed;
+}
+
+/// Sticky Top
+.sticky-top {
+  position: sticky;
+  top: 0;
+  z-index: $zindex-sticky;
+}
+
+

data/assets/stylesheets/Base/_spacing.scss

@@ -0,0 +1,164 @@
+//-----------------------------------
+// HELPER
+// PADDINGS & MARGINS CLASSES GENERATION
+//-----------------------------------
+
+/* Margin and Padding From Bootstrap 4*/
+
+// Grid breakpoints
+//
+// Define the minimum dimensions at which your layout will change,
+// adapting to different screen sizes, for use in media queries.
+$grid-breakpoints: (
+        xs: 0,
+        sm: 576px,
+        md: 768px,
+        lg: 992px,
+        xl: 1200px
+) !default;
+
+// Minimum breakpoint width. Null for the smallest (first) breakpoint.
+//
+//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px))
+//    576px
+@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {
+  $min: map-get($breakpoints, $name);
+  @return if($min != 0, $min, null);
+}
+
+// Maximum breakpoint width. Null for the largest (last) breakpoint.
+// The maximum value is calculated as the minimum of the next one less 0.1.
+//
+//    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px))
+//    767px
+@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
+  $next: breakpoint-next($name, $breakpoints);
+  @return if($next, breakpoint-min($next, $breakpoints) - 1px, null);
+}
+
+// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.
+// Useful for making responsive utilities.
+//
+//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px))
+//    ""  (Returns a blank string)
+//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px))
+//    "-sm"
+@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {
+  @return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}");
+}
+
+// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
+// Makes the @content apply to the given breakpoint and wider.
+@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
+  $min: breakpoint-min($name, $breakpoints);
+  @if $min {
+    @media (min-width: $min) {
+      @content;
+    }
+  } @else {
+    @content;
+  }
+}
+
+// Spacing
+//
+// Control the default styling of most Bootstrap elements by modifying these
+// variables. Mostly focused on spacing.
+// You can add more entries to the $spacers map, should you need more variation.
+
+$spacer:   1rem !default;
+$spacer-x: $spacer !default;
+$spacer-y: $spacer !default;
+$spacers: (
+        0: (
+                x: 0,
+                y: 0
+        ),
+        1: (
+                x: ($spacer-x * .25),
+                y: ($spacer-y * .25)
+        ),
+        2: (
+                x: ($spacer-x * .5),
+                y: ($spacer-y * .5)
+        ),
+        3: (
+                x: $spacer-x,
+                y: $spacer-y
+        ),
+        4: (
+                x: ($spacer-x * 1.5),
+                y: ($spacer-y * 1.5)
+        ),
+        5: (
+                x: ($spacer-x * 3),
+                y: ($spacer-y * 3)
+        )
+) !default;
+
+////
+/// @access public
+/// @group Margin/Padding
+/// @type Margin & Paddings
+////
+
+/// Margins & Paddings wicth all breakpoints, from xs to xl and X-Y positions.
+///
+/// ! Max Padding/Margin Values : 5
+/// @example css - class="mg/pd(Pos)-(value)"
+/// .mgt-2 {
+///   margin-top: 2px;
+/// }
+/// @example css - class="mg(Pos-X/Y)-(breakpoint)-(value)"
+/// .mgy-sm-4 {
+///   @media (min-width: 576px) {
+///     margin-top: 4px;
+///     margin-bottom: 4px;
+///   }
+/// }
+
+$GI_spacing : mg/pd(Pos)-(value);
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+  $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    @each $prop, $abbrev in (margin: mg, padding: pd) {
+      @each $size, $lengths in $spacers {
+        $length-x: map-get($lengths, x);
+        $length-y: map-get($lengths, y);
+
+        .#{$abbrev}#{$infix}-#{$size}  { #{$prop}:        $length-y $length-x !important; }
+        .#{$abbrev}t#{$infix}-#{$size} { #{$prop}-top:    $length-y !important; }
+        .#{$abbrev}r#{$infix}-#{$size} { #{$prop}-right:  $length-x !important; }
+        .#{$abbrev}b#{$infix}-#{$size} { #{$prop}-bottom: $length-y !important; }
+        .#{$abbrev}l#{$infix}-#{$size} { #{$prop}-left:   $length-x !important; }
+        .#{$abbrev}x#{$infix}-#{$size} {
+          #{$prop}-right: $length-x !important;
+          #{$prop}-left:  $length-x !important;
+        }
+        .#{$abbrev}y#{$infix}-#{$size} {
+          #{$prop}-top:    $length-y !important;
+          #{$prop}-bottom: $length-y !important;
+        }
+      }
+    }
+
+    // Some special margin utils
+    .m#{$infix}-auto  { margin:        auto !important; }
+    .mt#{$infix}-auto { margin-top:    auto !important; }
+    .mr#{$infix}-auto { margin-right:  auto !important; }
+    .mb#{$infix}-auto { margin-bottom: auto !important; }
+    .ml#{$infix}-auto { margin-left:   auto !important; }
+    .mx#{$infix}-auto {
+      margin-right: auto !important;
+      margin-left:  auto !important;
+    }
+    .my#{$infix}-auto {
+      margin-top:    auto !important;
+      margin-bottom: auto !important;
+    }
+  }
+}
+
+

data/assets/stylesheets/Base/_typo.scss

@@ -0,0 +1,180 @@
+//-----------------------------------
+// HELPER
+// TYPOGRAPHY CLASSES GENERATION
+//-----------------------------------
+
+////
+/// @access public
+/// @group Typography
+/// @type typography
+////
+
+//** Default Typography
+
+/// @prop {typography} font-family-sans-serif [$font-family-sans-serif]
+/// @prop {typography} font-family-serif [$font-family-serif]
+/// @prop {typography} gray-font-family-monospace [$font-family-monospace]
+/// @prop {typography} gray-font-family-base [$font-family-base]
+
+$default_typo: (
+        font-family-sans-serif: $font-family-sans-serif,
+        font-family-serif: $font-family-serif,
+        font-family-monospace: $font-family-monospace,
+        font-family-base: $font-family-base
+);
+
+/*----------------
+    Fonts Family
+----------------*/
+
+@each $name, $value in $default_typo {
+  .#{"" + $name} {
+    font-family: $value;
+  }
+}
+
+//** Default Typography size
+
+/// @prop {typography} font-size-base [$font-size-base]
+/// @prop {typography} font-size-large [$font-size-large]
+/// @prop {typography} font-size-small [$font-size-small]
+
+$default_typo_size: (
+        font-size-base: $font-size-base,
+        font-size-large: $font-size-large,
+        font-size-small: $font-size-small
+);
+
+/*----------------
+    Fonts sizes
+----------------*/
+
+@each $name, $value in $default_typo_size {
+  .#{"" + $name} {
+    font-size: $value;
+  }
+}
+
+.small {
+  font-size: floor((100% * $font-size-small / $font-size-base));
+}
+
+/*----------------
+    Lead-Sizes
+----------------*/
+
+.lead {
+  margin-bottom: $line-height-computed;
+  @include font-size( floor(($font-size-base * 1.15)));
+  font-weight: 300;
+  line-height: 1.4;
+
+  @media (min-width: $screen-sm) {
+    @include font-size($font-size-base * 1.5);
+  }
+}
+
+$max-lead : 28;
+
+@for $i from 10 through $max-lead{
+
+  .lead-#{"" + $i}{
+    font-size: $i + px;
+    line-height: $i;
+  }
+}
+
+/*----------------
+    Fonts Weight & Styles
+----------------*/
+
+$style: normal, bold, bolder;
+@each $i in $style {
+  .#{$i}{
+    font-weight: #{$i};
+  }
+}
+
+//Emphasis
+.italic{
+  font-style: italic;
+}
+
+//Strong
+.strong{
+  font-family: inherit;
+  font-weight: bold;
+}
+
+/*----------------
+    Text Align
+----------------*/
+
+$style: left, center, right, justify;
+@each $i in $style {
+  .#{$i}{
+    text-align: #{$i};
+  }
+}
+
+.text-nowrap{
+  white-space: nowrap;
+}
+
+.truncate {
+  @include truncate;
+}
+
+/*----------------
+    Text Transform
+----------------*/
+
+$style: lowercase, capitalize, uppercase;
+@each $i in $style {
+  .#{$i}{
+    text-transform: #{$i};
+  }
+}
+
+/*----------------
+    Text Decoration
+----------------*/
+
+$style: underline, none;
+@each $i in $style {
+  .decoration-#{$i}{
+    text-decoration: #{$i};
+  }
+}
+
+
+
+.mark {
+  background-color: $brand-warning;
+  padding: .2em;
+}
+
+//Horizontal Rule
+.separator{
+  clear: both;
+  margin: 0;
+  border: 0;
+  height: 2px;
+  background: $gray;
+}
+
+// Abbreviations and acronyms
+.initialism {
+  font-size: 90%;
+  text-transform: uppercase;
+}
+
+//Deleted
+.delete{
+  text-decoration: line-through;
+}
+
+//Underline
+.underline{
+  text-decoration: underline;
+}

data/assets/stylesheets/_GIPainter-helpers.scss

@@ -9,4 +9,5 @@
 
 // GIPainter Variables and Mixins
 // -----------------------------------------------------------------------------
+@import "GIPainter-base";
 @import "Base/**/*";

data/lib/GIPainter-helpers/version.rb

@@ -1,3 +1,3 @@
-module GIPainter_helpers
-  VERSION       = '0.1.4'
-end
+module GIPainter_helpers
+  VERSION       = '0.2.0'
+end

data/lib/GIPainter-helpers.rb

@@ -1,51 +1,51 @@
-require 'rubygems'
-require 'bundler/setup'
-require "GIPainter-helpers/version"
-
-module GIPainter_helpers
-  class << self
-    def load!
-      register_compass_extension if compass?
-      configure_sass
-    end
-
-    # Paths
-    def gem_path
-      @gem_path ||= File.expand_path '..', File.dirname(__FILE__)
-    end
-
-    def stylesheets_path
-      File.join assets_path, 'stylesheets'
-    end
-
-    def assets_path
-      @assets_path ||= File.join gem_path, 'assets'
-    end
-
-    def compass?
-      defined?(::Compass::Frameworks)
-    end
-
-    private
-
-    def configure_sass
-      require 'sass'
-
-      ::Sass.load_paths << stylesheets_path
-
-      ::Sass::Script::Number.precision = [8, ::Sass::Script::Number.precision].max
-    end
-
-    def register_compass_extension
-      ::Compass::Frameworks.register(
-          'GIPainter-helpers',
-          :version               => GIPainter_helpers::VERSION,
-          :path                  => gem_path,
-          :stylesheets_directory => stylesheets_path,
-          :templates_directory   => File.join(gem_path, 'templates')
-      )
-    end
-  end
-end
-
-GIPainter_helpers.load!
+require 'rubygems'
+require 'bundler/setup'
+require "GIPainter-helpers/version"
+
+module GIPainter_helpers
+  class << self
+    def load!
+      register_compass_extension if compass?
+      configure_sass
+    end
+
+    # Paths
+    def gem_path
+      @gem_path ||= File.expand_path '..', File.dirname(__FILE__)
+    end
+
+    def stylesheets_path
+      File.join assets_path, 'stylesheets'
+    end
+
+    def assets_path
+      @assets_path ||= File.join gem_path, 'assets'
+    end
+
+    def compass?
+      defined?(::Compass::Frameworks)
+    end
+
+    private
+
+    def configure_sass
+      require 'sass'
+
+      ::Sass.load_paths << stylesheets_path
+
+      ::Sass::Script::Number.precision = [8, ::Sass::Script::Number.precision].max
+    end
+
+    def register_compass_extension
+      ::Compass::Frameworks.register(
+          'GIPainter-helpers',
+          :version               => GIPainter_helpers::VERSION,
+          :path                  => gem_path,
+          :stylesheets_directory => stylesheets_path,
+          :templates_directory   => File.join(gem_path, 'templates')
+      )
+    end
+  end
+end
+
+GIPainter_helpers.load!

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: GIPainter-helpers
 version: !ruby/object:Gem::Version
-  version: 0.1.4
+  version: 0.2.0
 platform: ruby
 authors:
 - Genious Interactive
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-02-15 00:00:00.000000000 Z
+date: 2017-02-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: GIPainter-base
@@ -144,7 +144,14 @@ extensions: []
 extra_rdoc_files: []
 files:
 - README.md
+- assets/stylesheets/Base/_borders.scss
+- assets/stylesheets/Base/_colors.scss
 - assets/stylesheets/Base/_core.scss
+- assets/stylesheets/Base/_margins.scss
+- assets/stylesheets/Base/_paddings.scss
+- assets/stylesheets/Base/_positioning.scss
+- assets/stylesheets/Base/_spacing.scss
+- assets/stylesheets/Base/_typo.scss
 - assets/stylesheets/_GIPainter-helpers.scss
 - lib/GIPainter-helpers.rb
 - lib/GIPainter-helpers/version.rb
@@ -170,7 +177,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.6.10
+rubygems_version: 2.5.2
 signing_key: 
 specification_version: 4
 summary: A compass extension | helpers