GIPainter-grid 0.2.8 → 0.2.9
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/assets/stylesheets/Base/_column.scss +26 -2
- data/assets/stylesheets/Mixins/_grid.scss +1 -2
- data/lib/GIPainter-grid/version.rb +1 -1
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 3c4db13014d41136e0d1aa7ab44a36ddee1d1f9d
|
|
4
|
+
data.tar.gz: 1d54e1ab69dcbecda25f6c300f42de9d71c7b11b
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: b4f1776d200ab71a6eabaaeb88282e64ad0e58378529eb01e55d6688948678f088f6d2ad76d37790454536daf9dcc12d24b4ee7c1bc113c151d9cc6a3b21ba58
|
|
7
|
+
data.tar.gz: 734282fd93b95ce51fd4a6855bb9c9e4c1a5c895fba0af232e1287adb3bea8d1543129e354a5a0d70958cf869286573725b12c9f22e0ecede65faa89aaba219d
|
|
@@ -1,5 +1,15 @@
|
|
|
1
|
-
|
|
1
|
+
[class^="o-column-"] {
|
|
2
2
|
@include flexboxgrid-sass-col-common;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.o-column{
|
|
6
|
+
@include box-sizing(border-box);
|
|
7
|
+
@include flexbox((display: flex, flex-direction: column));
|
|
8
|
+
@include flex(0 1 auto);
|
|
9
|
+
@include flex-wrap(wrap);
|
|
10
|
+
margin-right: $gutter-width;
|
|
11
|
+
margin-left: $gutter-width;
|
|
12
|
+
max-width: 100%;
|
|
3
13
|
|
|
4
14
|
&--reverse {
|
|
5
15
|
@include flex-direction(column-reverse);
|
|
@@ -30,6 +40,10 @@
|
|
|
30
40
|
}
|
|
31
41
|
}
|
|
32
42
|
|
|
43
|
+
&--no-wrap {
|
|
44
|
+
@include flex-wrap(nowrap);
|
|
45
|
+
}
|
|
46
|
+
|
|
33
47
|
&--start {
|
|
34
48
|
@include justify-content(flex-start);
|
|
35
49
|
text-align: start;
|
|
@@ -77,7 +91,13 @@
|
|
|
77
91
|
@each $name, $value in $default_breakpoint {
|
|
78
92
|
@include mquery($value) {
|
|
79
93
|
.o-column-#{"" + $name} {
|
|
80
|
-
@include
|
|
94
|
+
@include box-sizing(border-box);
|
|
95
|
+
@include flexbox((display: flex, flex-direction: column));
|
|
96
|
+
@include flex(0 1 auto);
|
|
97
|
+
@include flex-wrap(wrap);
|
|
98
|
+
margin-right: $gutter-width;
|
|
99
|
+
margin-left: $gutter-width;
|
|
100
|
+
max-width: 100%;
|
|
81
101
|
|
|
82
102
|
&-size-auto {
|
|
83
103
|
@include flex-basis(auto);
|
|
@@ -104,6 +124,10 @@
|
|
|
104
124
|
}
|
|
105
125
|
}
|
|
106
126
|
|
|
127
|
+
&--no-wrap {
|
|
128
|
+
@include flex-wrap(nowrap);
|
|
129
|
+
}
|
|
130
|
+
|
|
107
131
|
&--start {
|
|
108
132
|
@include justify-content(flex-start);
|
|
109
133
|
text-align: start;
|