barbican-reset 2.40.0 → 2.41.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.
- package/components/event_summary.vue +6 -4
- package/components/see_inside.vue +9 -5
- package/index.js +0 -14
- package/package.json +1 -1
|
@@ -89,7 +89,7 @@ export default {
|
|
|
89
89
|
}
|
|
90
90
|
|
|
91
91
|
.event_summary {
|
|
92
|
-
@include
|
|
92
|
+
@include medium-up {
|
|
93
93
|
display: grid;
|
|
94
94
|
grid-template-columns: 20rem auto;
|
|
95
95
|
grid-template-rows: auto auto auto;
|
|
@@ -105,11 +105,12 @@ export default {
|
|
|
105
105
|
grid-row-start: 1;
|
|
106
106
|
grid-row-end: 4;
|
|
107
107
|
border: 1px solid $c-grey-l87;
|
|
108
|
-
border-radius: $border-radius-lg;
|
|
108
|
+
border-radius: $br-border-radius-lg;
|
|
109
109
|
max-width: 100%;
|
|
110
110
|
width: 100%;
|
|
111
111
|
margin-bottom: $gap-instance;
|
|
112
|
-
|
|
112
|
+
|
|
113
|
+
@include medium-up {
|
|
113
114
|
margin-bottom: 0;
|
|
114
115
|
}
|
|
115
116
|
}
|
|
@@ -122,7 +123,8 @@ export default {
|
|
|
122
123
|
grid-column-start: 1;
|
|
123
124
|
grid-column-end: 3;
|
|
124
125
|
margin-top: 1rem;
|
|
125
|
-
|
|
126
|
+
|
|
127
|
+
@include large-up {
|
|
126
128
|
margin-top: 0;
|
|
127
129
|
grid-column-start: 2;
|
|
128
130
|
|
|
@@ -62,7 +62,7 @@ export default {
|
|
|
62
62
|
.see_inside_content {
|
|
63
63
|
padding: 1rem;
|
|
64
64
|
border: 1px solid $c-grey-l87;;
|
|
65
|
-
border-radius: $border-radius;
|
|
65
|
+
border-radius: $br-border-radius;
|
|
66
66
|
}
|
|
67
67
|
|
|
68
68
|
.sections_title {
|
|
@@ -70,13 +70,15 @@ export default {
|
|
|
70
70
|
span {
|
|
71
71
|
padding-top: 2px; // To line up with the button text
|
|
72
72
|
width: 100%;
|
|
73
|
-
|
|
73
|
+
|
|
74
|
+
@include small-up {
|
|
74
75
|
width: auto;
|
|
75
76
|
}
|
|
76
77
|
}
|
|
77
78
|
.close_mobile {
|
|
78
79
|
margin-left: auto;
|
|
79
|
-
|
|
80
|
+
|
|
81
|
+
@include small-up {
|
|
80
82
|
display: none;
|
|
81
83
|
}
|
|
82
84
|
}
|
|
@@ -87,7 +89,8 @@ export default {
|
|
|
87
89
|
gap: 1rem;
|
|
88
90
|
min-height: 28px; // Due to 28 px close icon, to prevent height change when icon shown.
|
|
89
91
|
flex-direction: column;
|
|
90
|
-
|
|
92
|
+
|
|
93
|
+
@include small-up {
|
|
91
94
|
flex-direction: row;
|
|
92
95
|
}
|
|
93
96
|
|
|
@@ -101,7 +104,8 @@ export default {
|
|
|
101
104
|
|
|
102
105
|
.close_desktop {
|
|
103
106
|
margin-left: auto;
|
|
104
|
-
|
|
107
|
+
|
|
108
|
+
@include small-down {
|
|
105
109
|
display: none;
|
|
106
110
|
}
|
|
107
111
|
}
|
package/index.js
CHANGED
|
@@ -21,14 +21,7 @@ import BrWrap from "./components/br_wrap";
|
|
|
21
21
|
import AccountTitle from "./components/account_title";
|
|
22
22
|
import EventSummary from "./components/event_summary";
|
|
23
23
|
import FluidIframe from "./components/fluid_iframe";
|
|
24
|
-
import HelpRow from "./components/help_row";
|
|
25
|
-
import Placeholder from "./components/placeholder";
|
|
26
|
-
import PaymentLogo from "./components/payment_logo";
|
|
27
|
-
import RelatedCard from "./components/related_card";
|
|
28
|
-
import RelatedTitle from "./components/related_title";
|
|
29
|
-
import RelatedRow from "./components/related_row";
|
|
30
24
|
import SeeInside from './components/see_inside'
|
|
31
|
-
import TypeText from "./components/type_text";
|
|
32
25
|
import VideoContent from "./components/video_content";
|
|
33
26
|
|
|
34
27
|
export {
|
|
@@ -54,13 +47,6 @@ export {
|
|
|
54
47
|
AccountTitle,
|
|
55
48
|
EventSummary,
|
|
56
49
|
FluidIframe,
|
|
57
|
-
HelpRow,
|
|
58
|
-
Placeholder,
|
|
59
|
-
PaymentLogo,
|
|
60
|
-
RelatedCard,
|
|
61
|
-
RelatedTitle,
|
|
62
|
-
RelatedRow,
|
|
63
50
|
SeeInside,
|
|
64
|
-
TypeText,
|
|
65
51
|
VideoContent,
|
|
66
52
|
};
|
package/package.json
CHANGED