active_frontend 17.5.1 → 17.6.0
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
|
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
|
}
|