barbican-reset 2.24.0 → 2.25.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
$xsmall: 416;
|
|
2
|
+
$small: 520;
|
|
3
|
+
$medium: 768;
|
|
4
|
+
$large: 960;
|
|
5
|
+
$xlarge: 1200;
|
|
6
|
+
$xxlarge: 1600;
|
|
7
|
+
|
|
8
|
+
@mixin max-width($width) {
|
|
9
|
+
@media only screen and (max-width: #{$width - 1}px) {
|
|
10
|
+
@content;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
@mixin min-width($width) {
|
|
15
|
+
@media only screen and (min-width: #{$width}px) {
|
|
16
|
+
@content;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
@mixin x-small-up {
|
|
21
|
+
@include min-width($xsmall) {
|
|
22
|
+
@content
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
@mixin x-small-down {
|
|
27
|
+
@include max-width($xsmall) {
|
|
28
|
+
@content
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
@mixin small-down {
|
|
33
|
+
@include max-width($small) {
|
|
34
|
+
@content
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
@mixin small-up {
|
|
39
|
+
@include min-width($small) {
|
|
40
|
+
@content
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
@mixin small-only {
|
|
45
|
+
@include x-small-up {
|
|
46
|
+
@include small-down {
|
|
47
|
+
@content;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
@mixin medium-up {
|
|
53
|
+
@include min-width($medium) {
|
|
54
|
+
@content
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
@mixin medium-down {
|
|
59
|
+
@include max-width($medium) {
|
|
60
|
+
@content
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
@mixin medium-only {
|
|
65
|
+
@include small-up {
|
|
66
|
+
@include medium-down {
|
|
67
|
+
@content;
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
@mixin large-up {
|
|
73
|
+
@include min-width($large) {
|
|
74
|
+
@content
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
@mixin large-down {
|
|
79
|
+
@include max-width($large) {
|
|
80
|
+
@content
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
@mixin large-only {
|
|
85
|
+
@include medium-up {
|
|
86
|
+
@include large-down {
|
|
87
|
+
@content;
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
@mixin x-large-up {
|
|
93
|
+
@include min-width($xlarge) {
|
|
94
|
+
@content
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
@mixin x-large-down {
|
|
99
|
+
@include max-width($xlarge) {
|
|
100
|
+
@content
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
@mixin xlarge-only {
|
|
105
|
+
@include large-up {
|
|
106
|
+
@include x-large-down {
|
|
107
|
+
@content;
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
@mixin xx-large-up {
|
|
113
|
+
@include min-width($xxlarge) {
|
|
114
|
+
@content
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
@mixin xx-large-down {
|
|
119
|
+
@include max-width($xxlarge) {
|
|
120
|
+
@content
|
|
121
|
+
}
|
|
122
|
+
}
|
package/package.json
CHANGED