GIPainter-helpers 0.2.0 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. checksums.yaml +4 -4
  2. data/assets/stylesheets/Base/_colors.scss +15 -15
  3. data/assets/stylesheets/Base/_core.scss +4 -0
  4. data/assets/stylesheets/Base/_positioning.scss +1 -1
  5. data/assets/stylesheets/Base/_spacing.scss +25 -2
  6. data/lib/GIPainter-helpers/version.rb +1 -1
  7. metadata +1 -3
  8. data/assets/stylesheets/Base/_margins.scss +0 -63
  9. data/assets/stylesheets/Base/_paddings.scss +0 -65
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 3d5969bef26221af77bea832a502ac8b10619a96
4
- data.tar.gz: 58c79db16fc6f3f72db6645fb721574353645c09
3
+ metadata.gz: e7edc6c6e75750f51c153c533c213b2bf8652867
4
+ data.tar.gz: 43334a3e64a4bea7fd83ed2f9253b47ab3c7e45f
5
5
  SHA512:
6
- metadata.gz: a5b70511db4f4ebc7ab4a315b34c82b6e06750ccfb049c33f6f94c03adc5dac19efeba6df1909fd6caa75390e8327238b0cbf517eda64722d8ffa81f6f486bf8
7
- data.tar.gz: 9926c4bced08a956641d8f89f112ef251bf6e531b57744a86e6c44ad44dc578b4ff8436883c53d64d16f21a0921e89854ec004d649b9eb1185efadcd8a17987c
6
+ metadata.gz: 545ef081bc5700050a1a14223f7e0eed817c2591f24d2418b4562315dc42b8d62470251edc75bba674e95011ae617105722e4f622fcd70a1b4fb9357b3bbbd2f
7
+ data.tar.gz: 7835afa121d6fc842f6927a3d995589980dead83022e9043fe90b14171ac35f2e82bfa06285c6ee511149c06857dcc16e9b9209392809854b444d19a20879d83
data/assets/stylesheets/Base/_colors.scss CHANGED
@@ -63,21 +63,21 @@ $merge_colors: map-merge($default_colors, $brand_colors);
63
63
  .text-muted {
64
64
  color: $gray;
65
65
  }
66
- //.text-primary {
67
- // @include text-emphasis-variant($brand-primary);
68
- //}
69
- //.text-success {
70
- // @include text-emphasis-variant($brand-success);
71
- //}
72
- //.text-info {
73
- // @include text-emphasis-variant($brand-info);
74
- //}
75
- //.text-warning {
76
- // @include text-emphasis-variant($brand-warning);
77
- //}
78
- //.text-error {
79
- // @include text-emphasis-variant($brand-error);
80
- //}
66
+ .text-primary {
67
+ @include text-emphasis-variant($brand-primary);
68
+ }
69
+ .text-success {
70
+ @include text-emphasis-variant($brand-success);
71
+ }
72
+ .text-info {
73
+ @include text-emphasis-variant($brand-info);
74
+ }
75
+ .text-warning {
76
+ @include text-emphasis-variant($brand-warning);
77
+ }
78
+ .text-error {
79
+ @include text-emphasis-variant($brand-error);
80
+ }
81
81
 
82
82
  /*----------------
83
83
  Backgrounds
data/assets/stylesheets/Base/_core.scss CHANGED
@@ -0,0 +1,4 @@
1
+ //-----------------------------------
2
+ // CORE
3
+ // Use to reorder imports
4
+ //-----------------------------------
data/assets/stylesheets/Base/_positioning.scss CHANGED
@@ -52,7 +52,7 @@ $wrapper: 10;
52
52
 
53
53
  /// Center Block
54
54
  .centerer {
55
- @include centerer();
55
+ @include centerer();
56
56
  }
57
57
 
58
58
  /// Vertical Align
data/assets/stylesheets/Base/_spacing.scss CHANGED
@@ -3,7 +3,11 @@
3
3
  // PADDINGS & MARGINS CLASSES GENERATION
4
4
  //-----------------------------------
5
5
 
6
- /* Margin and Padding From Bootstrap 4*/
6
+ // From Bootstrap 4
7
+
8
+ /*----------------
9
+ Margin and Padding
10
+ ----------------*/
7
11
 
8
12
  // Grid breakpoints
9
13
  //
@@ -121,7 +125,7 @@ $GI_spacing : mg/pd(Pos)-(value);
121
125
 
122
126
  @each $breakpoint in map-keys($grid-breakpoints) {
123
127
  @include media-breakpoint-up($breakpoint) {
124
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
128
+ $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
125
129
 
126
130
  @each $prop, $abbrev in (margin: mg, padding: pd) {
127
131
  @each $size, $lengths in $spacers {
@@ -161,4 +165,23 @@ $GI_spacing : mg/pd(Pos)-(value);
161
165
  }
162
166
  }
163
167
 
168
+ /*----------------
169
+ Display utilities
170
+ ----------------*/
171
+
172
+ @each $breakpoint in map-keys($grid-breakpoints) {
173
+ @include media-breakpoint-up($breakpoint) {
174
+ $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
175
+
176
+ .d#{$infix}-none { display: none !important; }
177
+ .d#{$infix}-inline { display: inline !important; }
178
+ .d#{$infix}-inline-block { display: inline-block !important; }
179
+ .d#{$infix}-block { display: block !important; }
180
+ .d#{$infix}-table { display: table !important; }
181
+ .d#{$infix}-table-cell { display: table-cell !important; }
182
+ .d#{$infix}-flex { display: flex !important; }
183
+ .d#{$infix}-inline-flex { display: inline-flex !important; }
184
+ }
185
+ }
186
+
164
187
 
data/lib/GIPainter-helpers/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module GIPainter_helpers
2
- VERSION = '0.2.0'
2
+ VERSION = '0.2.1'
3
3
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: GIPainter-helpers
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.2.0
4
+ version: 0.2.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Genious Interactive
@@ -147,8 +147,6 @@ files:
147
147
  - assets/stylesheets/Base/_borders.scss
148
148
  - assets/stylesheets/Base/_colors.scss
149
149
  - assets/stylesheets/Base/_core.scss
150
- - assets/stylesheets/Base/_margins.scss
151
- - assets/stylesheets/Base/_paddings.scss
152
150
  - assets/stylesheets/Base/_positioning.scss
153
151
  - assets/stylesheets/Base/_spacing.scss
154
152
  - assets/stylesheets/Base/_typo.scss
data/assets/stylesheets/Base/_margins.scss DELETED
@@ -1,63 +0,0 @@
1
- //-----------------------------------
2
- // HELPER
3
- // MARGINS CLASSES GENERATION
4
- //-----------------------------------
5
-
6
- ////
7
- /// @access public
8
- /// @group Margin/Padding
9
- /// @type Margin
10
- ////
11
-
12
- /// Max margin value in margin map
13
- /// @example class="mg(Pos)-(value)"
14
- $max-margin : 20;
15
-
16
-
17
- /*----------------
18
- Margins
19
- ----------------*/
20
- $grid-mg: mg !default;
21
-
22
- @for $i from 0 through $max-margin{
23
- .#{$grid-mg}-#{$i} {
24
- margin: $i + px;
25
- }
26
- }
27
-
28
- // Margin top
29
- $grid-mgt: mgt !default;
30
-
31
- @for $i from 0 through $max-margin{
32
- .#{$grid-mgt}-#{$i} {
33
- margin-top: $i + px;
34
- }
35
- }
36
-
37
- // Margin right
38
- $grid-mgr: mgr !default;
39
-
40
- @for $i from 0 through $max-margin{
41
- .#{$grid-mgr}-#{$i} {
42
- margin-right: $i + px;
43
- }
44
- }
45
-
46
- // Margin bottom
47
- $grid-mgb: mgb !default;
48
-
49
- @for $i from 0 through $max-margin{
50
- .#{$grid-mgb}-#{$i} {
51
- margin-bottom: $i + px;
52
- }
53
- }
54
-
55
-
56
- // Margin left
57
- $grid-mgl: mgl !default;
58
-
59
- @for $i from 0 through $max-margin{
60
- .#{$grid-mgl}-#{$i} {
61
- margin-left: $i + px;
62
- }
63
- }
data/assets/stylesheets/Base/_paddings.scss DELETED
@@ -1,65 +0,0 @@
1
- //-----------------------------------
2
- // HELPER
3
- // PADDINGS CLASSES GENERATION
4
- //-----------------------------------
5
-
6
- ////
7
- /// @access public
8
- /// @group Margin/Padding
9
- /// @type Paddings
10
- ////
11
-
12
- /// Max padding value in padding map
13
- /// @example class="pd(Pos)-(value)"
14
- $max-padding : 20;
15
-
16
- /*----------------
17
- Paddings
18
- ----------------*/
19
- $grid-pd: pd !default;
20
-
21
- @for $i from 0 through $max-padding{
22
- .#{$grid-pd}-#{$i} {
23
- padding: $i + px;
24
- }
25
- }
26
-
27
- // Padding top
28
-
29
- $grid-pdt: pdt !default;
30
-
31
- @for $i from 0 through $max-padding{
32
- .#{$grid-pdt}-#{$i} {
33
- padding-top: $i + px;}
34
-
35
- }
36
-
37
-
38
- // Padding right
39
- $grid-pdr: pdr !default;
40
-
41
- @for $i from 0 through $max-padding{
42
- .#{$grid-pdr}-#{$i} {
43
- padding-right: $i + px;
44
- }
45
- }
46
-
47
-
48
- // Padding bottom
49
- $grid-pdb: pdb !default;
50
-
51
- @for $i from 0 through $max-padding{
52
- .#{$grid-pdb}-#{$i} {
53
- padding-bottom: $i + px;
54
- }
55
- }
56
-
57
-
58
- // Padding left
59
- $grid-pdl: pdl !default;
60
-
61
- @for $i from 0 through $max-padding{
62
- .#{$grid-pdl}-#{$i} {
63
- padding-left: $i + px;
64
- }
65
- }