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 +4 -4
- data/assets/stylesheets/Base/_colors.scss +15 -15
- data/assets/stylesheets/Base/_core.scss +4 -0
- data/assets/stylesheets/Base/_positioning.scss +1 -1
- data/assets/stylesheets/Base/_spacing.scss +25 -2
- data/lib/GIPainter-helpers/version.rb +1 -1
- metadata +1 -3
- data/assets/stylesheets/Base/_margins.scss +0 -63
- data/assets/stylesheets/Base/_paddings.scss +0 -65
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: e7edc6c6e75750f51c153c533c213b2bf8652867
|
4
|
+
data.tar.gz: 43334a3e64a4bea7fd83ed2f9253b47ab3c7e45f
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
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
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
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
|
@@ -3,7 +3,11 @@
|
|
3
3
|
// PADDINGS & MARGINS CLASSES GENERATION
|
4
4
|
//-----------------------------------
|
5
5
|
|
6
|
-
|
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
|
-
|
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
|
|
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.
|
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
|
-
}
|