1
|
// 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
|
}
|