active_frontend 17.5.1 → 17.6.0
Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 423a6be5cb7ade727f54031663744c2913bdd6641b5b836adf769d6bb5354854
|
|
4
|
+
data.tar.gz: 71cceda8ce3fa4db2c40e1c23765d548679b9e7366a0aedfc657950e573850d6
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: dacec0d3a54fe582be36df641736db15560365d33bcf9c98b0fc5c609202fb488bd0019adf0db85c65a12da5fc7b7dd276e1f1d88df5f8303c885ac0dcaa43b4
|
|
7
|
+
data.tar.gz: 8d484bc74feabb9d20105ab7478c746d107d315853cde684cbd8d9f6fb499254e46514d5e6ec8449d77b13993a840f9bf3aad69f8a2450c4784ba5446fc9fff9
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
// Table of Contents
|
|
2
2
|
// ==================================================
|
|
3
3
|
// Card
|
|
4
|
-
// Masonry
|
|
5
4
|
// Media Queries
|
|
6
5
|
|
|
7
6
|
// scss-lint:disable NestingDepth
|
|
@@ -145,34 +144,3 @@
|
|
|
145
144
|
border-radius: 0;
|
|
146
145
|
}
|
|
147
146
|
}
|
|
148
|
-
|
|
149
|
-
// Masonry
|
|
150
|
-
// ==================================================
|
|
151
|
-
.card-masonry {
|
|
152
|
-
column-count: 3;
|
|
153
|
-
column-gap: 20px;
|
|
154
|
-
white-space: normal;
|
|
155
|
-
|
|
156
|
-
> .card-brick {
|
|
157
|
-
display: inline-block;
|
|
158
|
-
margin-bottom: 20px;
|
|
159
|
-
width: 100%;
|
|
160
|
-
|
|
161
|
-
&:last-child { margin: 0; }
|
|
162
|
-
}
|
|
163
|
-
}
|
|
164
|
-
|
|
165
|
-
// Media Queries
|
|
166
|
-
// ==================================================
|
|
167
|
-
@media only screen and (min-width: breakpoint-min-width(xl)) {
|
|
168
|
-
.card-masonry { column-count: 4; }
|
|
169
|
-
}
|
|
170
|
-
@media only screen and (min-width: breakpoint-min-width(s)) and (max-width: breakpoint-max-width(b)) {
|
|
171
|
-
.card-masonry { column-count: 2; }
|
|
172
|
-
}
|
|
173
|
-
@media only screen and (max-width: breakpoint-max-width(s)) {
|
|
174
|
-
.card-masonry {
|
|
175
|
-
column-count: 1;
|
|
176
|
-
column-gap: 0;
|
|
177
|
-
}
|
|
178
|
-
}
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
// Rows
|
|
5
5
|
// Containers
|
|
6
6
|
// Columns
|
|
7
|
+
// Bricks
|
|
7
8
|
// Media Queries
|
|
8
9
|
|
|
9
10
|
// Visibilities
|
|
@@ -57,6 +58,27 @@
|
|
|
57
58
|
}
|
|
58
59
|
}
|
|
59
60
|
|
|
61
|
+
.container-cols,
|
|
62
|
+
.container-grid {
|
|
63
|
+
box-sizing: border-box;
|
|
64
|
+
white-space: normal;
|
|
65
|
+
}
|
|
66
|
+
.container-cols {
|
|
67
|
+
column-count: 3;
|
|
68
|
+
column-gap: 20px;
|
|
69
|
+
|
|
70
|
+
> .brick {
|
|
71
|
+
margin-bottom: 20px;
|
|
72
|
+
|
|
73
|
+
&:last-child { margin: 0; }
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
.container-grid {
|
|
77
|
+
display: grid;
|
|
78
|
+
grid-gap: 20px;
|
|
79
|
+
grid-template-columns: repeat(auto-fill, minmax(33.33333%, 1fr));
|
|
80
|
+
}
|
|
81
|
+
|
|
60
82
|
// Columns
|
|
61
83
|
// ==================================================
|
|
62
84
|
.cols {
|
|
@@ -80,8 +102,20 @@
|
|
|
80
102
|
.offset-by-#{$name} { padding-left: $width; }
|
|
81
103
|
}
|
|
82
104
|
|
|
105
|
+
// Bricks
|
|
106
|
+
// ==================================================
|
|
107
|
+
.brick {
|
|
108
|
+
box-sizing: border-box;
|
|
109
|
+
display: inline-block;
|
|
110
|
+
width: 100%;
|
|
111
|
+
}
|
|
112
|
+
|
|
83
113
|
// Media Queries
|
|
84
114
|
// ==================================================
|
|
115
|
+
@media only screen and (min-width: breakpoint-min-width(xl)) {
|
|
116
|
+
.container-cols { column-count: 4; }
|
|
117
|
+
.container-grid { grid-template-columns: repeat(auto-fill, minmax(25%, 1fr)); }
|
|
118
|
+
}
|
|
85
119
|
@media only screen and (min-width: breakpoint-min-width(b)) and (max-width: breakpoint-max-width(l)) {
|
|
86
120
|
@each $name, $widths in $grid-container-widths {
|
|
87
121
|
$width: nth($widths, 2);
|
|
@@ -103,6 +137,8 @@
|
|
|
103
137
|
}
|
|
104
138
|
}
|
|
105
139
|
|
|
140
|
+
.container-cols { column-count: 2; }
|
|
141
|
+
.container-grid { grid-template-columns: repeat(auto-fill, minmax(50%, 1fr)); }
|
|
106
142
|
.hidden-desktop { display: inherit; }
|
|
107
143
|
.hidden-tablet { display: none; }
|
|
108
144
|
}
|
|
@@ -139,6 +175,12 @@
|
|
|
139
175
|
}
|
|
140
176
|
.offset-by-#{$name} { padding-left: 0; }
|
|
141
177
|
}
|
|
178
|
+
|
|
179
|
+
.container-cols {
|
|
180
|
+
column-count: 1;
|
|
181
|
+
column-gap: 0;
|
|
182
|
+
}
|
|
183
|
+
.container-grid { grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)); }
|
|
142
184
|
.hidden-desktop { display: inherit; }
|
|
143
185
|
.hidden-phone { display: none; }
|
|
144
186
|
}
|