barbican-reset 1.9.1 → 1.9.4
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.
- package/components/br_confirm_done.vue +1 -8
- package/helpers/mixins/_buttons.scss +21 -2
- package/helpers/mixins/_table.scss +2 -11
- package/helpers/mixins/table/_details.scss +6 -0
- package/helpers/mixins/table/row/_disabled.scss +21 -0
- package/helpers/variables/_columns.scss +9 -0
- package/helpers/variables/_layout.scss +3 -1
- package/helpers/variables/index.scss +2 -1
- package/package.json +9 -9
- package/scss/_btn.scss +4 -0
- package/scss/_custom-checkbox.scss +15 -1
- package/scss/_table.scss +6 -0
- package/scss/card/_block.scss +1 -1
|
@@ -14,14 +14,7 @@ import { DoneIcon } from 'barbican-reset/icons/confirm'
|
|
|
14
14
|
|
|
15
15
|
export default {
|
|
16
16
|
mixins: [Animations],
|
|
17
|
-
components: {
|
|
18
|
-
DoneIcon,
|
|
19
|
-
},
|
|
20
|
-
props: {
|
|
21
|
-
type: {
|
|
22
|
-
type: String
|
|
23
|
-
},
|
|
24
|
-
},
|
|
17
|
+
components: { DoneIcon },
|
|
25
18
|
mounted() {
|
|
26
19
|
this.animateDone();
|
|
27
20
|
},
|
|
@@ -123,6 +123,7 @@
|
|
|
123
123
|
font-weight: inherit;
|
|
124
124
|
padding: $padding;
|
|
125
125
|
border-radius: 0;
|
|
126
|
+
text-align: left;
|
|
126
127
|
color: $color;
|
|
127
128
|
|
|
128
129
|
@if $line-height { line-height: $line-height; }
|
|
@@ -212,7 +213,7 @@
|
|
|
212
213
|
}
|
|
213
214
|
|
|
214
215
|
@mixin btn-link {
|
|
215
|
-
@include button-link;
|
|
216
|
+
@include button-link($line-height: 1.3);
|
|
216
217
|
@include focus {
|
|
217
218
|
@include single-box($c-grey-l21);
|
|
218
219
|
background-color: $c-grey-l21;
|
|
@@ -225,7 +226,6 @@
|
|
|
225
226
|
$padding: 1.25em,
|
|
226
227
|
$background: $c-grey-l96);
|
|
227
228
|
font-weight: 700;
|
|
228
|
-
text-align: left;
|
|
229
229
|
width: 100%;
|
|
230
230
|
|
|
231
231
|
@include focus {
|
|
@@ -323,6 +323,25 @@
|
|
|
323
323
|
}
|
|
324
324
|
}
|
|
325
325
|
|
|
326
|
+
@mixin btn-menu {
|
|
327
|
+
@include button-display(flex, 0.75rem);
|
|
328
|
+
@include button-outline(
|
|
329
|
+
$color: $white,
|
|
330
|
+
$background: $c-brand-generic,
|
|
331
|
+
$padding: 0 0.75rem,
|
|
332
|
+
$line-height: 2.375rem);
|
|
333
|
+
|
|
334
|
+
@include focus {
|
|
335
|
+
color: $c-brand-generic-s100-l38;
|
|
336
|
+
background-color: $white;
|
|
337
|
+
outline: none;
|
|
338
|
+
|
|
339
|
+
svg {
|
|
340
|
+
fill: $c-brand-generic-s100-l38;
|
|
341
|
+
}
|
|
342
|
+
}
|
|
343
|
+
}
|
|
344
|
+
|
|
326
345
|
@mixin btn-invisible {
|
|
327
346
|
color: inherit;
|
|
328
347
|
padding: 0;
|
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
|
|
14
14
|
@mixin table-label($mq:md) {
|
|
15
15
|
font-size: $font-size-lg;
|
|
16
|
+
margin-bottom: 0.25rem;
|
|
16
17
|
|
|
17
18
|
@include media-breakpoint-up($mq) {
|
|
18
19
|
@include sr-only;
|
|
@@ -33,15 +34,6 @@
|
|
|
33
34
|
}
|
|
34
35
|
}
|
|
35
36
|
|
|
36
|
-
$columns-orders: 10rem 8rem auto 8rem;
|
|
37
|
-
$columns-details--header: auto 10rem 8rem;
|
|
38
|
-
$columns-details--checkbox: 2.75rem auto 10rem 8rem;
|
|
39
|
-
$columns-etickets: 8rem auto 8rem;
|
|
40
|
-
$columns-gifts: 3fr 5fr 5fr 2fr 2fr;
|
|
41
|
-
$columns-membership: auto 10rem 10rem 8rem;
|
|
42
|
-
$columns-preferences: auto repeat(2, 5rem);
|
|
43
|
-
$columns-tickets: 2fr 5fr 5fr 2fr;
|
|
44
|
-
|
|
45
37
|
@import "table/basket";
|
|
46
38
|
@import "table/details";
|
|
47
39
|
@import "table/etickets";
|
|
@@ -53,5 +45,4 @@ $columns-tickets: 2fr 5fr 5fr 2fr;
|
|
|
53
45
|
@import "table/section";
|
|
54
46
|
@import "table/tickets";
|
|
55
47
|
|
|
56
|
-
|
|
57
|
-
|
|
48
|
+
@import "table/row/disabled";
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
|
|
2
|
+
@mixin disabled-row {
|
|
3
|
+
background-color: $c-grey-l96;
|
|
4
|
+
pointer-events: none;
|
|
5
|
+
color: $c-grey-l44;
|
|
6
|
+
user-select: none;
|
|
7
|
+
|
|
8
|
+
strike {
|
|
9
|
+
color: $c-grey-l44;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
button {
|
|
13
|
+
background-color: transparent;
|
|
14
|
+
border-color: $c-grey-l44;
|
|
15
|
+
color: $c-grey-l44;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
a {
|
|
19
|
+
color: $c-grey-l44;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
|
|
2
|
+
$columns-orders: 10rem 8rem auto 8rem;
|
|
3
|
+
$columns-details--header: auto 10rem 8rem;
|
|
4
|
+
$columns-details--checkbox: 2.75rem auto 10rem 8rem;
|
|
5
|
+
$columns-etickets: 8rem auto 8rem;
|
|
6
|
+
$columns-gifts: 3fr 5fr 5fr 2fr 2fr;
|
|
7
|
+
$columns-membership: auto 10rem 10rem 8rem;
|
|
8
|
+
$columns-preferences: auto repeat(2, 5rem);
|
|
9
|
+
$columns-tickets: 2fr 5fr 5fr 2fr;
|
|
@@ -22,4 +22,6 @@ $height-dashboard-banner: 25rem;
|
|
|
22
22
|
$width-power-related: 66rem;
|
|
23
23
|
$gap-accordion: 2rem;
|
|
24
24
|
|
|
25
|
-
$select-arrow: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e";
|
|
25
|
+
$select-arrow: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e";
|
|
26
|
+
|
|
27
|
+
$box-shadow-card: 0 0 0.5rem rgba($black, 0.1);
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"_args": [
|
|
3
3
|
[
|
|
4
|
-
"barbican-reset@1.9.
|
|
4
|
+
"barbican-reset@1.9.4",
|
|
5
5
|
"/Users/pheading/Sites/eticketing-vue"
|
|
6
6
|
]
|
|
7
7
|
],
|
|
8
|
-
"_from": "barbican-reset@1.9.
|
|
9
|
-
"_id": "barbican-reset@1.9.
|
|
8
|
+
"_from": "barbican-reset@1.9.4",
|
|
9
|
+
"_id": "barbican-reset@1.9.4",
|
|
10
10
|
"_inBundle": false,
|
|
11
11
|
"_integrity": "sha512-9QMrzuoZ/NZfFlFagC6go3ofn5hBhU9rtSPEeGH0krwY5dBKOlfs8oGIvqUaEGFKI+jQ3spuDOQoeyYK5NRiQw==",
|
|
12
12
|
"_location": "/barbican-reset",
|
|
@@ -35,18 +35,18 @@
|
|
|
35
35
|
"_requested": {
|
|
36
36
|
"type": "version",
|
|
37
37
|
"registry": true,
|
|
38
|
-
"raw": "barbican-reset@1.9.
|
|
38
|
+
"raw": "barbican-reset@1.9.4",
|
|
39
39
|
"name": "barbican-reset",
|
|
40
40
|
"escapedName": "barbican-reset",
|
|
41
|
-
"rawSpec": "1.9.
|
|
41
|
+
"rawSpec": "1.9.4",
|
|
42
42
|
"saveSpec": null,
|
|
43
|
-
"fetchSpec": "1.9.
|
|
43
|
+
"fetchSpec": "1.9.4"
|
|
44
44
|
},
|
|
45
45
|
"_requiredBy": [
|
|
46
46
|
"/"
|
|
47
47
|
],
|
|
48
|
-
"_resolved": "https://registry.npmjs.org/barbican-reset/-/barbican-reset-1.9.
|
|
49
|
-
"_spec": "1.9.
|
|
48
|
+
"_resolved": "https://registry.npmjs.org/barbican-reset/-/barbican-reset-1.9.4.tgz",
|
|
49
|
+
"_spec": "1.9.4",
|
|
50
50
|
"_where": "/Users/pheading/Sites/eticketing-vue",
|
|
51
51
|
"author": {
|
|
52
52
|
"name": "Paul Heading"
|
|
@@ -96,5 +96,5 @@
|
|
|
96
96
|
"test": "echo \"Error: no test specified\" && exit 1"
|
|
97
97
|
},
|
|
98
98
|
"style": "dist/css/barbican-reset.css",
|
|
99
|
-
"version": "1.9.
|
|
99
|
+
"version": "1.9.4"
|
|
100
100
|
}
|
package/scss/_btn.scss
CHANGED
|
@@ -3,14 +3,28 @@
|
|
|
3
3
|
|
|
4
4
|
input[table][type="checkbox"] {
|
|
5
5
|
@include inset;
|
|
6
|
-
margin-top: 0.
|
|
6
|
+
margin-top: 0.25rem;
|
|
7
7
|
position: relative;
|
|
8
8
|
display: block;
|
|
9
9
|
z-index: 1;
|
|
10
10
|
|
|
11
|
+
@include media-breakpoint-up(md) {
|
|
12
|
+
margin-top: 0.625rem;
|
|
13
|
+
}
|
|
14
|
+
|
|
11
15
|
+ label {
|
|
12
16
|
@include sr-only;
|
|
13
17
|
}
|
|
18
|
+
|
|
19
|
+
@include focus {
|
|
20
|
+
outline: 1px solid $c-grey-l65;
|
|
21
|
+
outline-offset: 0.125rem;
|
|
22
|
+
|
|
23
|
+
~ label {
|
|
24
|
+
box-shadow: none;
|
|
25
|
+
border: none;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
14
28
|
}
|
|
15
29
|
|
|
16
30
|
&:not(:last-of-type) {
|
package/scss/_table.scss
CHANGED
package/scss/card/_block.scss
CHANGED