barbican-reset 2.24.0 → 2.26.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
|
+
}
|
|
@@ -331,6 +331,11 @@
|
|
|
331
331
|
@include display-button(flex, 0.5);
|
|
332
332
|
}
|
|
333
333
|
|
|
334
|
+
@mixin btn-remove-membership-from-basket {
|
|
335
|
+
@include solid-button($background: $c-status-error);
|
|
336
|
+
@include display-button(flex, 0.5);
|
|
337
|
+
}
|
|
338
|
+
|
|
334
339
|
// Access Overlay Work -- End
|
|
335
340
|
|
|
336
341
|
@mixin btn-expand {
|
package/package.json
CHANGED
package/scss/_btn.scss
CHANGED