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
30
| @hafl-float-size:
| sm @layout-gutter * 8,
| md @layout-gutter * 10,
| lg @layout-gutter * 12;
|
| .half-float {
| position: relative;
| img {
| display: block;
| max-width: 100%;
| height: auto;
| }
| .half-float-bottom {
| position: absolute;
| left: 50%;
| z-index: 2;
| }
|
| .for-each(@hafl-float-size, {
| &.half-float-@{adKey} {
| margin-bottom: (@adValue / 2) + 10;
| .half-float-bottom {
| bottom: -(@adValue / 2);
| width: @adValue;
| height: @adValue;
| margin-left: -(@adValue / 2);
| }
| }
| });
| }
|
|
