barbican-reset 2.1.6 → 2.1.8
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/event_summary.vue +17 -13
- package/helpers/mixins/_buttons.scss +1 -1
- package/helpers/mixins/_focus.scss +12 -12
- package/helpers/mixins/input/_text.scss +18 -18
- package/helpers/variables/colors/index.scss +7 -8
- package/package.json +9 -9
- package/helpers/variables/colors/_borders.scss +0 -3
|
@@ -5,7 +5,13 @@
|
|
|
5
5
|
<div :class="$style.title">{{ data.title }}</div>
|
|
6
6
|
<div :class="$style.date_time">{{ data.date_formatted }}</div>
|
|
7
7
|
<div :class="$style.venue">{{ data.venue }}</div>
|
|
8
|
-
<router-link
|
|
8
|
+
<router-link
|
|
9
|
+
v-if="data.socially_distanced"
|
|
10
|
+
:to="{
|
|
11
|
+
name: 'chooseSeats',
|
|
12
|
+
params: { instanceIdShort: data.id_short },
|
|
13
|
+
}"
|
|
14
|
+
class="btn btn-outline-primary margin-top-1">
|
|
9
15
|
Update seat selection
|
|
10
16
|
</router-link>
|
|
11
17
|
</div>
|
|
@@ -14,27 +20,26 @@
|
|
|
14
20
|
|
|
15
21
|
<script>
|
|
16
22
|
export default {
|
|
17
|
-
name:
|
|
23
|
+
name: 'EventSummary',
|
|
18
24
|
props: {
|
|
19
25
|
data: {
|
|
20
26
|
type: Object,
|
|
21
|
-
required: true
|
|
27
|
+
required: true,
|
|
22
28
|
},
|
|
23
29
|
basket: {
|
|
24
30
|
type: Boolean,
|
|
25
|
-
default: false
|
|
26
|
-
}
|
|
31
|
+
default: false,
|
|
32
|
+
},
|
|
27
33
|
},
|
|
28
34
|
computed: {
|
|
29
35
|
styleImage() {
|
|
30
|
-
return this.basket ? this.$style.basket_image : this.$style.seats_image;
|
|
31
|
-
}
|
|
32
|
-
}
|
|
36
|
+
return this.basket ? this.$style.basket_image : this.$style.seats_image;
|
|
37
|
+
},
|
|
38
|
+
},
|
|
33
39
|
};
|
|
34
40
|
</script>
|
|
35
41
|
|
|
36
42
|
<style lang="scss" module>
|
|
37
|
-
|
|
38
43
|
@mixin title {
|
|
39
44
|
letter-spacing: $headings-letter-spacing;
|
|
40
45
|
line-height: $line-height-sm;
|
|
@@ -59,7 +64,7 @@ export default {
|
|
|
59
64
|
}
|
|
60
65
|
|
|
61
66
|
.image {
|
|
62
|
-
border: 1px solid $c-
|
|
67
|
+
border: 1px solid $c-grey-l87;
|
|
63
68
|
border-radius: $border-radius-lg;
|
|
64
69
|
max-width: 24rem;
|
|
65
70
|
width: 100%;
|
|
@@ -98,12 +103,11 @@ export default {
|
|
|
98
103
|
}
|
|
99
104
|
|
|
100
105
|
.date_time {
|
|
101
|
-
@include subtitle;
|
|
106
|
+
@include subtitle;
|
|
102
107
|
margin-bottom: 0.25rem;
|
|
103
108
|
}
|
|
104
109
|
|
|
105
110
|
.venue {
|
|
106
|
-
@include subtitle;
|
|
111
|
+
@include subtitle;
|
|
107
112
|
}
|
|
108
|
-
|
|
109
113
|
</style>
|
|
@@ -188,9 +188,9 @@
|
|
|
188
188
|
@mixin btn-input-edit {
|
|
189
189
|
@include button-outline($c-grey-l44);
|
|
190
190
|
background-color: $c-grey-l87;
|
|
191
|
-
border-color: $c-border-strong;
|
|
192
191
|
border-bottom-left-radius: 0;
|
|
193
192
|
border-top-left-radius: 0;
|
|
193
|
+
border-color: $c-grey-l65;
|
|
194
194
|
padding: 0.625rem 0.75rem;
|
|
195
195
|
}
|
|
196
196
|
|
|
@@ -11,16 +11,21 @@
|
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
@mixin focus {
|
|
14
|
-
@include focus-visible {
|
|
15
|
-
@content;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
14
|
&:focus {
|
|
19
15
|
outline: none;
|
|
20
16
|
}
|
|
21
17
|
|
|
22
|
-
|
|
23
|
-
|
|
18
|
+
@media (hover: hover) {
|
|
19
|
+
&:hover {
|
|
20
|
+
@content;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
&:active {
|
|
25
|
+
@content;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
@include focus-visible {
|
|
24
29
|
@content;
|
|
25
30
|
}
|
|
26
31
|
}
|
|
@@ -45,12 +50,7 @@
|
|
|
45
50
|
z-index: 2;
|
|
46
51
|
}
|
|
47
52
|
|
|
48
|
-
@mixin double-box(
|
|
49
|
-
$bg: $white,
|
|
50
|
-
$col: $black,
|
|
51
|
-
$bg_size: 0.25rem,
|
|
52
|
-
$col_size: 0.15rem
|
|
53
|
-
) {
|
|
53
|
+
@mixin double-box($bg: $white, $col: $black, $bg_size: 0.25rem, $col_size: 0.15rem) {
|
|
54
54
|
@include box-setup;
|
|
55
55
|
box-shadow: 0 0 0 $bg_size $bg, 0 0 0 ($bg_size + $col_size) $col;
|
|
56
56
|
}
|
|
@@ -1,19 +1,18 @@
|
|
|
1
|
-
|
|
2
1
|
@mixin all-text-inputs {
|
|
3
|
-
[type=color],
|
|
4
|
-
[type=date],
|
|
5
|
-
[type=datetime],
|
|
6
|
-
[type=datetime-local],
|
|
7
|
-
[type=email],
|
|
8
|
-
[type=month],
|
|
9
|
-
[type=number],
|
|
10
|
-
[type=password],
|
|
11
|
-
[type=search],
|
|
12
|
-
[type=tel],
|
|
13
|
-
[type=text],
|
|
14
|
-
[type=time],
|
|
15
|
-
[type=url],
|
|
16
|
-
[type=week],
|
|
2
|
+
[type='color'],
|
|
3
|
+
[type='date'],
|
|
4
|
+
[type='datetime'],
|
|
5
|
+
[type='datetime-local'],
|
|
6
|
+
[type='email'],
|
|
7
|
+
[type='month'],
|
|
8
|
+
[type='number'],
|
|
9
|
+
[type='password'],
|
|
10
|
+
[type='search'],
|
|
11
|
+
[type='tel'],
|
|
12
|
+
[type='text'],
|
|
13
|
+
[type='time'],
|
|
14
|
+
[type='url'],
|
|
15
|
+
[type='week'],
|
|
17
16
|
input:not([type]),
|
|
18
17
|
textarea {
|
|
19
18
|
@content;
|
|
@@ -21,15 +20,16 @@
|
|
|
21
20
|
}
|
|
22
21
|
|
|
23
22
|
@mixin text-input-defaults {
|
|
24
|
-
border: solid $border-width $c-
|
|
23
|
+
border: solid $border-width $c-grey-l65;
|
|
25
24
|
padding: 0.875rem 0.875rem 0.75rem;
|
|
26
25
|
background-color: $c-grey-l96;
|
|
27
26
|
border-radius: $border-radius-lg;
|
|
28
27
|
line-height: 1.375rem;
|
|
29
28
|
color: $c-grey-l21;
|
|
30
29
|
|
|
31
|
-
&:disabled,
|
|
30
|
+
&:disabled,
|
|
31
|
+
&[readonly] {
|
|
32
32
|
background-color: $c-grey-l96;
|
|
33
33
|
color: $c-grey-l44;
|
|
34
34
|
}
|
|
35
|
-
}
|
|
35
|
+
}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
@import
|
|
2
|
-
@import
|
|
3
|
-
@import
|
|
4
|
-
@import
|
|
5
|
-
@import
|
|
6
|
-
@import
|
|
7
|
-
@import
|
|
8
|
-
@import "borders";
|
|
1
|
+
@import 'grey';
|
|
2
|
+
@import 'brand/index';
|
|
3
|
+
@import 'docs';
|
|
4
|
+
@import 'status';
|
|
5
|
+
@import 'wgp';
|
|
6
|
+
@import 'power';
|
|
7
|
+
@import 'llf';
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"_args": [
|
|
3
3
|
[
|
|
4
|
-
"barbican-reset@2.1.
|
|
4
|
+
"barbican-reset@2.1.8",
|
|
5
5
|
"/Users/pheading/Sites/eticketing-vue"
|
|
6
6
|
]
|
|
7
7
|
],
|
|
8
|
-
"_from": "barbican-reset@2.1.
|
|
9
|
-
"_id": "barbican-reset@2.1.
|
|
8
|
+
"_from": "barbican-reset@2.1.8",
|
|
9
|
+
"_id": "barbican-reset@2.1.8",
|
|
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@2.1.
|
|
38
|
+
"raw": "barbican-reset@2.1.8",
|
|
39
39
|
"name": "barbican-reset",
|
|
40
40
|
"escapedName": "barbican-reset",
|
|
41
|
-
"rawSpec": "2.1.
|
|
41
|
+
"rawSpec": "2.1.8",
|
|
42
42
|
"saveSpec": null,
|
|
43
|
-
"fetchSpec": "2.1.
|
|
43
|
+
"fetchSpec": "2.1.8"
|
|
44
44
|
},
|
|
45
45
|
"_requiredBy": [
|
|
46
46
|
"/"
|
|
47
47
|
],
|
|
48
|
-
"_resolved": "https://registry.npmjs.org/barbican-reset/-/barbican-reset-2.1.
|
|
49
|
-
"_spec": "2.1.
|
|
48
|
+
"_resolved": "https://registry.npmjs.org/barbican-reset/-/barbican-reset-2.1.8.tgz",
|
|
49
|
+
"_spec": "2.1.8",
|
|
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": "2.1.
|
|
99
|
+
"version": "2.1.8"
|
|
100
100
|
}
|