1 |
d7f58da2
|
Florent Torregrosa
|
// Mixin for box-sizing
|
2 |
|
|
// ====================================================================
|
3 |
|
|
|
4 |
|
|
@mixin bs($bs-type: $defined-bs-type) {
|
5 |
|
|
-webkit-box-sizing: $bs-type;
|
6 |
|
|
-moz-box-sizing: $bs-type;
|
7 |
|
|
box-sizing: $bs-type;
|
8 |
|
|
}
|
9 |
|
|
|
10 |
|
|
// Media Query mixin
|
11 |
|
|
@mixin MQ($canvas) {
|
12 |
|
|
@if $canvas == iphone-land {
|
13 |
|
|
@media only screen and (min-width: $XS + 1) and (max-width: $S) { @content; }
|
14 |
|
|
}
|
15 |
|
|
@else if $canvas == ipad-port {
|
16 |
|
|
@media only screen and (min-width: $S + 1) and (max-width: $M) { @content; }
|
17 |
|
|
}
|
18 |
|
|
@else if $canvas == ipad-land {
|
19 |
|
|
@media only screen and (min-width: $M + 1) and (max-width: $L) { @content; }
|
20 |
|
|
}
|
21 |
|
|
@else if $canvas == standard-pc {
|
22 |
|
|
@media only screen and (min-width: $L + 1) { @content; }
|
23 |
|
|
}
|
24 |
|
|
@else if $canvas == iphone-port {
|
25 |
|
|
@media only screen and (max-width: $XS) { @content; }
|
26 |
|
|
}
|
27 |
|
|
@else if $canvas == iP4 {
|
28 |
|
|
@media
|
29 |
|
|
only screen and (-webkit-min-device-pixel-ratio : 1.5),
|
30 |
|
|
only screen and(min-device-pixel-ratio : 1.5) { @content; }
|
31 |
|
|
}
|
32 |
|
|
@else if $canvas == SBig {
|
33 |
|
|
@media only screen and (min-width: $BS) { @content; }
|
34 |
|
|
}
|
35 |
|
|
} |