| 16825 |
efrain |
1 |
@function retina-size($value) {
|
|
|
2 |
@return floor($value / 2);
|
|
|
3 |
}
|
|
|
4 |
|
|
|
5 |
@mixin retina-bg-size($spriteWidth, $spriteHeight) {
|
|
|
6 |
background-size: floor($spriteWidth / 2) floor($spriteHeight / 2);
|
|
|
7 |
}
|
|
|
8 |
|
|
|
9 |
.iti__flag {
|
|
|
10 |
$item-width-maps: ({{#items}}{{strings.name}}: {{px.width}}, {{/items}});
|
|
|
11 |
$standard-country: 'ac';
|
|
|
12 |
width: map-get($item-width-maps, $standard-country);
|
|
|
13 |
|
|
|
14 |
@each $key, $width in $item-width-maps {
|
|
|
15 |
@if $width != map-get($item-width-maps, $standard-country) {
|
|
|
16 |
&.iti__#{$key} {
|
|
|
17 |
width: $width;
|
|
|
18 |
}
|
|
|
19 |
}
|
|
|
20 |
}
|
|
|
21 |
|
|
|
22 |
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
|
|
|
23 |
background-size: {{spritesheet.px.width}} {{spritesheet.px.height}};
|
|
|
24 |
}
|
|
|
25 |
|
|
|
26 |
{{#items}}
|
|
|
27 |
&.iti__{{strings.name}} {
|
|
|
28 |
height: {{px.height}};
|
|
|
29 |
background-position: {{px.offset_x}} {{px.offset_y}};
|
|
|
30 |
}
|
|
|
31 |
{{/items}}
|
|
|
32 |
}
|