GIPainter-helpers 0.2.3 → 0.2.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: ac2258976f6dcfd23654d8955e9f242450d71883
-  data.tar.gz: 56a505219563c6d7392764b9d8b1bbe2247ede63
+  metadata.gz: e88d8f82165f0a4b2201e3290257a96d94a45b6c
+  data.tar.gz: 79aa0326e57588d607d9d1d81e730f2b4d29cbb8
 SHA512:
-  metadata.gz: 1c07e9c3641b89d9dd8e00a4b71b7bdcdf2b0afb6fab777eda233d708583d80144feed82aa2b4fdc3f33543e56e2b84805edc4869b9cff705ecc00fecb4db1e7
-  data.tar.gz: f14f0fce3c642d56e951b83338fea3f4a6e26a5778da4d9d05bfd865028ea78bc8b15cb58e6089ae5c68f9ee749b1b483d030ea9df4c24f93facdb34b974cbd3
+  metadata.gz: 94b130c488b5df65e1603908e725e43e59e53984d8548569c868b70c78674769b87eac57cb8d1d4e09c69c6e6624f06cdd3404b24b86b9ecc9ee816b08857822
+  data.tar.gz: e4b76cd24fca6ff2bddd304d7504ee68328bda6dcec9da1c83c78b7083d9055f623f714bb0efd7168b7ad14254f707a52351d4334f7a7389db3ce2d381857c70

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

@@ -1,102 +1,58 @@
-@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);
-    }
-  }
-}
+//-----------------------------------
+// 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
+
+/*----------------
+    Borders
+----------------*/
+
+@for $i from 1 through $max-border-size{
+    @each $nameC, $valueC in $merge_colors {
+      @each $name, $value in $border-position {
+        .#{"" + $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
+
+/*----------------
+    Borders Radius
+----------------*/
+
+@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

@@ -1,90 +1,46 @@
-//-----------------------------------
-// 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-danger);
-}
-
-/*----------------
-    Backgrounds
-----------------*/
-
-@each $name, $value in $merge_colors {
-  .bg-#{"" + $name} {
-    background-color: $value;
-  }
+//-----------------------------------
+// HELPER
+// COLORS CLASSES GENERATION
+//-----------------------------------
+
+////
+/// @access public
+/// @group Colors
+/// @type Map
+////
+
+@each $name, $value in $merge_colors {
+  .c-#{"" + $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/_core.scss

@@ -1,4 +1,5 @@
-//-----------------------------------
-// CORE
-// Use to reorder imports
-//-----------------------------------
+@import "borders";
+@import "colors";
+@import "positioning";
+@import "spacing";
+@import "typography";

data/assets/stylesheets/Base/_positioning.scss

@@ -1,103 +1,84 @@
-//-----------------------------------
-// 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;
-}
-
-
+//-----------------------------------
+// HELPER
+// POSITIONING CLASSES GENERATION
+//-----------------------------------
+
+////
+/// @access public
+/// @group Positioning
+/// @type Positioning
+////
+
+/// 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;
+}
+
+/// 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;
+}
+
+