GIPainter-helpers 0.2.0 → 0.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 3d5969bef26221af77bea832a502ac8b10619a96
-  data.tar.gz: 58c79db16fc6f3f72db6645fb721574353645c09
+  metadata.gz: e7edc6c6e75750f51c153c533c213b2bf8652867
+  data.tar.gz: 43334a3e64a4bea7fd83ed2f9253b47ab3c7e45f
 SHA512:
-  metadata.gz: a5b70511db4f4ebc7ab4a315b34c82b6e06750ccfb049c33f6f94c03adc5dac19efeba6df1909fd6caa75390e8327238b0cbf517eda64722d8ffa81f6f486bf8
-  data.tar.gz: 9926c4bced08a956641d8f89f112ef251bf6e531b57744a86e6c44ad44dc578b4ff8436883c53d64d16f21a0921e89854ec004d649b9eb1185efadcd8a17987c
+  metadata.gz: 545ef081bc5700050a1a14223f7e0eed817c2591f24d2418b4562315dc42b8d62470251edc75bba674e95011ae617105722e4f622fcd70a1b4fb9357b3bbbd2f
+  data.tar.gz: 7835afa121d6fc842f6927a3d995589980dead83022e9043fe90b14171ac35f2e82bfa06285c6ee511149c06857dcc16e9b9209392809854b444d19a20879d83

data/assets/stylesheets/Base/_colors.scss

@@ -63,21 +63,21 @@ $merge_colors: map-merge($default_colors, $brand_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);
-//}
+.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

data/assets/stylesheets/Base/_core.scss

@@ -0,0 +1,4 @@
+//-----------------------------------
+// CORE
+// Use to reorder imports
+//-----------------------------------

data/assets/stylesheets/Base/_positioning.scss

@@ -52,7 +52,7 @@ $wrapper: 10;
 
 /// Center Block
 .centerer {
-     @include centerer();
+  @include centerer();
 }
 
 /// Vertical Align

data/assets/stylesheets/Base/_spacing.scss

@@ -3,7 +3,11 @@
 // PADDINGS & MARGINS CLASSES GENERATION
 //-----------------------------------
 
-/* Margin and Padding From Bootstrap 4*/
+// From Bootstrap 4
+
+/*----------------
+    Margin and Padding
+----------------*/
 
 // Grid breakpoints
 //
@@ -121,7 +125,7 @@ $GI_spacing : mg/pd(Pos)-(value);
 
 @each $breakpoint in map-keys($grid-breakpoints) {
   @include media-breakpoint-up($breakpoint) {
-  $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
 
     @each $prop, $abbrev in (margin: mg, padding: pd) {
       @each $size, $lengths in $spacers {
@@ -161,4 +165,23 @@ $GI_spacing : mg/pd(Pos)-(value);
   }
 }
 
+/*----------------
+    Display utilities
+----------------*/
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    .d#{$infix}-none         { display: none !important; }
+    .d#{$infix}-inline       { display: inline !important; }
+    .d#{$infix}-inline-block { display: inline-block !important; }
+    .d#{$infix}-block        { display: block !important; }
+    .d#{$infix}-table        { display: table !important; }
+    .d#{$infix}-table-cell   { display: table-cell !important; }
+    .d#{$infix}-flex         { display: flex !important; }
+    .d#{$infix}-inline-flex  { display: inline-flex !important; }
+  }
+}
+
 

data/lib/GIPainter-helpers/version.rb

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

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: GIPainter-helpers
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.2.1
 platform: ruby
 authors:
 - Genious Interactive
@@ -147,8 +147,6 @@ files:
 - 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

data/assets/stylesheets/Base/_margins.scss

@@ -1,63 +0,0 @@
-//-----------------------------------
-// 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

@@ -1,65 +0,0 @@
-//-----------------------------------
-// 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;
-  }
-}