@nationalarchives/frontend 0.1.7-prerelease → 0.1.8-prerelease
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.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto+Mono:wght@500;700&display=swap";@import"https://use.typekit.net/hkj3kuz.css";.tna-template{min-width:320px;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;font-size:16}@media(prefers-reduced-motion){.tna-template *{animation:none !important;transition:none !important}}.tna-template__body{margin:0;padding:0;background-color:#fff;overflow:auto}img,svg,video,canvas{max-width:100%;display:block}video,canvas{width:100%}*:focus{outline:3px #f0a solid}.tna-template{font-family:"Open Sans",sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-text-size-adjust:none;direction:ltr}.tna-template p{margin:0 0 2rem}.tna-template p:last-child{margin-bottom:0}.tna-template a:active{text-decoration-thickness:4px}.tna-template a:hover{text-decoration-thickness:3px}.tna-template .tna-template__body{font-size:1rem;line-height:1.6}.tna-template .tna-ul,.tna-template .tna-ol{padding-left:2rem}.tna-template .tna-ul li::marker,.tna-template .tna-ol li::marker{color:#f0a;font-weight:700}.tna-template .tna-ul--plain,.tna-template .tna-ol--plain{padding-left:0;list-style:none}.tna-template .tna-heading{margin-top:0;margin-bottom:1.5rem;font-family:supria-sans-condensed,monospace;font-weight:600}.tna-template .tna-heading:last-child{margin-bottom:0}.tna-template .tna-heading--xl{font-size:4rem;line-height:1}.tna-template .tna-heading--l{font-size:2rem;line-height:1.2}.tna-template .tna-heading--m{font-size:1.25rem;line-height:1.4}.tna-template .tna-heading--s{font-size:1.125rem;line-height:1.6}.tna-template .tna-hgroup{margin-bottom:2rem}.tna-template .tna-hgroup:last-child{margin-bottom:0}.tna-template .tna-hgroup__supertitle{margin:0;font-size:0.875rem;font-family:"Roboto Mono",monospace;font-weight:500;text-transform:uppercase}.tna-template .tna-hgroup__title{margin:0}.tna-template .tna-hgroup__title .tna-hgroup__supertitle{display:block}.tna-template .tna-hgroup--xl .tna-hgroup__title{font-size:4rem}.tna-template .tna-hgroup--l .tna-hgroup__title{font-size:2rem}.tna-template .tna-hgroup--m .tna-hgroup__title{font-size:1.25rem}.tna-template .tna-hgroup--s .tna-hgroup__title{font-size:1.125rem}.tna-button{padding:.25rem 1rem;display:inline-block;color:#fff;font-weight:700;text-decoration:none;background-color:#000}.tna-button:hover{background-color:#069}.tna-button--secondary{color:#000;background-color:#ff0}.tna-button--secondary:hover{color:#fff}.tna-card__inner{display:-ms-flexbox;display:flex;-ms-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.tna-card__heading{order:2}.tna-card__title{order:2}.tna-card__image-container{order:1}.tna-card__body{order:3}.tna-card__actions{margin-top:2rem;order:4}.tna-card--featured{position:relative;background-color:#ff0}.tna-card--featured .tna-card__inner{margin-left:50%;padding:2rem}.tna-card--featured .tna-card__heading{padding-bottom:2rem;border-bottom:2px #000 solid}.tna-card--featured .tna-card__image-container{position:absolute;inset:0 50% 0 0}.tna-card--featured .tna-card__image{width:100%;height:100%;object-fit:cover}.tna-footer{padding-top:3rem;padding-bottom:3rem;color:#fff;background-color:#26262a}.tna-footer__link{color:inherit}.tna-footer__link:hover{color:#f0a}.tna-footer__navigation{padding-bottom:3rem}.tna-footer__navigation-group-items{padding-left:0;list-style:none}.tna-footer__social{padding-bottom:4rem}.tna-footer__social.tna-container{align-items:flex-end}.tna-footer__social-item{text-align:center}.tna-footer__social-item-link{display:block}.tna-footer__social-item-link-image{display:block}.tna-footer__licence.tna-container{align-items:center}.tna-footer__licence-logo{display:block}.tna-footer__govuk-link{display:inline-block;color:inherit;fill:#fff}.tna-footer__govuk-link:hover{color:#f0a;fill:#f0a}.tna-footer__govuk-logotype-crown{margin:0 auto;display:block;fill:inherit}.tna-container{max-width:75.25rem;width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:stretch;align-items:stretch}.tna-container--no-padding,.tna-container--no-padding-all{max-width:71.25rem}.tna-container--max{max-width:none}.tna-column{padding-right:1rem;padding-left:1rem;box-sizing:border-box}.tna-column--full{width:100%}.tna-column--container{display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:stretch;align-items:stretch}.tna-column--flex-1{flex:1 0}.tna-column--flex-2{flex:2 0}.tna-column--flex-3{flex:3 0}.tna-container--no-padding,.tna-container--no-padding-all,.tna-container--no-padding-all>.tna-column,.tna-column--no-padding,.tna-column--container--no-padding-all,.tna-column--container--no-padding-all>.tna-column{padding-right:0;padding-left:0}.tna-column--width-1-12{width:8.3333333333%;flex:none}.tna-column--width-1-6{width:16.6666666667%;flex:none}.tna-column--width-1-4{width:25%;flex:none}.tna-column--width-1-3{width:33.3333333333%;flex:none}.tna-column--width-5-12{width:41.6666666667%;flex:none}.tna-column--width-1-2{width:50%;flex:none}.tna-column--width-7-12{width:58.3333333333%;flex:none}.tna-column--width-2-3{width:66.6666666667%;flex:none}.tna-column--width-3-4{width:75%;flex:none}.tna-column--width-5-6{width:83.3333333333%;flex:none}.tna-column--width-11-12{width:91.6666666667%;flex:none}@media(min-width: 769px)and (max-width: 1024px){.tna-column--full-medium{width:100%;flex:none}.tna-column--flex-1-medium{flex:1 0}.tna-column--flex-2-medium{flex:2 0}.tna-column--flex-3-medium{flex:3 0}.tna-column--width-1-6-medium{width:16.6666666667%;flex:none}.tna-column--width-1-3-medium{width:33.3333333333%;flex:none}.tna-column--width-1-2-medium{width:50%;flex:none}.tna-column--width-2-3-medium{width:66.6666666667%;flex:none}.tna-column--width-5-6-medium{width:83.3333333333%;flex:none}}@media(max-width: 768px){.tna-container{padding-right:1.125rem;padding-left:1.125rem}.tna-column{padding-right:.375rem;padding-left:.375rem}}@media(min-width: 481px)and (max-width: 768px){.tna-column--full-small{width:100%;flex:none}.tna-column--flex-1-small{flex:1 0}.tna-column--flex-2-small{flex:2 0}.tna-column--flex-3-small{flex:3 0}.tna-column--width-1-4-small{width:25%;flex:none}.tna-column--width-1-2-small{width:50%;flex:none}.tna-column--width-3-4-small{width:75%;flex:none}}@media(max-width: 480px){.tna-column--full-tiny{width:100%;flex:none}.tna-column--flex-1-tiny{width:auto;flex:1 0}.tna-column--flex-2-tiny{width:auto;flex:2 0}.tna-column--flex-3-tiny{width:auto;flex:3 0}.tna-column--width-1-2-tiny{width:50%;flex:none}}.tna-hero{min-height:min(
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto+Mono:wght@500;700&display=swap";@import"https://use.typekit.net/hkj3kuz.css";.tna-template{min-width:320px;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;font-size:16}@media(prefers-reduced-motion){.tna-template *{animation:none !important;transition:none !important}}.tna-template__body{margin:0;padding:0;background-color:#fff;overflow:auto}img,svg,video,canvas{max-width:100%;display:block}video,canvas{width:100%}*:focus{outline:3px #f0a solid}.tna-template{font-family:"Open Sans",sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-text-size-adjust:none;direction:ltr}.tna-template p{margin:0 0 2rem}.tna-template p:last-child{margin-bottom:0}.tna-template a:active{text-decoration-thickness:4px}.tna-template a:hover{text-decoration-thickness:3px}.tna-template .tna-template__body{font-size:1rem;line-height:1.6}.tna-template .tna-ul,.tna-template .tna-ol{padding-left:2rem}.tna-template .tna-ul li::marker,.tna-template .tna-ol li::marker{color:#f0a;font-weight:700}.tna-template .tna-ul--plain,.tna-template .tna-ol--plain{padding-left:0;list-style:none}.tna-template .tna-heading{margin-top:0;margin-bottom:1.5rem;font-family:supria-sans-condensed,monospace;font-weight:600}.tna-template .tna-heading:last-child{margin-bottom:0}.tna-template .tna-heading--xl{font-size:4rem;line-height:1}@media(min-width: 769px)and (max-width: 1024px){.tna-template .tna-heading--xl{font-size:2.625rem}}@media(max-width: 768px){.tna-template .tna-heading--xl{font-size:2.25rem}}.tna-template .tna-heading--l{font-size:2rem;line-height:1.2}@media(min-width: 769px)and (max-width: 1024px){.tna-template .tna-heading--l{font-size:1.625rem}}@media(max-width: 768px){.tna-template .tna-heading--l{font-size:1.5rem}}.tna-template .tna-heading--m{font-size:1.25rem;line-height:1.4}.tna-template .tna-heading--s{font-size:1.125rem;line-height:1.6}.tna-template .tna-hgroup{margin-bottom:2rem}.tna-template .tna-hgroup:last-child{margin-bottom:0}.tna-template .tna-hgroup__supertitle{margin:0;font-size:0.875rem;font-family:"Roboto Mono",monospace;font-weight:500;text-transform:uppercase}.tna-template .tna-hgroup__title{margin:0}.tna-template .tna-hgroup__title .tna-hgroup__supertitle{display:block}.tna-template .tna-hgroup--xl .tna-hgroup__title{font-size:4rem}.tna-template .tna-hgroup--l .tna-hgroup__title{font-size:2rem}.tna-template .tna-hgroup--m .tna-hgroup__title{font-size:1.25rem}.tna-template .tna-hgroup--s .tna-hgroup__title{font-size:1.125rem}.tna-button{padding:.25rem 1rem;display:inline-block;color:#fff;font-weight:700;text-decoration:none;background-color:#000}.tna-button:hover{background-color:#069}.tna-button--secondary{color:#000;background-color:#ff0}.tna-button--secondary:hover{color:#fff}.tna-card__inner{display:-ms-flexbox;display:flex;-ms-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.tna-card__heading{order:2}.tna-card__title{order:2}.tna-card__image-container{order:1}.tna-card__body{order:3}.tna-card__actions{margin-top:2rem;order:4}.tna-card--featured{position:relative;background-color:#ff0}.tna-card--featured .tna-card__inner{margin-left:50%;padding:2rem}.tna-card--featured .tna-card__heading{padding-bottom:2rem;border-bottom:2px #000 solid}.tna-card--featured .tna-card__image-container{position:absolute;inset:0 50% 0 0}.tna-card--featured .tna-card__image{width:100%;height:100%;object-fit:cover}.tna-footer{padding-top:3rem;padding-bottom:3rem;color:#fff;background-color:#26262a}.tna-footer__link{color:inherit}.tna-footer__link:hover{color:#f0a}.tna-footer__navigation{padding-bottom:3rem}.tna-footer__navigation-group-items{padding-left:0;list-style:none}.tna-footer__social{padding-bottom:4rem}.tna-footer__social.tna-container{align-items:flex-end}.tna-footer__social-item{text-align:center}.tna-footer__social-item-link{display:block}.tna-footer__social-item-link-image{display:block}.tna-footer__licence.tna-container{align-items:center}.tna-footer__licence-logo{display:block}.tna-footer__govuk-link{display:inline-block;color:inherit;fill:#fff}.tna-footer__govuk-link:hover{color:#f0a;fill:#f0a}.tna-footer__govuk-logotype-crown{margin:0 auto;display:block;fill:inherit}.tna-container{max-width:75.25rem;width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:stretch;align-items:stretch}.tna-container--no-padding,.tna-container--no-padding-all{max-width:71.25rem}.tna-container--max{max-width:none}.tna-column{padding-right:1rem;padding-left:1rem;box-sizing:border-box}.tna-column--full{width:100%}.tna-column--container{display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:stretch;align-items:stretch}.tna-column--flex-1{flex:1 0}.tna-column--flex-2{flex:2 0}.tna-column--flex-3{flex:3 0}.tna-container--no-padding,.tna-container--no-padding-all,.tna-container--no-padding-all>.tna-column,.tna-column--no-padding,.tna-column--container--no-padding-all,.tna-column--container--no-padding-all>.tna-column{padding-right:0;padding-left:0}.tna-column--width-1-12{width:8.3333333333%;flex:none}.tna-column--width-1-6{width:16.6666666667%;flex:none}.tna-column--width-1-4{width:25%;flex:none}.tna-column--width-1-3{width:33.3333333333%;flex:none}.tna-column--width-5-12{width:41.6666666667%;flex:none}.tna-column--width-1-2{width:50%;flex:none}.tna-column--width-7-12{width:58.3333333333%;flex:none}.tna-column--width-2-3{width:66.6666666667%;flex:none}.tna-column--width-3-4{width:75%;flex:none}.tna-column--width-5-6{width:83.3333333333%;flex:none}.tna-column--width-11-12{width:91.6666666667%;flex:none}@media(min-width: 769px)and (max-width: 1024px){.tna-column--full-medium{width:100%;flex:none}.tna-column--flex-1-medium{flex:1 0}.tna-column--flex-2-medium{flex:2 0}.tna-column--flex-3-medium{flex:3 0}.tna-column--width-1-6-medium{width:16.6666666667%;flex:none}.tna-column--width-1-3-medium{width:33.3333333333%;flex:none}.tna-column--width-1-2-medium{width:50%;flex:none}.tna-column--width-2-3-medium{width:66.6666666667%;flex:none}.tna-column--width-5-6-medium{width:83.3333333333%;flex:none}}@media(max-width: 768px){.tna-container{padding-right:1.125rem;padding-left:1.125rem}.tna-column{padding-right:.375rem;padding-left:.375rem}}@media(min-width: 481px)and (max-width: 768px){.tna-column--full-small{width:100%;flex:none}.tna-column--flex-1-small{flex:1 0}.tna-column--flex-2-small{flex:2 0}.tna-column--flex-3-small{flex:3 0}.tna-column--width-1-4-small{width:25%;flex:none}.tna-column--width-1-2-small{width:50%;flex:none}.tna-column--width-3-4-small{width:75%;flex:none}}@media(max-width: 480px){.tna-column--full-tiny{width:100%;flex:none}.tna-column--flex-1-tiny{width:auto;flex:1 0}.tna-column--flex-2-tiny{width:auto;flex:2 0}.tna-column--flex-3-tiny{width:auto;flex:3 0}.tna-column--width-1-2-tiny{width:50%;flex:none}}.tna-hero{min-height:min(35vw,480px);padding-top:5.25rem;padding-bottom:3.25rem;display:-ms-flexbox;display:flex;align-items:end;position:relative;background-color:#26262a}.tna-hero__image{width:100%;height:100%;position:absolute;inset:0;z-index:1;object-fit:cover}.tna-hero picture.tna-hero__image img{width:100%;height:100%;object-fit:cover}.tna-hero__image-details{position:absolute;right:1.25rem;bottom:1.25rem;z-index:3}.tna-hero__image-details-summary{width:2rem;height:2rem;position:relative;z-index:2;font-size:0;text-align:center;line-height:2rem;list-style:none;background-color:#fc0;border-radius:1rem;cursor:pointer}.tna-hero__image-details-summary-icon{font-size:1.25rem;font-style:normal;font-weight:700;text-transform:lowercase}.tna-hero__image-information{width:20rem;max-width:45vw;padding:.5rem 1rem;position:absolute;right:0;bottom:2.5rem;z-index:1;background-color:#fc0}.tna-hero__inner{position:relative;z-index:2}.tna-hero__content-inner{padding:2.5rem 1.5rem;background-color:#fff}.tna-hero__heading{margin-bottom:0}@media(max-width: 768px){.tna-hero{padding:0;display:block}.tna-hero__image{height:320px;position:static}.tna-hero__image-details{bottom:auto;top:1.25rem}.tna-hero__image-information{top:2.5rem;bottom:auto}.tna-hero__content-inner{color:#fff;background-color:inherit}}@media(max-width: 480px){.tna-hero__image{height:240px}}.tna-sensitive-image__details{position:relative}.tna-sensitive-image__details::after{width:100%;padding-bottom:calc(100%*var(--sensitive-image-height)/var(--sensitive-image-width));display:block;position:relative;z-index:-1;background-image:var(--sensitive-image);background-clip:padding-box;background-size:contain;filter:blur(20px) saturate(0);content:""}.tna-sensitive-image__show{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;z-index:1;font-size:0;cursor:pointer}.tna-sensitive-image__show::after{padding:.5rem 2rem;font-size:1rem;background-color:#ff0;content:attr(data-action)}.tna-sensitive-image__show:hover::after{color:#fff;background-color:#000}.tna-sensitive-image__image{width:100%}.tna-sensitive-image__details[open]::after,.tna-sensitive-image__details[open] .tna-sensitive-image__show{display:none}/*# sourceMappingURL=all.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/nationalarchives/utilities/_typography.scss","../../src/nationalarchives/utilities/_global.scss","../../src/nationalarchives/variables/_typography.scss","../../src/nationalarchives/tools/_typography.scss","../../src/nationalarchives/
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/nationalarchives/utilities/_typography.scss","../../src/nationalarchives/utilities/_global.scss","../../src/nationalarchives/variables/_typography.scss","../../src/nationalarchives/tools/_typography.scss","../../src/nationalarchives/tools/_media.scss","../../src/nationalarchives/components/button/_index.scss","../../src/nationalarchives/components/card/_index.scss","../../src/nationalarchives/components/footer/_index.scss","../../src/nationalarchives/components/grid/_index.scss","../../src/nationalarchives/variables/_grid.scss","../../src/nationalarchives/tools/_grid.scss","../../src/nationalarchives/components/hero/_index.scss","../../src/nationalarchives/components/sensitive-image/_index.scss"],"names":[],"mappings":"AAKQ,sHACA,6CCJR,cACE,gBACA,WACA,YAEA,kBACA,gBACA,iCAEA,UCXkB,GDalB,+BACE,gBACE,0BACA,4BAKN,oBACE,SACA,UAEA,sBAEA,cAGF,qBAIE,eAEA,cAGF,aAEE,WAGF,QACE,uBDrCF,cACE,YEPiB,uBFQjB,YEPiB,IFQjB,kCACA,mCACA,kCACA,8BACA,cAEA,gBACE,gBAEA,2BACE,gBAKF,uBACE,8BAGF,sBACE,8BAIJ,kCG/BA,eHiCE,gBAGF,4CAEE,kBAEA,kEACE,WACA,gBAIJ,0DAEE,eAEA,gBAGF,2BACE,aACA,qBAEA,YExDkB,gCFyDlB,YExDkB,IF0DlB,sCACE,gBAGF,+BGhEF,eHkEI,cIhDJ,gDJ8CE,+BGhEF,oBCsDA,yBJUE,+BGhEF,mBH6EE,8BG7EF,eH+EI,gBI7DJ,gDJ2DE,8BG7EF,oBCsDA,yBJuBE,8BG7EF,kBH0FE,8BG1FF,kBH4FI,gBAGF,8BG/FF,mBHiGI,gBAIJ,0BACE,mBAEA,qCACE,gBAGF,sCACE,SG7GJ,mBHgHI,YE5Ge,wBF6Gf,YE5Ge,IF6Gf,yBAOF,iCACE,SAEA,yDACE,cAQF,iDGrIJ,eH8II,gDG9IJ,eHuJI,gDGvJJ,kBHgKI,gDGhKJ,mBEJF,YACE,oBAEA,qBAEA,WACA,gBACA,qBAEA,sBAEA,kBACE,sBAGF,uBACE,WAEA,sBAEA,6BACE,WClBJ,iBACE,oBACA,aACA,wBACA,0BACA,sBAGF,mBACE,QAMF,iBACE,QAMF,2BACE,QAMF,gBAGE,QAGF,mBACE,gBAEA,QAMF,oBACE,kBAEA,sBAEA,qCACE,gBACA,aAGF,uCACE,oBAEA,6BAGF,+CACE,kBACA,gBAGF,qCACE,WACA,YACA,iBCvEN,YACE,iBACA,oBAEA,WAEA,yBAEA,kBACE,cAEA,wBACE,WAIJ,wBACE,oBASF,oCACE,eAEA,gBASF,oBACE,oBAEA,kCACE,qBAIJ,yBACE,kBAGF,8BACE,cAGF,oCACE,cAIA,mCACE,mBAIJ,0BACE,cAGF,wBACE,qBAEA,cACA,UAEA,8BACE,WACA,UAIJ,kCACE,cACA,cAEA,aC/EJ,eACE,UCNwB,SDOxB,WACA,kBACA,iBACA,mBACA,kBAEA,sBAEA,oBACA,aACA,eACA,wBACA,oBAEA,0DAEE,mBAGF,oBACE,eAIJ,YACE,mBACA,kBAEA,sBAEA,kBACE,WAGF,uBACE,oBACA,aACA,eACA,wBACA,oBAIA,oBACE,SADF,oBACE,SADF,oBACE,SAKN,uNAME,gBACA,eEpDM,wBACE,oBACA,UAFF,uBACE,qBACA,UAFF,uBACE,UACA,UAFF,uBACE,qBACA,UAFF,wBACE,qBACA,UAFF,uBACE,UACA,UAFF,wBACE,qBACA,UAFF,uBACE,qBACA,UAFF,uBACE,UACA,UAFF,uBACE,qBACA,UAFF,yBACE,qBACA,UNSR,gDIsDE,yBACE,WACA,UAIA,2BACE,SADF,2BACE,SADF,2BACE,SExEA,8BACE,qBACA,UAFF,8BACE,qBACA,UAFF,8BACE,UACA,UAFF,8BACE,qBACA,UAFF,8BACE,qBACA,WN6CR,yBIwCA,eACE,uBACA,sBAGF,YACE,sBACA,sBJ7EF,+CImFE,wBACE,WACA,UAIA,0BACE,SADF,0BACE,SADF,0BACE,SE3GA,6BACE,UACA,UAFF,6BACE,UACA,UAFF,6BACE,UACA,WNqBR,yBIoGE,uBACE,WACA,UAIA,yBACE,WAEA,SAHF,yBACE,WAEA,SAHF,yBACE,WAEA,SEpIA,4BACE,UACA,WCXV,UACE,2BACA,oBACA,uBAEA,oBACA,aACA,gBAEA,kBAEA,yBAEA,iBACE,WACA,YAEA,kBACA,QACA,UAEA,iBAGF,sCACE,WACA,YAEA,iBAGF,yBACE,kBACA,cACA,eACA,UAGF,iCACE,WACA,YAEA,kBACA,UAEA,YACA,kBACA,iBACA,gBAEA,sBAEA,mBAEA,eAGF,sCACE,kBACA,kBACA,gBACA,yBAGF,6BACE,YACA,eACA,mBAEA,kBACA,QACA,cACA,UAEA,sBAGF,iBACE,kBACA,UAMF,yBACE,sBAEA,sBAGF,mBACE,gBPpCF,yBOxDF,UAmGI,UAEA,cAEA,iBACE,aAEA,gBAGF,yBACE,YACA,YASF,6BACE,WACA,YASF,yBACE,WAEA,0BPtGJ,yBOiHE,iBACE,cC9IJ,8BACE,kBAIA,qCACE,WACA,qFAIA,cAEA,kBACA,WAEA,wCACA,4BACA,wBAEA,8BAEA,WAIJ,2BACE,aACA,mBACA,uBAEA,kBACA,QACA,UAEA,YAEA,eAEA,kCACE,mBT1CJ,eS6CI,sBAEA,0BAIA,wCACE,WAEA,sBAQN,4BACE,WAIA,0GAEE","file":"all.css"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@use "../../tools/media";
|
|
2
2
|
|
|
3
3
|
.tna-hero {
|
|
4
|
-
min-height: min(
|
|
4
|
+
min-height: min(35vw, 480px);
|
|
5
5
|
padding-top: 5.25rem;
|
|
6
6
|
padding-bottom: 3.25rem;
|
|
7
7
|
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
|
|
12
12
|
position: relative;
|
|
13
13
|
|
|
14
|
-
background-color: #
|
|
14
|
+
background-color: #26262a; // Variable
|
|
15
15
|
|
|
16
16
|
&__image {
|
|
17
17
|
width: 100%;
|
|
@@ -24,6 +24,13 @@
|
|
|
24
24
|
object-fit: cover;
|
|
25
25
|
}
|
|
26
26
|
|
|
27
|
+
picture#{&}__image img {
|
|
28
|
+
width: 100%;
|
|
29
|
+
height: 100%;
|
|
30
|
+
|
|
31
|
+
object-fit: cover;
|
|
32
|
+
}
|
|
33
|
+
|
|
27
34
|
&__image-details {
|
|
28
35
|
position: absolute;
|
|
29
36
|
right: 1.25rem;
|
|
@@ -76,8 +83,10 @@
|
|
|
76
83
|
}
|
|
77
84
|
|
|
78
85
|
&__content {
|
|
79
|
-
|
|
80
|
-
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
&__content-inner {
|
|
89
|
+
padding: 2.5rem 1.5rem;
|
|
81
90
|
|
|
82
91
|
background-color: #fff;
|
|
83
92
|
}
|
|
@@ -95,6 +104,8 @@
|
|
|
95
104
|
display: block;
|
|
96
105
|
|
|
97
106
|
&__image {
|
|
107
|
+
height: 320px;
|
|
108
|
+
|
|
98
109
|
position: static;
|
|
99
110
|
}
|
|
100
111
|
|
|
@@ -118,6 +129,9 @@
|
|
|
118
129
|
}
|
|
119
130
|
|
|
120
131
|
&__content {
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
&__content-inner {
|
|
121
135
|
color: #fff;
|
|
122
136
|
|
|
123
137
|
background-color: inherit;
|
|
@@ -129,4 +143,10 @@
|
|
|
129
143
|
&__body {
|
|
130
144
|
}
|
|
131
145
|
}
|
|
146
|
+
|
|
147
|
+
@include media.on-tiny {
|
|
148
|
+
&__image {
|
|
149
|
+
height: 240px;
|
|
150
|
+
}
|
|
151
|
+
}
|
|
132
152
|
}
|
|
@@ -13,17 +13,19 @@
|
|
|
13
13
|
{%- endif -%}
|
|
14
14
|
<div class="tna-container tna-hero__inner">
|
|
15
15
|
<div class="tna-column tna-column--width-2-3 tna-column--full-small tna-column--full-tiny tna-hero__content">
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
{
|
|
26
|
-
|
|
16
|
+
<div class="tna-hero__content-inner">
|
|
17
|
+
{%- if params.heading -%}
|
|
18
|
+
<h1 class="tna-heading tna-heading--xl tna-hero__heading">
|
|
19
|
+
{{ params.heading }}
|
|
20
|
+
</h1>
|
|
21
|
+
{%- endif -%}
|
|
22
|
+
<div class="tna-hero__body">
|
|
23
|
+
{%- if params.text -%}
|
|
24
|
+
<p>{{ params.text }}</p>
|
|
25
|
+
{%- elseif params.body -%}
|
|
26
|
+
{{ params.body | safe }}
|
|
27
|
+
{%- endif -%}
|
|
28
|
+
</div>
|
|
27
29
|
</div>
|
|
28
30
|
</div>
|
|
29
31
|
</div>
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
@use "../variables/typography";
|
|
2
|
+
@use "../tools/media";
|
|
2
3
|
@use "../tools/typography" as tools;
|
|
3
4
|
|
|
4
5
|
// Temporary - will eventually bundle font files into package
|
|
@@ -68,11 +69,27 @@
|
|
|
68
69
|
&--xl {
|
|
69
70
|
@include tools.relative-font-size(64);
|
|
70
71
|
line-height: 1;
|
|
72
|
+
|
|
73
|
+
@include media.on-medium {
|
|
74
|
+
@include tools.relative-font-size(42);
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
@include media.on-mobile {
|
|
78
|
+
@include tools.relative-font-size(36);
|
|
79
|
+
}
|
|
71
80
|
}
|
|
72
81
|
|
|
73
82
|
&--l {
|
|
74
83
|
@include tools.relative-font-size(32);
|
|
75
84
|
line-height: 1.2;
|
|
85
|
+
|
|
86
|
+
@include media.on-medium {
|
|
87
|
+
@include tools.relative-font-size(26);
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
@include media.on-mobile {
|
|
91
|
+
@include tools.relative-font-size(24);
|
|
92
|
+
}
|
|
76
93
|
}
|
|
77
94
|
|
|
78
95
|
&--m {
|