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.
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
@@ -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
@@ -0,0 +1,4 @@
1
+ //-----------------------------------
2
+ // CORE
3
+ // Use to reorder imports
4
+ //-----------------------------------
@@ -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
@@ -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
 
@@ -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
@@ -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
- }
@@ -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
- }