@nationalarchives/frontend 0.2.14 → 0.2.15
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/nationalarchives/all+analytics.js +1 -1
- package/nationalarchives/all+analytics.js.map +1 -1
- package/nationalarchives/all.css +1 -1
- package/nationalarchives/all.css.map +1 -1
- package/nationalarchives/all.js +1 -1
- package/nationalarchives/all.js.map +1 -1
- package/nationalarchives/components/button/button.css +1 -1
- package/nationalarchives/components/button/button.css.map +1 -1
- package/nationalarchives/components/button/button.scss +2 -1
- package/nationalarchives/components/button/fixtures.json +8 -0
- package/nationalarchives/components/button/macro-options.json +7 -1
- package/nationalarchives/components/button/template.njk +5 -1
- package/nationalarchives/components/details/details.css +1 -1
- package/nationalarchives/components/details/details.css.map +1 -1
- package/nationalarchives/components/details/details.scss +2 -1
- package/nationalarchives/components/files-list/fixtures.json +21 -21
- package/nationalarchives/components/files-list/template.njk +2 -2
- package/nationalarchives/components/footer/fixtures.json +1 -1
- package/nationalarchives/components/footer/template.njk +1 -1
- package/nationalarchives/components/gallery/fixtures.json +2 -2
- package/nationalarchives/components/gallery/gallery.css +1 -1
- package/nationalarchives/components/gallery/gallery.css.map +1 -1
- package/nationalarchives/components/gallery/gallery.js +1 -1
- package/nationalarchives/components/gallery/gallery.js.map +1 -1
- package/nationalarchives/components/gallery/gallery.mjs +33 -24
- package/nationalarchives/components/gallery/gallery.scss +3 -2
- package/nationalarchives/components/gallery/template.njk +4 -4
- package/nationalarchives/components/global-header/fixtures.json +7 -7
- package/nationalarchives/components/global-header/global-header.css +1 -1
- package/nationalarchives/components/global-header/global-header.css.map +1 -1
- package/nationalarchives/components/global-header/global-header.scss +1 -1
- package/nationalarchives/components/global-header/template.njk +2 -3
- package/nationalarchives/components/header/fixtures.json +1 -1
- package/nationalarchives/components/header/header.css +1 -1
- package/nationalarchives/components/header/header.css.map +1 -1
- package/nationalarchives/components/header/header.scss +3 -3
- package/nationalarchives/components/header/template.njk +11 -4
- package/nationalarchives/components/hero/fixtures.json +7 -7
- package/nationalarchives/components/hero/template.njk +2 -1
- package/nationalarchives/ie.css +1 -1
- package/nationalarchives/ie.css.map +1 -1
- package/nationalarchives/ie.scss +48 -5
- package/nationalarchives/prototype-kit.css +1 -1
- package/nationalarchives/prototype-kit.css.map +1 -1
- package/nationalarchives/templates/fixtures.json +5 -5
- package/package.json +1 -1
|
@@ -73,7 +73,8 @@
|
|
|
73
73
|
{%- if params.imageCaption %}
|
|
74
74
|
<figcaption class="tna-hero__caption">
|
|
75
75
|
<details class="tna-hero__details">
|
|
76
|
-
<summary class="tna-hero__details-summary"
|
|
76
|
+
<summary class="tna-hero__details-summary" aria-label="Additional information
|
|
77
|
+
about the featured image">
|
|
77
78
|
About this <span class="tna-hero__details-summary-icon">i</span>mage
|
|
78
79
|
</summary>
|
|
79
80
|
<div class="tna-hero__information">{{ params.imageCaption | safe }}</div>
|
package/nationalarchives/ie.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
a:focus,button:focus,input:focus,textarea:focus,select:focus,summary:focus{z-index:9;outline:#00b0ff 5px solid;outline-offset:2px}.tna-global-header__logo--link,.tna-global-header__logo--link:link,.tna-global-header__logo--link:visited,.tna-global-header__navigation-item-link,.tna-global-header__navigation-item-link:link,.tna-global-header__navigation-item-link:visited,.tna-header__logo-contents--link,.tna-header__logo-contents--link:link,.tna-header__logo-contents--link:visited,.tna-header__navigation-item-link,.tna-header__navigation-item-link:link,.tna-header__navigation-item-link:visited{color:#fff}.tna-global-header__navigation-item-link{border-bottom
|
|
1
|
+
a:focus,button:focus,input:focus,textarea:focus,select:focus,summary:focus{z-index:9;outline:#00b0ff 5px solid;outline-offset:2px}.tna-checkboxes__item input,.tna-radios__item input{width:1.5rem;height:1.5rem;display:inline-block;position:static;vertical-align:middle;opacity:1}.tna-checkboxes__item-label,.tna-radios__item-label{display:inline-block}.tna-compound-filters__link::before,.tna-compound-filters__link::after{border-left:2px #000 solid !important}.tna-index-grid__item-image{height:100%}.tna-index-grid__item-content{flex:auto}.tna-button svg{display:none}.tna-global-header__logo--link,.tna-global-header__logo--link:link,.tna-global-header__logo--link:visited,.tna-global-header__navigation-item-link,.tna-global-header__navigation-item-link:link,.tna-global-header__navigation-item-link:visited,.tna-header__logo-contents--link,.tna-header__logo-contents--link:link,.tna-header__logo-contents--link:visited,.tna-header__navigation-item-link,.tna-header__navigation-item-link:link,.tna-header__navigation-item-link:visited{color:#fff}.tna-global-header__navigation-item-link{border-bottom:1px rgba(255,255,255,.5) solid}@media(min-width: 48.0625em){.tna-header__navigation-item+.tna-header__navigation-item{margin-left:2rem}}.tna-global-header__top-navigation-item+.tna-global-header__top-navigation-item{margin-left:2rem}.tna-global-header__top-navigation-link,.tna-global-header__top-navigation-link:link,.tna-global-header__top-navigation-link:visited,.tna-header__top-navigation-item-link,.tna-header__top-navigation-item-link:link,.tna-header__top-navigation-item-link:visited{color:rgba(255,255,255,.58)}.tna-global-header__top-navigation-link,.tna-global-header__top-navigation-link:focus,.tna-global-header__top-navigation-link:link,.tna-global-header__top-navigation-link:link:focus,.tna-global-header__top-navigation-link:visited,.tna-global-header__top-navigation-link:visited:focus,.tna-header__top-navigation-item-link,.tna-header__top-navigation-item-link:focus,.tna-header__top-navigation-item-link:link,.tna-header__top-navigation-item-link:link:focus,.tna-header__top-navigation-item-link:visited,.tna-header__top-navigation-item-link:visited:focus{color:#fff}.tna-footer .tna-logo{height:96px}.tna-footer__licence-logo{height:24px}.tna-footer__govuk-logotype-crown{height:30px}.tna-card__image-container{margin-bottom:16px;padding-bottom:66.6666666667%}.tna-card__image{width:100%;height:100%}.tna-card__heading-link::after{display:none !important}@media(min-width: 48.0625em){.tna-card--horizontal{padding-left:50%}.tna-card--horizontal.tna-card--flipped{padding-right:50%;padding-left:0}.tna-card--horizontal .tna-card__image-container{width:50%;position:absolute;top:0;bottom:0;left:0}}@media(min-width: 30.0625em)and (max-width: 48em){.tna-card--horizontal-on-small{padding-left:50%}.tna-card--horizontal-on-small.tna-card--flipped{padding-right:50%;padding-left:0}.tna-card--horizontal-on-small .tna-card__image-container{width:50%;position:absolute;top:0;bottom:0;left:0}}.tna-columns{column-count:1 !important}.tna-breadcrumbs__link{color:#343338}.tna-sidebar--sticky{display:block}.tna-hero__image{top:0;left:0;bottom:0;right:0}.tna-hero__information,.tna-hero__content-inner{background:#fff}.tna-files-list__icon{height:3rem}.tna-form__group{display:block}.tna-form__group-contents{flex:none}.tna-chip{background:#fff}/*# sourceMappingURL=ie.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/nationalarchives/ie.scss","../../src/nationalarchives/variables/_a11y.scss","../../src/nationalarchives/tools/_media.scss"],"names":[],"mappings":"AAcE,2EACE,UAEA,0BAEA,eClBmB,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/nationalarchives/ie.scss","../../src/nationalarchives/variables/_a11y.scss","../../src/nationalarchives/tools/_media.scss"],"names":[],"mappings":"AAcE,2EACE,UAEA,0BAEA,eClBmB,IDyBnB,oDACE,aACA,cAEA,qBAEA,gBAEA,sBAEA,UAIJ,oDACE,qBAMA,uEAEE,sCAMJ,4BACE,YAGF,8BACE,UAKF,gBACE,aAQF,qdAGE,WAIJ,yCACE,6CElBA,6BFuBE,0DACE,kBAMJ,gFACE,iBAMF,oQAGE,4BAEA,4iBAEE,WAMJ,sBACE,YAGF,0BACE,YAGF,kCACE,YAyBF,2BACE,mBACA,8BAGF,iBACE,WACA,YAIA,+BACE,wBEhGJ,6BFgEA,sBACE,iBAGF,wCACE,kBACA,eAGF,iDACE,UAEA,kBACA,MACA,SACA,QE3FF,kDF4EA,+BACE,iBAGF,iDACE,kBACA,eAGF,0DACE,UAEA,kBACA,MACA,SACA,QA8BJ,aACE,0BAIA,uBACE,cAKF,qBACE,cAKF,iBACE,MACA,OACA,SACA,QAGF,gDAEE,gBAKF,sBACE,YAIJ,iBACE,cAGF,0BACE,UAGF,UACE","file":"ie.css","sourcesContent":["/* stylelint-disable */\n\n@use \"sass:math\";\n@use \"variables/a11y\" as a11yVariables;\n@use \"tools/colour\";\n@use \"tools/media\";\n@use \"tools/spacing\";\n\na,\nbutton,\ninput,\ntextarea,\nselect,\nsummary {\n &:focus {\n z-index: 9;\n\n outline: colour.brand-colour(\"blue\") a11yVariables.$focus-outline-width\n solid;\n outline-offset: a11yVariables.$focus-outline-offset;\n }\n}\n\n.tna-checkboxes,\n.tna-radios {\n &__item {\n input {\n width: 1.5rem;\n height: 1.5rem;\n\n display: inline-block;\n\n position: static;\n\n vertical-align: middle;\n\n opacity: 1;\n }\n }\n\n &__item-label {\n display: inline-block;\n }\n}\n\n.tna-compound-filters {\n &__link {\n &::before,\n &::after {\n border-left: 2px #000 solid !important;\n }\n }\n}\n\n.tna-index-grid {\n &__item-image {\n height: 100%;\n }\n\n &__item-content {\n flex: auto;\n }\n}\n\n.tna-button {\n svg {\n display: none;\n }\n}\n\n.tna-global-header__logo--link,\n.tna-global-header__navigation-item-link,\n.tna-header__logo-contents--link,\n.tna-header__navigation-item-link {\n &,\n &:link,\n &:visited {\n color: #fff;\n }\n}\n\n.tna-global-header__navigation-item-link {\n border-bottom: 1px rgba(255, 255, 255, 0.5) solid;\n}\n\n@include media.on-larger-than-mobile {\n .tna-header__navigation-item {\n & + & {\n margin-left: 2rem;\n }\n }\n}\n\n.tna-global-header__top-navigation-item {\n & + & {\n margin-left: 2rem;\n }\n}\n\n.tna-global-header__top-navigation-link,\n.tna-header__top-navigation-item-link {\n &,\n &:link,\n &:visited {\n color: rgba(255, 255, 255, 0.58);\n\n &,\n &:focus {\n color: #fff;\n }\n }\n}\n\n.tna-footer {\n .tna-logo {\n height: 96px;\n }\n\n &__licence-logo {\n height: 24px;\n }\n\n &__govuk-logotype-crown {\n height: 30px;\n }\n}\n\n@mixin horizontal-card-layout($modifierClass, $innerPaddingAmount) {\n &#{$modifierClass} {\n padding-left: 50%;\n }\n\n &#{$modifierClass}#{&}--flipped {\n padding-right: 50%;\n padding-left: 0;\n }\n\n &#{$modifierClass} &__image-container {\n width: 50%;\n\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n }\n}\n\n.tna-card {\n &__image-container {\n margin-bottom: spacing.space(1);\n padding-bottom: #{math.div(2, 3) * 100%};\n }\n\n &__image {\n width: 100%;\n height: 100%;\n }\n\n &__heading-link {\n &::after {\n display: none !important;\n }\n }\n\n @include media.on-larger-than-mobile {\n @include horizontal-card-layout(\"--horizontal\", 2);\n }\n\n @include media.on-small {\n @include horizontal-card-layout(\"--horizontal-on-small\", 1);\n }\n}\n\n.tna-columns {\n column-count: 1 !important;\n}\n\n.tna-breadcrumbs {\n &__link {\n color: #343338;\n }\n}\n\n.tna-sidebar {\n &--sticky {\n display: block;\n }\n}\n\n.tna-hero {\n &__image {\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n }\n\n &__information,\n &__content-inner {\n background: #fff;\n }\n}\n\n.tna-files-list {\n &__icon {\n height: 3rem;\n }\n}\n\n.tna-form__group {\n display: block;\n}\n\n.tna-form__group-contents {\n flex: none;\n}\n\n.tna-chip {\n background: #fff;\n}\n","$focus-outline-width: 5px !default;\n$focus-outline-offset: 2px !default;\n$focus-outline-padding: $focus-outline-width + $focus-outline-offset;\n","@use \"sass:math\";\n@use \"../variables/media\";\n@use \"../variables/typography\";\n\n$smallest-large-device-em: #{math.div(\n media.$largest-medium-device-px + 1,\n typography.$relative-1rem-px\n )}em;\n$largest-medium-device-em: #{math.div(\n media.$largest-medium-device-px,\n typography.$relative-1rem-px\n )}em;\n$smallest-medium-device-em: #{math.div(\n media.$largest-small-device-px + 1,\n typography.$relative-1rem-px\n )}em;\n$largest-small-device-em: #{math.div(\n media.$largest-small-device-px,\n typography.$relative-1rem-px\n )}em;\n$smallest-small-device-em: #{math.div(\n media.$largest-tiny-device-px + 1,\n typography.$relative-1rem-px\n )}em;\n$largest-tiny-device-em: #{math.div(\n media.$largest-tiny-device-px,\n typography.$relative-1rem-px\n )}em;\n\n$media-large: \"(min-width: #{$smallest-large-device-em})\";\n$media-lt-large: \"(max-width: #{$largest-medium-device-em})\";\n$media-medium: \"(min-width: #{$smallest-medium-device-em}) and (max-width: #{$largest-medium-device-em})\";\n$media-gt-mobile: \"(min-width: #{$smallest-medium-device-em})\";\n$media-mobile: \"(max-width: #{$largest-small-device-em})\";\n$media-small: \"(min-width: #{$smallest-small-device-em}) and (max-width: #{$largest-small-device-em})\";\n$media-gt-tiny: \"(min-width: #{$smallest-small-device-em})\";\n$media-tiny: \"(max-width: #{$largest-tiny-device-em})\";\n\n// https://nationalarchives.github.io/design-system/styles/media/#media-queries\n@mixin on-large() {\n @media #{$media-large} {\n @content;\n }\n}\n\n@mixin on-medium() {\n @media #{$media-medium} {\n @content;\n }\n}\n\n@mixin on-small() {\n @media #{$media-small} {\n @content;\n }\n}\n\n@mixin on-tiny() {\n @media #{$media-tiny} {\n @content;\n }\n}\n\n@mixin on-larger-than-mobile() {\n @media #{$media-gt-mobile} {\n @content;\n }\n}\n\n@mixin on-larger-than-tiny() {\n @media #{$media-gt-tiny} {\n @content;\n }\n}\n\n@mixin on-smaller-than-large() {\n @media #{$media-lt-large} {\n @content;\n }\n}\n\n@mixin on-mobile() {\n @media #{$media-mobile} {\n @content;\n }\n}\n\n@mixin on-print() {\n @media print {\n @content;\n }\n}\n"]}
|
package/nationalarchives/ie.scss
CHANGED
|
@@ -21,6 +21,53 @@ summary {
|
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
+
.tna-checkboxes,
|
|
25
|
+
.tna-radios {
|
|
26
|
+
&__item {
|
|
27
|
+
input {
|
|
28
|
+
width: 1.5rem;
|
|
29
|
+
height: 1.5rem;
|
|
30
|
+
|
|
31
|
+
display: inline-block;
|
|
32
|
+
|
|
33
|
+
position: static;
|
|
34
|
+
|
|
35
|
+
vertical-align: middle;
|
|
36
|
+
|
|
37
|
+
opacity: 1;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
&__item-label {
|
|
42
|
+
display: inline-block;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.tna-compound-filters {
|
|
47
|
+
&__link {
|
|
48
|
+
&::before,
|
|
49
|
+
&::after {
|
|
50
|
+
border-left: 2px #000 solid !important;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.tna-index-grid {
|
|
56
|
+
&__item-image {
|
|
57
|
+
height: 100%;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
&__item-content {
|
|
61
|
+
flex: auto;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.tna-button {
|
|
66
|
+
svg {
|
|
67
|
+
display: none;
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
|
|
24
71
|
.tna-global-header__logo--link,
|
|
25
72
|
.tna-global-header__navigation-item-link,
|
|
26
73
|
.tna-header__logo-contents--link,
|
|
@@ -33,7 +80,7 @@ summary {
|
|
|
33
80
|
}
|
|
34
81
|
|
|
35
82
|
.tna-global-header__navigation-item-link {
|
|
36
|
-
border-bottom:
|
|
83
|
+
border-bottom: 1px rgba(255, 255, 255, 0.5) solid;
|
|
37
84
|
}
|
|
38
85
|
|
|
39
86
|
@include media.on-larger-than-mobile {
|
|
@@ -171,7 +218,3 @@ summary {
|
|
|
171
218
|
.tna-chip {
|
|
172
219
|
background: #fff;
|
|
173
220
|
}
|
|
174
|
-
|
|
175
|
-
.etna-video {
|
|
176
|
-
padding-bottom: 56.25%;
|
|
177
|
-
}
|