barbican-reset 3.7.0 → 3.9.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/BrContainer/Component.vue +84 -0
- package/components/BrFormRow.vue +46 -11
- package/components/BrFormUpdate.vue +1 -1
- package/css/index.css +118 -145
- package/css/reset.css +1 -1
- package/css/typography.css +1 -21
- package/index.js +44 -79
- package/package.json +4 -11
- package/patterns/gulpfile.js +11 -15
- package/scripts/helpers/logObject.js +11 -0
- package/scripts/helpers.js +3 -0
- package/scss/_br-button.scss +4 -0
- package/scss/_br-container.scss +6 -1
- package/scss/_br-form-row.scss +3 -4
- package/scss/_footer.scss +0 -9
- package/scss/_header.scss +0 -13
- package/scss/helpers/mixins/_br-alert.scss +0 -4
- package/scss/helpers/mixins/_br-form-row.scss +4 -2
- package/scss/helpers/mixins/buttons/_custom.scss +7 -0
- package/scss/helpers/variables/_typography.scss +2 -0
- package/scss/helpers/variables/colors/_grey.scss +0 -2
- package/scss/helpers/variables/index.scss +5 -3
- package/scss/index.scss +5 -7
- package/scss/typography.scss +3 -14
- package/components/BrContainer.vue +0 -118
package/css/reset.css
CHANGED
|
@@ -16,4 +16,4 @@ body {
|
|
|
16
16
|
color: #333333;
|
|
17
17
|
margin: 0;
|
|
18
18
|
}
|
|
19
|
-
/*# sourceMappingURL=data:application/json;charset=utf8;base64,
|
|
19
|
+
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlc2V0LnNjc3MiLCJoZWxwZXJzL3ZhcmlhYmxlcy9fdHlwb2dyYXBoeS5zY3NzIiwiaGVscGVycy92YXJpYWJsZXMvY29sb3JzL19ncmV5LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7RUFDRTs7O0FBR0Y7QUFBQTtBQUFBO0VBR0U7OztBQUdGO0VBQ0U7RUFDQTtFQUNBLGFDS2U7RURKZixXQ2RlO0VEZWYsT0VoQlc7RUZpQlgiLCJmaWxlIjoicmVzZXQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiQHVzZSBcImhlbHBlcnNcIiBhcyAqO1xuXG5odG1sIHtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbn1cblxuKixcbio6YmVmb3JlLFxuKjphZnRlciB7XG4gIGJveC1zaXppbmc6IGluaGVyaXQ7XG59XG5cbmJvZHkge1xuICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcbiAgLW1vei1vc3gtZm9udC1zbW9vdGhpbmc6IGdyYXlzY2FsZTtcbiAgbGluZS1oZWlnaHQ6ICRsaW5lLWhlaWdodC1tZDtcbiAgZm9udC1zaXplOiAkYm9keS1mb250LXNpemU7XG4gIGNvbG9yOiAkYy1ncmV5LWwyMTtcbiAgbWFyZ2luOiAwO1xufSIsIkB1c2UgXCIuLi9mdW5jdGlvbnNcIiBhcyAqO1xuXG4kYm9keS1mb250LXNpemU6IHRvUmVtKDE3KTtcblxuJGgxLWZvbnQtc2l6ZTogdG9SZW0oNDIpO1xuXG4kaDItZm9udC1zaXplOiB0b1JlbSgzNCk7XG5cbiRoMy1mb250LXNpemU6IHRvUmVtKDI4KTtcblxuJGg0LWZvbnQtc2l6ZTogdG9SZW0oMjQpO1xuXG4kaDUtZm9udC1zaXplOiB0b1JlbSgyMCk7XG5cbiRmb250LXNpemUtc206IHRvUmVtKDE0KTsgLy8gc21hbGwgYXMgaXQgZ2V0c1xuXG4kbGluZS1oZWlnaHQteHM6IDEuMTtcblxuJGxpbmUtaGVpZ2h0LXNtOiAxLjI7XG5cbiRsaW5lLWhlaWdodC1tZDogMS4zNTtcblxuJGxpbmUtaGVpZ2h0LWxnOiAxLjg7XG5cbiRoZWFkaW5ncy1saW5lLWhlaWdodDogJGxpbmUtaGVpZ2h0LXNtO1xuXG4kaGVhZGluZ3MtbGV0dGVyLXNwYWNpbmc6IC0wLjAxNWVtO1xuXG4kbGluay1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG5cbiRib3JkZXItd2lkdGg6IHRvUmVtKDEpOyIsIiRjLWdyZXktbDExOiAjMWExYTFhOyAvLyBtaWRuaWdodFxuJGMtZ3JleS1sMjE6ICMzMzMzMzM7IC8vIG5pZ2h0XG4kYy1ncmV5LWw0NDogIzU5NTk1OTsgLy8gc3RlZWxcbiRjLWdyZXktbDY1OiAjYTZhNmE2OyAvLyBjb25jcmV0ZVxuJGMtZ3JleS1sODc6ICNkOWQ5ZDk7IC8vIHBlYXJsXG4kYy1ncmV5LWw5NjogI2YyZjJmMjsgLy8gYWxwaW5lIl19 */
|
package/css/typography.css
CHANGED
|
@@ -1,42 +1,30 @@
|
|
|
1
1
|
h1,
|
|
2
2
|
.h1 {
|
|
3
|
-
font-weight: bold;
|
|
4
|
-
margin: 0;
|
|
5
3
|
font-size: 2.625rem;
|
|
6
4
|
}
|
|
7
5
|
|
|
8
6
|
h2,
|
|
9
7
|
.h2 {
|
|
10
|
-
font-weight: bold;
|
|
11
|
-
margin: 2rem 0 0;
|
|
12
8
|
font-size: 2.125rem;
|
|
13
9
|
}
|
|
14
10
|
|
|
15
11
|
h3,
|
|
16
12
|
.h3 {
|
|
17
|
-
font-weight: bold;
|
|
18
|
-
margin: 1.5rem 0 0;
|
|
19
13
|
font-size: 1.75rem;
|
|
20
14
|
}
|
|
21
15
|
|
|
22
16
|
h4,
|
|
23
17
|
.h4 {
|
|
24
|
-
font-weight: bold;
|
|
25
|
-
margin: 0;
|
|
26
18
|
font-size: 1.5rem;
|
|
27
19
|
}
|
|
28
20
|
|
|
29
21
|
h5,
|
|
30
22
|
.h5 {
|
|
31
|
-
font-weight: bold;
|
|
32
|
-
margin: 0;
|
|
33
23
|
font-size: 1.25rem;
|
|
34
24
|
}
|
|
35
25
|
|
|
36
26
|
h6,
|
|
37
27
|
.h6 {
|
|
38
|
-
font-weight: bold;
|
|
39
|
-
margin: 0;
|
|
40
28
|
font-size: 1rem;
|
|
41
29
|
}
|
|
42
30
|
|
|
@@ -44,12 +32,4 @@ a,
|
|
|
44
32
|
a:hover {
|
|
45
33
|
color: inherit;
|
|
46
34
|
}
|
|
47
|
-
|
|
48
|
-
p {
|
|
49
|
-
margin-bottom: 0;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
p + p {
|
|
53
|
-
margin-top: 1rem;
|
|
54
|
-
}
|
|
55
|
-
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInR5cG9ncmFwaHkuc2NzcyIsImhlbHBlcnMvbWl4aW5zL19oZWFkaW5ncy5zY3NzIiwiaGVscGVycy92YXJpYWJsZXMvX3R5cG9ncmFwaHkuc2NzcyIsImhlbHBlcnMvdmFyaWFibGVzL2luZGV4LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7QUFBQTtFQ0lFO0VBQ0EsUUFGeUI7RUFPekIsV0NSYTs7O0FGR2Y7QUFBQTtFQ0RFO0VBQ0EsUUFTb0I7RUFDcEIsV0NYYTs7O0FGTWY7QUFBQTtFQ05FO0VBQ0EsUUFjb0I7RUFDcEIsV0NkYTs7O0FGU2Y7QUFBQTtFQ1hFO0VBQ0EsUUFGeUI7RURlekIsV0VWYTs7O0FGYWY7QUFBQTtFQ2pCRTtFQUNBLFFBRnlCO0VEcUJ6QixXRWRhOzs7QUZpQmY7QUFBQTtFQ3ZCRTtFQUNBLFFBRnlCO0VEMkJ6QixXR25CZ0I7OztBSHNCbEI7QUFBQTtFQUVFOzs7QUFHRjtFQUNFOzs7QUFHRjtFQUNFIiwiZmlsZSI6InR5cG9ncmFwaHkuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiQHVzZSBcImhlbHBlcnNcIiBhcyAqO1xuXG5oMSxcbi5oMSB7XG4gIEBpbmNsdWRlIGJyLWgxO1xufVxuXG5oMixcbi5oMiB7XG4gIEBpbmNsdWRlIGJyLWgyO1xufVxuXG5oMyxcbi5oMyB7XG4gIEBpbmNsdWRlIGJyLWgzO1xufVxuXG5oNCxcbi5oNCB7XG4gIEBpbmNsdWRlIGJyLWhlYWRpbmc7XG4gIGZvbnQtc2l6ZTogJGg0LWZvbnQtc2l6ZTtcbn1cblxuaDUsXG4uaDUge1xuICBAaW5jbHVkZSBici1oZWFkaW5nO1xuICBmb250LXNpemU6ICRoNS1mb250LXNpemU7XG59XG5cbmg2LFxuLmg2IHtcbiAgQGluY2x1ZGUgYnItaGVhZGluZztcbiAgZm9udC1zaXplOiAkYnItaDYtZm9udC1zaXplO1xufVxuXG5hLFxuYTpob3ZlciB7XG4gIGNvbG9yOiBpbmhlcml0O1xufVxuXG5wIHtcbiAgbWFyZ2luLWJvdHRvbTogMDtcbn1cblxucCtwIHtcbiAgbWFyZ2luLXRvcDogMXJlbTtcbn0iLCJAdXNlIFwiLi4vdmFyaWFibGVzL3R5cG9ncmFwaHlcIiBhcyAqO1xuQHVzZSBcIi4uL2Z1bmN0aW9uc1wiIGFzICo7XG5cbi8vLyBHZW5lcmljIG1hcmdpbi9mb250IHdlaWdodCByZXNldCBmb3IgdGl0bGUgaGVhZGluZ3Ncbi8vLyBAcGFyYW0ge1N0cmluZ30gJG1hcmdpbiBbMF0gLSBwaXhlbCB2YWx1ZSBcbkBtaXhpbiBici1oZWFkaW5nKCRtYXJnaW46IDApIHtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIG1hcmdpbjogJG1hcmdpbjtcbn1cblxuQG1peGluIGJyLWgxIHtcbiAgQGluY2x1ZGUgYnItaGVhZGluZztcbiAgZm9udC1zaXplOiAkaDEtZm9udC1zaXplO1xufVxuXG5AbWl4aW4gYnItaDIge1xuICBAaW5jbHVkZSBici1oZWFkaW5nKHRvUmVtKDMyKSAwIDApO1xuICBmb250LXNpemU6ICRoMi1mb250LXNpemU7XG59XG5cbkBtaXhpbiBici1oMyB7XG4gIEBpbmNsdWRlIGJyLWhlYWRpbmcodG9SZW0oMjQpIDAgMCk7XG4gIGZvbnQtc2l6ZTogJGgzLWZvbnQtc2l6ZTtcbn0iLCJAdXNlIFwiLi4vZnVuY3Rpb25zXCIgYXMgKjtcblxuJGJvZHktZm9udC1zaXplOiB0b1JlbSgxNyk7XG5cbiRoMS1mb250LXNpemU6IHRvUmVtKDQyKTtcblxuJGgyLWZvbnQtc2l6ZTogdG9SZW0oMzQpO1xuXG4kaDMtZm9udC1zaXplOiB0b1JlbSgyOCk7XG5cbiRoNC1mb250LXNpemU6IHRvUmVtKDI0KTtcblxuJGg1LWZvbnQtc2l6ZTogdG9SZW0oMjApO1xuXG4kZm9udC1zaXplLXNtOiB0b1JlbSgxNCk7IC8vIHNtYWxsIGFzIGl0IGdldHNcblxuJGxpbmUtaGVpZ2h0LXhzOiAxLjE7XG5cbiRsaW5lLWhlaWdodC1zbTogMS4yO1xuXG4kbGluZS1oZWlnaHQtbWQ6IDEuMzU7XG5cbiRsaW5lLWhlaWdodC1sZzogMS44O1xuXG4kaGVhZGluZ3MtbGluZS1oZWlnaHQ6ICRsaW5lLWhlaWdodC1zbTtcblxuJGhlYWRpbmdzLWxldHRlci1zcGFjaW5nOiAtMC4wMTVlbTtcblxuJGxpbmstZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuXG4kYm9yZGVyLXdpZHRoOiB0b1JlbSgxKTsiLCJAZm9yd2FyZCAnY29sb3JzJztcbkBmb3J3YXJkICd0eXBvZ3JhcGh5JztcbkBmb3J3YXJkICdhbGVydHMnO1xuQGZvcndhcmQgJ2xheW91dCc7XG5AZm9yd2FyZCAnY29sdW1ucyc7XG5cbiRici1pbnB1dC1ib3JkZXItY29sb3I6ICNjZWQ0ZGE7XG5cbiRici1ib3JkZXItcmFkaXVzOiAwLjI1cmVtO1xuXG4kYnItZm9udC1zaXplLWJhc2U6IDFyZW07XG4kYnItZm9udC1zaXplLWxnOiAxLjI1cmVtO1xuXG4kYnItaDYtZm9udC1zaXplOiAxcmVtOyJdfQ== */
|
|
35
|
+
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInR5cG9ncmFwaHkuc2NzcyIsImhlbHBlcnMvdmFyaWFibGVzL190eXBvZ3JhcGh5LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7QUFBQTtFQUVFOzs7QUFHRjtBQUFBO0VBRUUsV0NIYTs7O0FETWY7QUFBQTtFQUVFLFdDTmE7OztBRFNmO0FBQUE7RUFFRSxXQ1RhOzs7QURZZjtBQUFBO0VBRUUsV0NaYTs7O0FEZWY7QUFBQTtFQUVFLFdDZmdCOzs7QURrQmxCO0FBQUE7RUFFRSIsImZpbGUiOiJ0eXBvZ3JhcGh5LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIkB1c2UgXCJoZWxwZXJzXCIgYXMgKjtcblxuaDEsXG4uaDEge1xuICBmb250LXNpemU6ICRoMS1mb250LXNpemU7XG59XG5cbmgyLFxuLmgyIHtcbiAgZm9udC1zaXplOiAkaDItZm9udC1zaXplO1xufVxuXG5oMyxcbi5oMyB7XG4gIGZvbnQtc2l6ZTogJGgzLWZvbnQtc2l6ZTtcbn1cblxuaDQsXG4uaDQge1xuICBmb250LXNpemU6ICRoNC1mb250LXNpemU7XG59XG5cbmg1LFxuLmg1IHtcbiAgZm9udC1zaXplOiAkaDUtZm9udC1zaXplO1xufVxuXG5oNixcbi5oNiB7XG4gIGZvbnQtc2l6ZTogJGJyLWg2LWZvbnQtc2l6ZTtcbn1cblxuYSxcbmE6aG92ZXIge1xuICBjb2xvcjogaW5oZXJpdDtcbn0iLCJAdXNlIFwiLi4vZnVuY3Rpb25zXCIgYXMgKjtcblxuJGJvZHktZm9udC1zaXplOiB0b1JlbSgxNyk7XG5cbiRoMS1mb250LXNpemU6IHRvUmVtKDQyKTtcblxuJGgyLWZvbnQtc2l6ZTogdG9SZW0oMzQpO1xuXG4kaDMtZm9udC1zaXplOiB0b1JlbSgyOCk7XG5cbiRoNC1mb250LXNpemU6IHRvUmVtKDI0KTtcblxuJGg1LWZvbnQtc2l6ZTogdG9SZW0oMjApO1xuXG4kYnItaDYtZm9udC1zaXplOiAxcmVtO1xuXG4kZm9udC1zaXplLXNtOiB0b1JlbSgxNCk7IC8vIHNtYWxsIGFzIGl0IGdldHNcblxuJGxpbmUtaGVpZ2h0LXhzOiAxLjE7XG5cbiRsaW5lLWhlaWdodC1zbTogMS4yO1xuXG4kbGluZS1oZWlnaHQtbWQ6IDEuMzU7XG5cbiRsaW5lLWhlaWdodC1sZzogMS44O1xuXG4kaGVhZGluZ3MtbGluZS1oZWlnaHQ6ICRsaW5lLWhlaWdodC1zbTtcblxuJGhlYWRpbmdzLWxldHRlci1zcGFjaW5nOiAtMC4wMTVlbTtcblxuJGxpbmstZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuXG4kYm9yZGVyLXdpZHRoOiB0b1JlbSgxKTsiXX0= */
|
package/index.js
CHANGED
|
@@ -1,79 +1,44 @@
|
|
|
1
|
-
import BrAlert from
|
|
2
|
-
import BrAnchor from
|
|
3
|
-
import BrButton from
|
|
4
|
-
|
|
5
|
-
import BrCard from
|
|
6
|
-
import BrCardBody from
|
|
7
|
-
import BrCardText from
|
|
8
|
-
import BrCardTitle from
|
|
9
|
-
import BrCardSubTitle from
|
|
10
|
-
|
|
11
|
-
import BrCollapseButton from
|
|
12
|
-
import BrCollapseContent from
|
|
13
|
-
|
|
14
|
-
import BrConfirmDone from
|
|
15
|
-
import BrConfirmEmail from
|
|
16
|
-
|
|
17
|
-
import BrContainer from
|
|
18
|
-
|
|
19
|
-
import BrFooterLower from
|
|
20
|
-
import BrFooterUpper from
|
|
21
|
-
|
|
22
|
-
import BrFormBlock from
|
|
23
|
-
import BrFormCheckbox from
|
|
24
|
-
import BrFormCheckboxGroup from
|
|
25
|
-
import BrFormGroup from
|
|
26
|
-
import BrFormInput from
|
|
27
|
-
import BrFormPassword from
|
|
28
|
-
import BrFormRadio from
|
|
29
|
-
import BrFormRadioGroup from
|
|
30
|
-
import BrFormRow from
|
|
31
|
-
import BrFormTextarea from
|
|
32
|
-
import BrFormUpdate from
|
|
33
|
-
|
|
34
|
-
import BrLoader from
|
|
35
|
-
import BrSkiplink from
|
|
36
|
-
import BrWrap from
|
|
37
|
-
|
|
38
|
-
import AccountTitle from
|
|
39
|
-
import EventSummary from
|
|
40
|
-
import FluidIframe from
|
|
41
|
-
import SeeInside from
|
|
42
|
-
import VideoContent from
|
|
43
|
-
|
|
44
|
-
export {
|
|
45
|
-
BrAlert,
|
|
46
|
-
BrAnchor,
|
|
47
|
-
BrButton,
|
|
48
|
-
BrCard,
|
|
49
|
-
BrCardBody,
|
|
50
|
-
BrCardSubTitle,
|
|
51
|
-
BrCardText,
|
|
52
|
-
BrCardTitle,
|
|
53
|
-
BrCollapseButton,
|
|
54
|
-
BrCollapseContent,
|
|
55
|
-
BrConfirmDone,
|
|
56
|
-
BrConfirmEmail,
|
|
57
|
-
BrContainer,
|
|
58
|
-
BrFooterLower,
|
|
59
|
-
BrFooterUpper,
|
|
60
|
-
BrFormBlock,
|
|
61
|
-
BrFormCheckbox,
|
|
62
|
-
BrFormCheckboxGroup,
|
|
63
|
-
BrFormGroup,
|
|
64
|
-
BrFormInput,
|
|
65
|
-
BrFormPassword,
|
|
66
|
-
BrFormRadio,
|
|
67
|
-
BrFormRadioGroup,
|
|
68
|
-
BrFormRow,
|
|
69
|
-
BrFormTextarea,
|
|
70
|
-
BrFormUpdate,
|
|
71
|
-
BrLoader,
|
|
72
|
-
BrSkiplink,
|
|
73
|
-
BrWrap,
|
|
74
|
-
AccountTitle,
|
|
75
|
-
EventSummary,
|
|
76
|
-
FluidIframe,
|
|
77
|
-
SeeInside,
|
|
78
|
-
VideoContent,
|
|
79
|
-
};
|
|
1
|
+
import BrAlert from '#components/BrAlert.vue'
|
|
2
|
+
import BrAnchor from '#components/BrAnchor.vue'
|
|
3
|
+
import BrButton from '#components/BrButton.vue'
|
|
4
|
+
|
|
5
|
+
import BrCard from '#components/BrCard.vue'
|
|
6
|
+
import BrCardBody from '#components/BrCardBody.vue'
|
|
7
|
+
import BrCardText from '#components/BrCardText.vue'
|
|
8
|
+
import BrCardTitle from '#components/BrCardTitle.vue'
|
|
9
|
+
import BrCardSubTitle from '#components/BrCardSubTitle.vue'
|
|
10
|
+
|
|
11
|
+
import BrCollapseButton from '#components/BrCollapse/Button.vue'
|
|
12
|
+
import BrCollapseContent from '#components/BrCollapse/Content.vue'
|
|
13
|
+
|
|
14
|
+
import BrConfirmDone from '#components/BrConfirmDone.vue'
|
|
15
|
+
import BrConfirmEmail from '#components/BrConfirmEmail.vue'
|
|
16
|
+
|
|
17
|
+
import BrContainer from '#components/BrContainer/Component.vue'
|
|
18
|
+
|
|
19
|
+
import BrFooterLower from '#components/BrFooterLower.vue'
|
|
20
|
+
import BrFooterUpper from '#components/BrFooterUpper.vue'
|
|
21
|
+
|
|
22
|
+
import BrFormBlock from '#components/BrFormBlock.vue'
|
|
23
|
+
import BrFormCheckbox from '#components/BrFormCheckbox/Component.vue'
|
|
24
|
+
import BrFormCheckboxGroup from '#components/BrFormCheckboxGroup/Component.vue'
|
|
25
|
+
import BrFormGroup from '#components/BrFormGroup/Component.vue'
|
|
26
|
+
import BrFormInput from '#components/BrFormInput/Component.vue'
|
|
27
|
+
import BrFormPassword from '#components/BrFormPassword.vue'
|
|
28
|
+
import BrFormRadio from '#components/BrFormRadio/Component.vue'
|
|
29
|
+
import BrFormRadioGroup from '#components/BrFormRadioGroup/Component.vue'
|
|
30
|
+
import BrFormRow from '#components/BrFormRow.vue'
|
|
31
|
+
import BrFormTextarea from '#components/BrFormTextarea/Component.vue'
|
|
32
|
+
import BrFormUpdate from '#components/BrFormUpdate.vue'
|
|
33
|
+
|
|
34
|
+
import BrLoader from '#components/BrLoader.vue'
|
|
35
|
+
import BrSkiplink from '#components/BrSkiplink.vue'
|
|
36
|
+
import BrWrap from '#components/BrWrap.vue'
|
|
37
|
+
|
|
38
|
+
import AccountTitle from '#components/AccountTitle.vue'
|
|
39
|
+
import EventSummary from '#components/EventSummary.vue'
|
|
40
|
+
import FluidIframe from '#components/FluidIframe.vue'
|
|
41
|
+
import SeeInside from '#components/SeeInside.vue'
|
|
42
|
+
import VideoContent from '#components/VideoContent.vue'
|
|
43
|
+
|
|
44
|
+
export { BrAlert, BrAnchor, BrButton, BrCard, BrCardBody, BrCardSubTitle, BrCardText, BrCardTitle, BrCollapseButton, BrCollapseContent, BrConfirmDone, BrConfirmEmail, BrContainer, BrFooterLower, BrFooterUpper, BrFormBlock, BrFormCheckbox, BrFormCheckboxGroup, BrFormGroup, BrFormInput, BrFormPassword, BrFormRadio, BrFormRadioGroup, BrFormRow, BrFormTextarea, BrFormUpdate, BrLoader, BrSkiplink, BrWrap, AccountTitle, EventSummary, FluidIframe, SeeInside, VideoContent }
|
package/package.json
CHANGED
|
@@ -56,20 +56,11 @@
|
|
|
56
56
|
"focus-visible": "^5.2.0",
|
|
57
57
|
"gsap": "^3.7.1",
|
|
58
58
|
"gulp": "^4.0.2",
|
|
59
|
-
"gulp-babel": "^8.0.0",
|
|
60
|
-
"gulp-concat": "^2.6.1",
|
|
61
59
|
"gulp-dart-sass": "^1.0.2",
|
|
62
|
-
"gulp-rename": "^2.0.0",
|
|
63
|
-
"gulp-sass": "^5.0.0",
|
|
64
60
|
"gulp-sourcemaps": "^3.0.0",
|
|
65
|
-
"gulp-uglify": "^3.0.2",
|
|
66
|
-
"js-doc": "^0.5.0",
|
|
67
61
|
"luxon": "^3.2.1",
|
|
68
|
-
"node-sass-tilde-importer": "^1.0.2",
|
|
69
62
|
"nodemon": "^3.1.0",
|
|
70
63
|
"pug": "^3.0.2",
|
|
71
|
-
"sass": "^1.41.0",
|
|
72
|
-
"sassdoc": "^2.7.4",
|
|
73
64
|
"serve-favicon": "^2.5.0",
|
|
74
65
|
"vue": "^3.5.18"
|
|
75
66
|
},
|
|
@@ -83,6 +74,7 @@
|
|
|
83
74
|
"mixins/**/*",
|
|
84
75
|
"patterns/**/*",
|
|
85
76
|
"logos/*",
|
|
77
|
+
"scripts/**/*",
|
|
86
78
|
"scss/**/*",
|
|
87
79
|
"focus-visible.min.js",
|
|
88
80
|
"index.js"
|
|
@@ -121,7 +113,8 @@
|
|
|
121
113
|
"./icons/confirm": "./icons/confirm/index.js",
|
|
122
114
|
"./icons/stream": "./icons/stream/index.js",
|
|
123
115
|
"./scss": "./scss/index.scss",
|
|
124
|
-
"./scss/helpers": "./scss/_helpers.scss"
|
|
116
|
+
"./scss/helpers": "./scss/_helpers.scss",
|
|
117
|
+
"./scripts/helpers": "./scripts/helpers.js"
|
|
125
118
|
},
|
|
126
119
|
"main": "index.js",
|
|
127
120
|
"homepage": "https://bitbucket.org/barbicandev/barbican-reset#readme",
|
|
@@ -138,5 +131,5 @@
|
|
|
138
131
|
"style:patterns": "cd patterns && gulp build:css",
|
|
139
132
|
"build:patterns": "cd patterns && rm -rf html && pug views --out html"
|
|
140
133
|
},
|
|
141
|
-
"version": "3.
|
|
134
|
+
"version": "3.9.0"
|
|
142
135
|
}
|
package/patterns/gulpfile.js
CHANGED
|
@@ -1,16 +1,12 @@
|
|
|
1
|
+
gulp.task('build:css', (done) => {
|
|
2
|
+
gulp
|
|
3
|
+
.src('scss/styles.scss')
|
|
4
|
+
.pipe(sass({ importer: tilde }).on('error', sass.logError))
|
|
5
|
+
.pipe(gulp.dest('static'))
|
|
6
|
+
done()
|
|
7
|
+
})
|
|
1
8
|
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
gulp.task('build:css', done => {
|
|
7
|
-
gulp.src('scss/styles.scss')
|
|
8
|
-
.pipe(sass({ importer : tilde }).on('error', sass.logError))
|
|
9
|
-
.pipe(gulp.dest('static'));
|
|
10
|
-
done();
|
|
11
|
-
});
|
|
12
|
-
|
|
13
|
-
gulp.task('watch', done => {
|
|
14
|
-
gulp.watch('scss/**/*.scss', gulp.series(['build:css']));
|
|
15
|
-
done();
|
|
16
|
-
});
|
|
9
|
+
gulp.task('watch', (done) => {
|
|
10
|
+
gulp.watch('scss/**/*.scss', gulp.series(['build:css']))
|
|
11
|
+
done()
|
|
12
|
+
})
|
package/scss/_br-button.scss
CHANGED
package/scss/_br-container.scss
CHANGED
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
@use "helpers/mixins/breakpoints" as *;
|
|
2
2
|
@use "helpers/variables/layout" as *;
|
|
3
3
|
|
|
4
|
+
.br-container {
|
|
5
|
+
&.masthead {
|
|
6
|
+
box-shadow: 0 0.375rem 0.375rem rgba(black, 0.1);
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
|
|
4
10
|
.br-container--outer {
|
|
5
11
|
padding-right: 5%;
|
|
6
12
|
padding-left: 5%;
|
|
@@ -11,7 +17,6 @@
|
|
|
11
17
|
}
|
|
12
18
|
|
|
13
19
|
&.masthead {
|
|
14
|
-
box-shadow: 0 0.375rem 0.375rem rgba(black, 0.1);
|
|
15
20
|
background-color: white;
|
|
16
21
|
}
|
|
17
22
|
}
|
package/scss/_br-form-row.scss
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
@use "helpers/mixins/br-form-row" as *;
|
|
2
2
|
@use "helpers/mixins/breakpoints" as *;
|
|
3
|
+
@use "helpers/mixins/buttons" as *;
|
|
3
4
|
|
|
4
5
|
.br-form-row {
|
|
5
6
|
@include br-form-row;
|
|
@@ -33,10 +34,8 @@
|
|
|
33
34
|
display: flex;
|
|
34
35
|
gap: 1rem;
|
|
35
36
|
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
width: 100%;
|
|
39
|
-
}
|
|
37
|
+
>button {
|
|
38
|
+
@include btn-expand--mobile;
|
|
40
39
|
}
|
|
41
40
|
}
|
|
42
41
|
}
|
package/scss/_footer.scss
CHANGED
package/scss/_header.scss
CHANGED
|
@@ -4,11 +4,13 @@
|
|
|
4
4
|
@forward 'layout';
|
|
5
5
|
@forward 'columns';
|
|
6
6
|
|
|
7
|
+
$br-gray-300: #dee2e6;
|
|
8
|
+
$br-gray-400: #ced4da;
|
|
9
|
+
$br-gray-500: #adb5bd;
|
|
10
|
+
$br-blue: #0d6efd;
|
|
7
11
|
$br-input-border-color: #ced4da;
|
|
8
12
|
|
|
9
13
|
$br-border-radius: 0.25rem;
|
|
10
14
|
|
|
11
15
|
$br-font-size-base: 1rem;
|
|
12
|
-
$br-font-size-lg: 1.25rem;
|
|
13
|
-
|
|
14
|
-
$br-h6-font-size: 1rem;
|
|
16
|
+
$br-font-size-lg: 1.25rem;
|
package/scss/index.scss
CHANGED
|
@@ -1,18 +1,16 @@
|
|
|
1
1
|
@use "helpers" as *;
|
|
2
2
|
|
|
3
|
-
@use "reset";
|
|
4
|
-
@use "supreme";
|
|
5
|
-
@use "typography";
|
|
6
|
-
@use "lists"; // bootstrap legacy styles
|
|
7
|
-
|
|
8
3
|
@use "app";
|
|
9
4
|
@use "city-of-london";
|
|
10
5
|
@use "close-icon";
|
|
11
|
-
@use "footer";
|
|
12
|
-
@use "header";
|
|
13
6
|
@use "main";
|
|
14
7
|
@use "table";
|
|
15
8
|
|
|
9
|
+
@use "reset";
|
|
10
|
+
@use "supreme";
|
|
11
|
+
@use "typography";
|
|
12
|
+
@use "lists"; // bootstrap legacy styles
|
|
13
|
+
|
|
16
14
|
@use "br-alert";
|
|
17
15
|
@use "br-button";
|
|
18
16
|
@use "br-checkbox";
|
package/scss/typography.scss
CHANGED
|
@@ -2,46 +2,35 @@
|
|
|
2
2
|
|
|
3
3
|
h1,
|
|
4
4
|
.h1 {
|
|
5
|
-
|
|
5
|
+
font-size: $h1-font-size;
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
h2,
|
|
9
9
|
.h2 {
|
|
10
|
-
|
|
10
|
+
font-size: $h2-font-size;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
h3,
|
|
14
14
|
.h3 {
|
|
15
|
-
|
|
15
|
+
font-size: $h3-font-size;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
h4,
|
|
19
19
|
.h4 {
|
|
20
|
-
@include br-heading;
|
|
21
20
|
font-size: $h4-font-size;
|
|
22
21
|
}
|
|
23
22
|
|
|
24
23
|
h5,
|
|
25
24
|
.h5 {
|
|
26
|
-
@include br-heading;
|
|
27
25
|
font-size: $h5-font-size;
|
|
28
26
|
}
|
|
29
27
|
|
|
30
28
|
h6,
|
|
31
29
|
.h6 {
|
|
32
|
-
@include br-heading;
|
|
33
30
|
font-size: $br-h6-font-size;
|
|
34
31
|
}
|
|
35
32
|
|
|
36
33
|
a,
|
|
37
34
|
a:hover {
|
|
38
35
|
color: inherit;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
p {
|
|
42
|
-
margin-bottom: 0;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
p+p {
|
|
46
|
-
margin-top: 1rem;
|
|
47
36
|
}
|
|
@@ -1,118 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div :class="styleOuter">
|
|
3
|
-
<div :class="styleInner">
|
|
4
|
-
<slot />
|
|
5
|
-
</div>
|
|
6
|
-
</div>
|
|
7
|
-
</template>
|
|
8
|
-
|
|
9
|
-
<script>
|
|
10
|
-
export default {
|
|
11
|
-
props: {
|
|
12
|
-
splash: {
|
|
13
|
-
type: Boolean,
|
|
14
|
-
default: false,
|
|
15
|
-
},
|
|
16
|
-
masthead: {
|
|
17
|
-
type: Boolean,
|
|
18
|
-
default: false,
|
|
19
|
-
},
|
|
20
|
-
thin: {
|
|
21
|
-
type: Boolean,
|
|
22
|
-
default: false,
|
|
23
|
-
},
|
|
24
|
-
header: {
|
|
25
|
-
type: Boolean,
|
|
26
|
-
default: false,
|
|
27
|
-
},
|
|
28
|
-
footer: {
|
|
29
|
-
type: Boolean,
|
|
30
|
-
default: false,
|
|
31
|
-
},
|
|
32
|
-
},
|
|
33
|
-
computed: {
|
|
34
|
-
styleOuter() {
|
|
35
|
-
const style = this.$style;
|
|
36
|
-
let output = [style.outer];
|
|
37
|
-
if (this.masthead) {
|
|
38
|
-
output.push(style.masthead);
|
|
39
|
-
}
|
|
40
|
-
if (this.splash) {
|
|
41
|
-
output.push(style.splash);
|
|
42
|
-
}
|
|
43
|
-
return output;
|
|
44
|
-
},
|
|
45
|
-
styleInner() {
|
|
46
|
-
const style = this.$style;
|
|
47
|
-
let output = [style.inner];
|
|
48
|
-
if (this.masthead) {
|
|
49
|
-
output.push(style.masthead);
|
|
50
|
-
}
|
|
51
|
-
if (this.thin) {
|
|
52
|
-
output.push(style.thin);
|
|
53
|
-
}
|
|
54
|
-
if (this.header) {
|
|
55
|
-
output.push(style.header);
|
|
56
|
-
}
|
|
57
|
-
if (this.footer) {
|
|
58
|
-
output.push(style.footer);
|
|
59
|
-
}
|
|
60
|
-
return output;
|
|
61
|
-
},
|
|
62
|
-
},
|
|
63
|
-
};
|
|
64
|
-
</script>
|
|
65
|
-
|
|
66
|
-
<style lang="scss" module>
|
|
67
|
-
@use "#styles/helpers" as *;
|
|
68
|
-
|
|
69
|
-
.outer {
|
|
70
|
-
padding-right: 5%;
|
|
71
|
-
padding-left: 5%;
|
|
72
|
-
|
|
73
|
-
&.splash {
|
|
74
|
-
padding-right: 10%;
|
|
75
|
-
padding-left: 10%;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
&.masthead {
|
|
79
|
-
box-shadow: 0 0.375rem 0.375rem rgba($black, 0.1);
|
|
80
|
-
background-color: white;
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
.inner {
|
|
85
|
-
max-width: $layout-width-lg;
|
|
86
|
-
margin: 0 auto;
|
|
87
|
-
|
|
88
|
-
&:not(.footer) {
|
|
89
|
-
padding-bottom: 1.5rem;
|
|
90
|
-
padding-top: 1.5rem;
|
|
91
|
-
|
|
92
|
-
@include small-up {
|
|
93
|
-
padding-bottom: 2.5rem;
|
|
94
|
-
padding-top: 2.5rem;
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
&.header {
|
|
99
|
-
padding-bottom: 1.875rem;
|
|
100
|
-
padding-top: 1.875rem;
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
&.thin {
|
|
104
|
-
max-width: $layout-width-sm;
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
&.masthead {
|
|
108
|
-
@include small-up {
|
|
109
|
-
padding-bottom: 3rem;
|
|
110
|
-
padding-top: 3rem;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
h1 {
|
|
114
|
-
margin: 0;
|
|
115
|
-
}
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
</style>
|