1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
| .row-masonry {
| position: relative;
| margin: 0;
| padding: 0;
| width: 100%;
| column-gap: @masonry-column-gap;
| > .col-masonry {
| display: inline-block;
| width: 100%;
| min-height: 1em;
| margin-bottom: 15px;
| }
| img {
| max-width: 100%;
| }
| }
|
| .for-each(@grid-breakpoints, {
| @media only screen and (min-width: @adValue) {
| .loopColumn(@pos: 1) when (@pos < 10) {
| .row-masonry-@{adKey}-@{pos} {
| column-count: @pos;
| columns: @pos;
| }
| .loopColumn(@pos + 1);
| }
| .loopColumn();
| }
| });
|
|
