@axa-fr/design-system-apollo-css 1.0.5-alpha.290 → 1.0.5-alpha.293
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/dist/Form/Checkbox/CheckboxText/CheckboxTextApollo.css +1 -1
- package/dist/Form/Checkbox/CheckboxText/CheckboxTextApollo.css.map +1 -1
- package/dist/Form/Checkbox/CheckboxText/CheckboxTextCommon.css +1 -1
- package/dist/Form/Checkbox/CheckboxText/CheckboxTextCommon.css.map +1 -1
- package/dist/Form/Checkbox/CheckboxText/CheckboxTextCommon.scss +0 -1
- package/dist/Form/Checkbox/CheckboxText/CheckboxTextLF.css +1 -1
- package/dist/Form/Checkbox/CheckboxText/CheckboxTextLF.css.map +1 -1
- package/dist/Heading/HeadingApollo.css +1 -1
- package/dist/Heading/HeadingApollo.css.map +1 -1
- package/dist/Heading/HeadingApollo.scss +3 -0
- package/dist/Heading/HeadingCommon.css +1 -1
- package/dist/Heading/HeadingCommon.css.map +1 -1
- package/dist/Heading/HeadingCommon.scss +3 -2
- package/dist/Heading/HeadingLF.css +1 -1
- package/dist/Heading/HeadingLF.css.map +1 -1
- package/dist/Heading/HeadingLF.scss +3 -0
- package/dist/apollo.css +1 -1
- package/dist/apollo.css.map +1 -1
- package/dist/look-and-feel.css +1 -1
- package/dist/look-and-feel.css.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-checkbox-text{column-gap:calc(8/var(--font-size-base)*1rem);display:grid;grid-template-areas:"icon label" "icon message";grid-template-columns:min-content 1fr}.af-checkbox-text:has(>.af-item-message){row-gap:calc(8/var(--font-size-base)*1rem)}.af-checkbox-text label{align-items:flex-start;color:var(--checkbox-text-label-color);cursor:pointer;display:flex;font-size:calc(18/var(--font-size-base)*1rem);font-weight:400;gap:calc(8/var(--font-size-base)*1rem);grid-area:label;line-height:1.25;margin:0}@media (width < 667px){.af-checkbox-text label{font-size:calc(16/var(--font-size-base)*1rem)}}.af-checkbox-text .af-checkbox{grid-area:icon
|
|
1
|
+
.af-checkbox-text{column-gap:calc(8/var(--font-size-base)*1rem);display:grid;grid-template-areas:"icon label" "icon message";grid-template-columns:min-content 1fr}.af-checkbox-text:has(>.af-item-message){row-gap:calc(8/var(--font-size-base)*1rem)}.af-checkbox-text label{align-items:flex-start;color:var(--checkbox-text-label-color);cursor:pointer;display:flex;font-size:calc(18/var(--font-size-base)*1rem);font-weight:400;gap:calc(8/var(--font-size-base)*1rem);grid-area:label;line-height:1.25;margin:0}@media (width < 667px){.af-checkbox-text label{font-size:calc(16/var(--font-size-base)*1rem)}}.af-checkbox-text .af-checkbox{grid-area:icon}.af-checkbox-text .af-item-message{grid-area:message}.af-checkbox-text label{--checkbox-text-label-color:var(--black)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/Form/Checkbox/CheckboxText/CheckboxTextCommon.scss","../../../../src/Form/Checkbox/CheckboxText/CheckboxTextApollo.scss","../../../../src/Form/Checkbox/CheckboxText/CheckboxTextApollo.scss%23sass"],"names":[],"mappings":"AAEA,kBAME,6CAAA,CALA,YAAA,CCDF,+CAAA,CDKE,qCCFF,CDKE,yCACE,0CCHJ,CDME,wBAIE,sBAAA,CAKA,sCAAA,CACA,cAAA,CATA,YAAA,CAKA,6CAAA,CACA,eAAA,CAFA,sCAAA,CAFA,eAAA,CAKA,gBAAA,CANA,QCIJ,CDMI,uBAZF,wBAaI,6CCHJ,CACF,CDME,+
|
|
1
|
+
{"version":3,"sources":["../../../../src/Form/Checkbox/CheckboxText/CheckboxTextCommon.scss","../../../../src/Form/Checkbox/CheckboxText/CheckboxTextApollo.scss","../../../../src/Form/Checkbox/CheckboxText/CheckboxTextApollo.scss%23sass"],"names":[],"mappings":"AAEA,kBAME,6CAAA,CALA,YAAA,CCDF,+CAAA,CDKE,qCCFF,CDKE,yCACE,0CCHJ,CDME,wBAIE,sBAAA,CAKA,sCAAA,CACA,cAAA,CATA,YAAA,CAKA,6CAAA,CACA,eAAA,CAFA,sCAAA,CAFA,eAAA,CAKA,gBAAA,CANA,QCIJ,CDMI,uBAZF,wBAaI,6CCHJ,CACF,CDME,+BACE,cCJJ,CDOE,mCACE,iBCLJ,CC5BE,wBACE,wCD+BJ","file":"CheckboxTextApollo.css","sourcesContent":["@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-checkbox-text {\n display: grid;\n grid-template-areas:\n \"icon label\"\n \"icon message\";\n grid-template-columns: min-content 1fr;\n column-gap: calc(8 / var(--font-size-base) * 1rem);\n\n &:has(> .af-item-message) {\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n label {\n display: flex;\n margin: 0;\n grid-area: label;\n align-items: flex-start;\n gap: calc(8 / var(--font-size-base) * 1rem);\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: 1.25;\n color: var(--checkbox-text-label-color);\n cursor: pointer;\n\n @media (width < #{breakpoints.$breakpoint-sm}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n\n .af-checkbox {\n grid-area: icon;\n }\n\n .af-item-message {\n grid-area: message;\n }\n}\n","@use \"CheckboxTextCommon\";\n\n.af-checkbox-text {\n & label {\n --checkbox-text-label-color: var(--black);\n }\n}\n","@use \"CheckboxTextCommon\";\n\n.af-checkbox-text {\n & label {\n --checkbox-text-label-color: var(--black);\n }\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-checkbox-text{column-gap:calc(8/var(--font-size-base)*1rem);display:grid;grid-template-areas:"icon label" "icon message";grid-template-columns:min-content 1fr}.af-checkbox-text:has(>.af-item-message){row-gap:calc(8/var(--font-size-base)*1rem)}.af-checkbox-text label{align-items:flex-start;color:var(--checkbox-text-label-color);cursor:pointer;display:flex;font-size:calc(18/var(--font-size-base)*1rem);font-weight:400;gap:calc(8/var(--font-size-base)*1rem);grid-area:label;line-height:1.25;margin:0}@media (width < 667px){.af-checkbox-text label{font-size:calc(16/var(--font-size-base)*1rem)}}.af-checkbox-text .af-checkbox{grid-area:icon
|
|
1
|
+
.af-checkbox-text{column-gap:calc(8/var(--font-size-base)*1rem);display:grid;grid-template-areas:"icon label" "icon message";grid-template-columns:min-content 1fr}.af-checkbox-text:has(>.af-item-message){row-gap:calc(8/var(--font-size-base)*1rem)}.af-checkbox-text label{align-items:flex-start;color:var(--checkbox-text-label-color);cursor:pointer;display:flex;font-size:calc(18/var(--font-size-base)*1rem);font-weight:400;gap:calc(8/var(--font-size-base)*1rem);grid-area:label;line-height:1.25;margin:0}@media (width < 667px){.af-checkbox-text label{font-size:calc(16/var(--font-size-base)*1rem)}}.af-checkbox-text .af-checkbox{grid-area:icon}.af-checkbox-text .af-item-message{grid-area:message}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/Form/Checkbox/CheckboxText/CheckboxTextCommon.scss%23sass","../../../../src/Form/Checkbox/CheckboxText/CheckboxTextCommon.scss"],"names":[],"mappings":"AAEA,kBAME,6CAAA,CALA,YAAA,CCDF,+CAAA,CDKE,qCCFF,CDKE,yCACE,0CCHJ,CDME,wBAIE,sBAAA,CAKA,sCAAA,CACA,cAAA,CATA,YAAA,CAKA,6CAAA,CACA,eAAA,CAFA,sCAAA,CAFA,eAAA,CAKA,gBAAA,CANA,QCIJ,CDMI,uBAZF,wBAaI,6CCHJ,CACF,CDME,+
|
|
1
|
+
{"version":3,"sources":["../../../../src/Form/Checkbox/CheckboxText/CheckboxTextCommon.scss%23sass","../../../../src/Form/Checkbox/CheckboxText/CheckboxTextCommon.scss"],"names":[],"mappings":"AAEA,kBAME,6CAAA,CALA,YAAA,CCDF,+CAAA,CDKE,qCCFF,CDKE,yCACE,0CCHJ,CDME,wBAIE,sBAAA,CAKA,sCAAA,CACA,cAAA,CATA,YAAA,CAKA,6CAAA,CACA,eAAA,CAFA,sCAAA,CAFA,eAAA,CAKA,gBAAA,CANA,QCIJ,CDMI,uBAZF,wBAaI,6CCHJ,CACF,CDME,+BACE,cCJJ,CDOE,mCACE,iBCLJ","file":"CheckboxTextCommon.css","sourcesContent":["@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-checkbox-text {\n display: grid;\n grid-template-areas:\n \"icon label\"\n \"icon message\";\n grid-template-columns: min-content 1fr;\n column-gap: calc(8 / var(--font-size-base) * 1rem);\n\n &:has(> .af-item-message) {\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n label {\n display: flex;\n margin: 0;\n grid-area: label;\n align-items: flex-start;\n gap: calc(8 / var(--font-size-base) * 1rem);\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: 1.25;\n color: var(--checkbox-text-label-color);\n cursor: pointer;\n\n @media (width < #{breakpoints.$breakpoint-sm}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n\n .af-checkbox {\n grid-area: icon;\n }\n\n .af-item-message {\n grid-area: message;\n }\n}\n","@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-checkbox-text {\n display: grid;\n grid-template-areas:\n \"icon label\"\n \"icon message\";\n grid-template-columns: min-content 1fr;\n column-gap: calc(8 / var(--font-size-base) * 1rem);\n\n &:has(> .af-item-message) {\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n label {\n display: flex;\n margin: 0;\n grid-area: label;\n align-items: flex-start;\n gap: calc(8 / var(--font-size-base) * 1rem);\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: 1.25;\n color: var(--checkbox-text-label-color);\n cursor: pointer;\n\n @media (width < #{breakpoints.$breakpoint-sm}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n\n .af-checkbox {\n grid-area: icon;\n }\n\n .af-item-message {\n grid-area: message;\n }\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-checkbox-text{column-gap:calc(8/var(--font-size-base)*1rem);display:grid;grid-template-areas:"icon label" "icon message";grid-template-columns:min-content 1fr}.af-checkbox-text:has(>.af-item-message){row-gap:calc(8/var(--font-size-base)*1rem)}.af-checkbox-text label{align-items:flex-start;color:var(--checkbox-text-label-color);cursor:pointer;display:flex;font-size:calc(18/var(--font-size-base)*1rem);font-weight:400;gap:calc(8/var(--font-size-base)*1rem);grid-area:label;line-height:1.25;margin:0}@media (width < 667px){.af-checkbox-text label{font-size:calc(16/var(--font-size-base)*1rem)}}.af-checkbox-text .af-checkbox{grid-area:icon
|
|
1
|
+
.af-checkbox-text{column-gap:calc(8/var(--font-size-base)*1rem);display:grid;grid-template-areas:"icon label" "icon message";grid-template-columns:min-content 1fr}.af-checkbox-text:has(>.af-item-message){row-gap:calc(8/var(--font-size-base)*1rem)}.af-checkbox-text label{align-items:flex-start;color:var(--checkbox-text-label-color);cursor:pointer;display:flex;font-size:calc(18/var(--font-size-base)*1rem);font-weight:400;gap:calc(8/var(--font-size-base)*1rem);grid-area:label;line-height:1.25;margin:0}@media (width < 667px){.af-checkbox-text label{font-size:calc(16/var(--font-size-base)*1rem)}}.af-checkbox-text .af-checkbox{grid-area:icon}.af-checkbox-text .af-item-message{grid-area:message}.af-checkbox-text label{--checkbox-text-label-color:var(--color-black)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/Form/Checkbox/CheckboxText/CheckboxTextCommon.scss","../../../../src/Form/Checkbox/CheckboxText/CheckboxTextLF.scss","../../../../src/Form/Checkbox/CheckboxText/CheckboxTextLF.scss%23sass"],"names":[],"mappings":"AAEA,kBAME,6CAAA,CALA,YAAA,CCDF,+CAAA,CDKE,qCCFF,CDKE,yCACE,0CCHJ,CDME,wBAIE,sBAAA,CAKA,sCAAA,CACA,cAAA,CATA,YAAA,CAKA,6CAAA,CACA,eAAA,CAFA,sCAAA,CAFA,eAAA,CAKA,gBAAA,CANA,QCIJ,CDMI,uBAZF,wBAaI,6CCHJ,CACF,CDME,+
|
|
1
|
+
{"version":3,"sources":["../../../../src/Form/Checkbox/CheckboxText/CheckboxTextCommon.scss","../../../../src/Form/Checkbox/CheckboxText/CheckboxTextLF.scss","../../../../src/Form/Checkbox/CheckboxText/CheckboxTextLF.scss%23sass"],"names":[],"mappings":"AAEA,kBAME,6CAAA,CALA,YAAA,CCDF,+CAAA,CDKE,qCCFF,CDKE,yCACE,0CCHJ,CDME,wBAIE,sBAAA,CAKA,sCAAA,CACA,cAAA,CATA,YAAA,CAKA,6CAAA,CACA,eAAA,CAFA,sCAAA,CAFA,eAAA,CAKA,gBAAA,CANA,QCIJ,CDMI,uBAZF,wBAaI,6CCHJ,CACF,CDME,+BACE,cCJJ,CDOE,mCACE,iBCLJ,CC5BE,wBACE,8CD+BJ","file":"CheckboxTextLF.css","sourcesContent":["@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-checkbox-text {\n display: grid;\n grid-template-areas:\n \"icon label\"\n \"icon message\";\n grid-template-columns: min-content 1fr;\n column-gap: calc(8 / var(--font-size-base) * 1rem);\n\n &:has(> .af-item-message) {\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n label {\n display: flex;\n margin: 0;\n grid-area: label;\n align-items: flex-start;\n gap: calc(8 / var(--font-size-base) * 1rem);\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: 1.25;\n color: var(--checkbox-text-label-color);\n cursor: pointer;\n\n @media (width < #{breakpoints.$breakpoint-sm}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n\n .af-checkbox {\n grid-area: icon;\n }\n\n .af-item-message {\n grid-area: message;\n }\n}\n","@use \"CheckboxTextCommon\";\n\n.af-checkbox-text {\n & label {\n --checkbox-text-label-color: var(--color-black);\n }\n}\n","@use \"CheckboxTextCommon\";\n\n.af-checkbox-text {\n & label {\n --checkbox-text-label-color: var(--color-black);\n }\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
*,:after,:before{box-sizing:border-box}body{font-family:var(--font-family-sans-serif);margin:0;-webkit-font-smoothing:antialiased}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}fieldset{border:0;margin:0;min-width:0}fieldset,legend{padding:0}.af-heading{align-items:start;display:grid;gap:calc(8/var(--font-size-base)*1rem) calc(12/var(--font-size-base)*1rem)}.af-heading__title-container{display:grid;grid-column:var(--heading-grid-column);row-gap:calc(4/var(--font-size-base)*1rem)}.af-heading__title{color:var(--heading-title-color);font-family:var(--font-family
|
|
1
|
+
*,:after,:before{box-sizing:border-box}body{font-family:var(--font-family-sans-serif);margin:0;-webkit-font-smoothing:antialiased}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}fieldset{border:0;margin:0;min-width:0}fieldset,legend{padding:0}.af-heading{align-items:start;display:grid;gap:calc(8/var(--font-size-base)*1rem) calc(12/var(--font-size-base)*1rem)}.af-heading__title-container{display:grid;grid-column:var(--heading-grid-column);row-gap:calc(4/var(--font-size-base)*1rem)}.af-heading__title{color:var(--heading-title-color);font-family:var(--heading-title-font-family);font-size:var(--heading-title-font-size);font-weight:var(--heading-title-font-weight);line-height:var(--heading-title-line-height);margin:0}.af-heading__subtitle{color:var(--heading-subtitle-color);font-size:var(--heading-subtitle-font-size);font-weight:400;line-height:125%;margin:0;padding:0}.af-heading__icon{border-radius:.75rem;box-shadow:0 .125rem .5rem 0 rgba(var(--color-axa),.15);grid-column:1;grid-row:1/3}.af-heading:has(.af-heading__icon){grid-template-columns:auto 1fr}.af-heading__label{grid-column:span 3;margin-block-end:calc(4/var(--font-size-base)*1rem)}.af-heading{--heading-grid-column:1;--heading-title-color:var(--axa-blue-100);--heading-subtitle-color:var(--neutral-100);--heading-subtitle-font-size:calc(16/var(--font-size-base)*1rem)}.af-heading h1{--heading-title-font-size:calc(32/var(--font-size-base)*1rem);--heading-title-line-height:calc(40/var(--font-size-base)*1rem);--heading-title-font-weight:700;--heading-title-font-family:var(--font-family-publico-headline)}.af-heading h2{--heading-title-font-size:calc(28/var(--font-size-base)*1rem);--heading-title-line-height:calc(36/var(--font-size-base)*1rem);--heading-title-font-weight:300;--heading-title-font-family:var(--font-family-publico)}.af-heading h3{--heading-title-font-size:calc(24/var(--font-size-base)*1rem);--heading-title-line-height:calc(32/var(--font-size-base)*1rem);--heading-title-font-weight:600;--heading-title-font-family:var(--font-family-base)}.af-heading:has(.af-heading__icon){--heading-grid-column:2}@media (width > 1023px){.af-heading{--heading-subtitle-font-size:calc(18/var(--font-size-base)*1rem)}.af-heading h1{--heading-title-font-size:calc(48/var(--font-size-base)*1rem);--heading-title-line-height:calc(56/var(--font-size-base)*1rem)}.af-heading h2{--heading-title-font-size:calc(40/var(--font-size-base)*1rem);--heading-title-line-height:calc(48/var(--font-size-base)*1rem)}.af-heading h3{--heading-title-font-size:calc(32/var(--font-size-base)*1rem);--heading-title-line-height:calc(40/var(--font-size-base)*1rem)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/common/reboot.scss","../../src/Heading/HeadingApollo.scss","../../src/Heading/HeadingCommon.scss","../../src/Heading/HeadingApollo.scss%23sass"],"names":[],"mappings":"AAAA,iBCGA,qBACA,CDEA,KAEE,yCAAA,CADA,QAAA,CAEA,kCCCF,CDEA,EACE,gBCCF,CDEA,oBAOE,wBCCF,CDEA,SAIE,QAAA,CAFA,QAAA,CADA,WCIF,CDEA,gBAJE,SCMF,CChCA,YAEE,iBAAA,CADA,YAAA,CAEA,0EDmCF,CChCE,6BACE,YAAA,CACA,sCAAA,CACA,0CDkCJ,CC/BE,mBAME,gCAAA,
|
|
1
|
+
{"version":3,"sources":["../../src/common/reboot.scss","../../src/Heading/HeadingApollo.scss","../../src/Heading/HeadingCommon.scss","../../src/Heading/HeadingApollo.scss%23sass"],"names":[],"mappings":"AAAA,iBCGA,qBACA,CDEA,KAEE,yCAAA,CADA,QAAA,CAEA,kCCCF,CDEA,EACE,gBCCF,CDEA,oBAOE,wBCCF,CDEA,SAIE,QAAA,CAFA,QAAA,CADA,WCIF,CDEA,gBAJE,SCMF,CChCA,YAEE,iBAAA,CADA,YAAA,CAEA,0EDmCF,CChCE,6BACE,YAAA,CACA,sCAAA,CACA,0CDkCJ,CC/BE,mBAME,gCAAA,CAJA,4CAAA,CACA,wCAAA,CACA,4CAAA,CDiCJ,4CAAA,CCpCI,QDsCJ,CC9BE,sBAME,mCAAA,CAHA,2CAAA,CACA,eAAA,CACA,gBAAA,CAJA,QAAA,CACA,SDoCJ,CC7BE,kBACE,oBAAA,CAGA,uDAAA,CAFA,aAAA,CACA,YDgCJ,CC5BE,mCACE,8BD8BJ,CC3BE,mBAEE,kBAAA,CADA,mDD8BJ,CExEA,YACE,uBAAA,CACA,yCAAA,CACA,2CAAA,CACA,gEF2EF,CEzEE,eACE,6DAAA,CACA,+DAAA,CACA,+BAAA,CACA,+DF2EJ,CExEE,eACE,6DAAA,CACA,+DAAA,CACA,+BAAA,CACA,sDF0EJ,CEvEE,eACE,6DAAA,CACA,+DAAA,CACA,+BAAA,CACA,mDFyEJ,CEtEE,mCACE,uBFwEJ,CErEE,wBA/BF,YAgCI,gEFwEF,CEtEE,eACE,6DAAA,CACA,+DFwEJ,CErEE,eACE,6DAAA,CACA,+DFuEJ,CEpEE,eACE,6DAAA,CACA,+DFsEJ,CACF","file":"HeadingApollo.css","sourcesContent":["*,\n::after,\n::before {\n box-sizing: border-box;\n}\n\nbody {\n margin: 0;\n font-family: var(--font-family-sans-serif);\n -webkit-font-smoothing: antialiased;\n}\n\np {\n text-wrap: pretty;\n}\n\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n overflow-wrap: break-word;\n}\n\nfieldset {\n min-width: 0;\n margin: 0;\n padding: 0;\n border: 0;\n}\n\nlegend {\n padding: 0;\n}\n","@use \"../common/breakpoints\";\n@use \"./HeadingCommon\";\n\n.af-heading {\n --heading-grid-column: 1;\n --heading-title-color: var(--axa-blue-100);\n --heading-subtitle-color: var(--neutral-100);\n --heading-subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n\n h1 {\n --heading-title-font-size: calc(32 / var(--font-size-base) * 1rem);\n --heading-title-line-height: calc(40 / var(--font-size-base) * 1rem);\n --heading-title-font-weight: 700;\n --heading-title-font-family: var(--font-family-publico-headline);\n }\n\n h2 {\n --heading-title-font-size: calc(28 / var(--font-size-base) * 1rem);\n --heading-title-line-height: calc(36 / var(--font-size-base) * 1rem);\n --heading-title-font-weight: 300;\n --heading-title-font-family: var(--font-family-publico);\n }\n\n h3 {\n --heading-title-font-size: calc(24 / var(--font-size-base) * 1rem);\n --heading-title-line-height: calc(32 / var(--font-size-base) * 1rem);\n --heading-title-font-weight: 600;\n --heading-title-font-family: var(--font-family-base);\n }\n\n &:has(&__icon) {\n --heading-grid-column: 2;\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --heading-subtitle-font-size: calc(18 / var(--font-size-base) * 1rem);\n\n h1 {\n --heading-title-font-size: calc(48 / var(--font-size-base) * 1rem);\n --heading-title-line-height: calc(56 / var(--font-size-base) * 1rem);\n }\n\n h2 {\n --heading-title-font-size: calc(40 / var(--font-size-base) * 1rem);\n --heading-title-line-height: calc(48 / var(--font-size-base) * 1rem);\n }\n\n h3 {\n --heading-title-font-size: calc(32 / var(--font-size-base) * 1rem);\n --heading-title-line-height: calc(40 / var(--font-size-base) * 1rem);\n }\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"../common/reboot\";\n\n.af-heading {\n display: grid;\n align-items: start;\n gap: calc(8 / var(--font-size-base) * 1rem)\n calc(12 / var(--font-size-base) * 1rem);\n\n &__title-container {\n display: grid;\n grid-column: var(--heading-grid-column);\n row-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n &__title {\n margin: 0;\n font-family: var(--heading-title-font-family);\n font-size: var(--heading-title-font-size);\n font-weight: var(--heading-title-font-weight);\n line-height: var(--heading-title-line-height);\n color: var(--heading-title-color);\n }\n\n &__subtitle {\n margin: 0;\n padding: 0;\n font-size: var(--heading-subtitle-font-size);\n font-weight: 400;\n line-height: 125%;\n color: var(--heading-subtitle-color);\n }\n\n &__icon {\n border-radius: 0.75rem;\n grid-column: 1;\n grid-row: 1/3;\n box-shadow: 0 0.125rem 0.5rem 0 rgba(var(--color-axa), 0.15);\n }\n\n &:has(&__icon) {\n grid-template-columns: auto 1fr;\n }\n\n &__label {\n margin-block-end: calc(4 / var(--font-size-base) * 1rem);\n grid-column: span 3;\n }\n}\n","@use \"../common/breakpoints\";\n@use \"./HeadingCommon\";\n\n.af-heading {\n --heading-grid-column: 1;\n --heading-title-color: var(--axa-blue-100);\n --heading-subtitle-color: var(--neutral-100);\n --heading-subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n\n h1 {\n --heading-title-font-size: calc(32 / var(--font-size-base) * 1rem);\n --heading-title-line-height: calc(40 / var(--font-size-base) * 1rem);\n --heading-title-font-weight: 700;\n --heading-title-font-family: var(--font-family-publico-headline);\n }\n\n h2 {\n --heading-title-font-size: calc(28 / var(--font-size-base) * 1rem);\n --heading-title-line-height: calc(36 / var(--font-size-base) * 1rem);\n --heading-title-font-weight: 300;\n --heading-title-font-family: var(--font-family-publico);\n }\n\n h3 {\n --heading-title-font-size: calc(24 / var(--font-size-base) * 1rem);\n --heading-title-line-height: calc(32 / var(--font-size-base) * 1rem);\n --heading-title-font-weight: 600;\n --heading-title-font-family: var(--font-family-base);\n }\n\n &:has(&__icon) {\n --heading-grid-column: 2;\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --heading-subtitle-font-size: calc(18 / var(--font-size-base) * 1rem);\n\n h1 {\n --heading-title-font-size: calc(48 / var(--font-size-base) * 1rem);\n --heading-title-line-height: calc(56 / var(--font-size-base) * 1rem);\n }\n\n h2 {\n --heading-title-font-size: calc(40 / var(--font-size-base) * 1rem);\n --heading-title-line-height: calc(48 / var(--font-size-base) * 1rem);\n }\n\n h3 {\n --heading-title-font-size: calc(32 / var(--font-size-base) * 1rem);\n --heading-title-line-height: calc(40 / var(--font-size-base) * 1rem);\n }\n }\n}\n"]}
|
|
@@ -11,18 +11,21 @@
|
|
|
11
11
|
--heading-title-font-size: calc(32 / var(--font-size-base) * 1rem);
|
|
12
12
|
--heading-title-line-height: calc(40 / var(--font-size-base) * 1rem);
|
|
13
13
|
--heading-title-font-weight: 700;
|
|
14
|
+
--heading-title-font-family: var(--font-family-publico-headline);
|
|
14
15
|
}
|
|
15
16
|
|
|
16
17
|
h2 {
|
|
17
18
|
--heading-title-font-size: calc(28 / var(--font-size-base) * 1rem);
|
|
18
19
|
--heading-title-line-height: calc(36 / var(--font-size-base) * 1rem);
|
|
19
20
|
--heading-title-font-weight: 300;
|
|
21
|
+
--heading-title-font-family: var(--font-family-publico);
|
|
20
22
|
}
|
|
21
23
|
|
|
22
24
|
h3 {
|
|
23
25
|
--heading-title-font-size: calc(24 / var(--font-size-base) * 1rem);
|
|
24
26
|
--heading-title-line-height: calc(32 / var(--font-size-base) * 1rem);
|
|
25
27
|
--heading-title-font-weight: 600;
|
|
28
|
+
--heading-title-font-family: var(--font-family-base);
|
|
26
29
|
}
|
|
27
30
|
|
|
28
31
|
&:has(&__icon) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
*,:after,:before{box-sizing:border-box}body{font-family:var(--font-family-sans-serif);margin:0;-webkit-font-smoothing:antialiased}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}fieldset{border:0;margin:0;min-width:0}fieldset,legend{padding:0}.af-heading{align-items:start;display:grid;gap:calc(8/var(--font-size-base)*1rem) calc(12/var(--font-size-base)*1rem)}.af-heading__title-container{display:grid;grid-column:var(--heading-grid-column);row-gap:calc(4/var(--font-size-base)*1rem)}.af-heading__title{color:var(--heading-title-color);font-family:var(--font-family
|
|
1
|
+
*,:after,:before{box-sizing:border-box}body{font-family:var(--font-family-sans-serif);margin:0;-webkit-font-smoothing:antialiased}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}fieldset{border:0;margin:0;min-width:0}fieldset,legend{padding:0}.af-heading{align-items:start;display:grid;gap:calc(8/var(--font-size-base)*1rem) calc(12/var(--font-size-base)*1rem)}.af-heading__title-container{display:grid;grid-column:var(--heading-grid-column);row-gap:calc(4/var(--font-size-base)*1rem)}.af-heading__title{color:var(--heading-title-color);font-family:var(--heading-title-font-family);font-size:var(--heading-title-font-size);font-weight:var(--heading-title-font-weight);line-height:var(--heading-title-line-height);margin:0}.af-heading__subtitle{color:var(--heading-subtitle-color);font-size:var(--heading-subtitle-font-size);font-weight:400;line-height:125%;margin:0;padding:0}.af-heading__icon{border-radius:.75rem;box-shadow:0 .125rem .5rem 0 rgba(var(--color-axa),.15);grid-column:1;grid-row:1/3}.af-heading:has(.af-heading__icon){grid-template-columns:auto 1fr}.af-heading__label{grid-column:span 3;margin-block-end:calc(4/var(--font-size-base)*1rem)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/common/reboot.scss","../../src/Heading/HeadingCommon.scss","../../src/Heading/HeadingCommon.scss%23sass"],"names":[],"mappings":"AAAA,iBCGA,qBACA,CDEA,KAEE,yCAAA,CADA,QAAA,CAEA,kCCCF,CDEA,EACE,gBCCF,CDEA,oBAOE,wBCCF,CDEA,SAIE,QAAA,CAFA,QAAA,CADA,WCIF,CDEA,gBAJE,SCMF,CChCA,YAEE,iBAAA,CADA,YAAA,CAEA,0EDmCF,CChCE,6BACE,YAAA,CACA,sCAAA,CACA,0CDkCJ,CC/BE,mBAME,gCAAA,CAJA
|
|
1
|
+
{"version":3,"sources":["../../src/common/reboot.scss","../../src/Heading/HeadingCommon.scss","../../src/Heading/HeadingCommon.scss%23sass"],"names":[],"mappings":"AAAA,iBCGA,qBACA,CDEA,KAEE,yCAAA,CADA,QAAA,CAEA,kCCCF,CDEA,EACE,gBCCF,CDEA,oBAOE,wBCCF,CDEA,SAIE,QAAA,CAFA,QAAA,CADA,WCIF,CDEA,gBAJE,SCMF,CChCA,YAEE,iBAAA,CADA,YAAA,CAEA,0EDmCF,CChCE,6BACE,YAAA,CACA,sCAAA,CACA,0CDkCJ,CC/BE,mBAME,gCAAA,CAJA,4CAAA,CACA,wCAAA,CACA,4CAAA,CACA,4CAAA,CD4BJ,QAMA,CC9BE,sBAME,mCAAA,CAHA,2CAAA,CACA,eAAA,CACA,gBAAA,CAJA,QAAA,CACA,SDoCJ,CC7BE,kBACE,oBAAA,CAGA,uDAAA,CAFA,aAAA,CACA,YDgCJ,CC5BE,mCACE,8BD8BJ,CC3BE,mBAEE,kBAAA,CADA,mDD8BJ","file":"HeadingCommon.css","sourcesContent":["*,\n::after,\n::before {\n box-sizing: border-box;\n}\n\nbody {\n margin: 0;\n font-family: var(--font-family-sans-serif);\n -webkit-font-smoothing: antialiased;\n}\n\np {\n text-wrap: pretty;\n}\n\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n overflow-wrap: break-word;\n}\n\nfieldset {\n min-width: 0;\n margin: 0;\n padding: 0;\n border: 0;\n}\n\nlegend {\n padding: 0;\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"../common/reboot\";\n\n.af-heading {\n display: grid;\n align-items: start;\n gap: calc(8 / var(--font-size-base) * 1rem)\n calc(12 / var(--font-size-base) * 1rem);\n\n &__title-container {\n display: grid;\n grid-column: var(--heading-grid-column);\n row-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n &__title {\n margin: 0;\n font-family: var(--heading-title-font-family);\n font-size: var(--heading-title-font-size);\n font-weight: var(--heading-title-font-weight);\n line-height: var(--heading-title-line-height);\n color: var(--heading-title-color);\n }\n\n &__subtitle {\n margin: 0;\n padding: 0;\n font-size: var(--heading-subtitle-font-size);\n font-weight: 400;\n line-height: 125%;\n color: var(--heading-subtitle-color);\n }\n\n &__icon {\n border-radius: 0.75rem;\n grid-column: 1;\n grid-row: 1/3;\n box-shadow: 0 0.125rem 0.5rem 0 rgba(var(--color-axa), 0.15);\n }\n\n &:has(&__icon) {\n grid-template-columns: auto 1fr;\n }\n\n &__label {\n margin-block-end: calc(4 / var(--font-size-base) * 1rem);\n grid-column: span 3;\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"../common/reboot\";\n\n.af-heading {\n display: grid;\n align-items: start;\n gap: calc(8 / var(--font-size-base) * 1rem)\n calc(12 / var(--font-size-base) * 1rem);\n\n &__title-container {\n display: grid;\n grid-column: var(--heading-grid-column);\n row-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n &__title {\n margin: 0;\n font-family: var(--heading-title-font-family);\n font-size: var(--heading-title-font-size);\n font-weight: var(--heading-title-font-weight);\n line-height: var(--heading-title-line-height);\n color: var(--heading-title-color);\n }\n\n &__subtitle {\n margin: 0;\n padding: 0;\n font-size: var(--heading-subtitle-font-size);\n font-weight: 400;\n line-height: 125%;\n color: var(--heading-subtitle-color);\n }\n\n &__icon {\n border-radius: 0.75rem;\n grid-column: 1;\n grid-row: 1/3;\n box-shadow: 0 0.125rem 0.5rem 0 rgba(var(--color-axa), 0.15);\n }\n\n &:has(&__icon) {\n grid-template-columns: auto 1fr;\n }\n\n &__label {\n margin-block-end: calc(4 / var(--font-size-base) * 1rem);\n grid-column: span 3;\n }\n}\n"]}
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
|
|
16
16
|
&__title {
|
|
17
17
|
margin: 0;
|
|
18
|
-
font-family: var(--font-family
|
|
18
|
+
font-family: var(--heading-title-font-family);
|
|
19
19
|
font-size: var(--heading-title-font-size);
|
|
20
20
|
font-weight: var(--heading-title-font-weight);
|
|
21
21
|
line-height: var(--heading-title-line-height);
|
|
@@ -23,7 +23,8 @@
|
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
&__subtitle {
|
|
26
|
-
|
|
26
|
+
margin: 0;
|
|
27
|
+
padding: 0;
|
|
27
28
|
font-size: var(--heading-subtitle-font-size);
|
|
28
29
|
font-weight: 400;
|
|
29
30
|
line-height: 125%;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
*,:after,:before{box-sizing:border-box}body{font-family:var(--font-family-sans-serif);margin:0;-webkit-font-smoothing:antialiased}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}fieldset{border:0;margin:0;min-width:0}fieldset,legend{padding:0}.af-heading{align-items:start;display:grid;gap:calc(8/var(--font-size-base)*1rem) calc(12/var(--font-size-base)*1rem)}.af-heading__title-container{display:grid;grid-column:var(--heading-grid-column);row-gap:calc(4/var(--font-size-base)*1rem)}.af-heading__title{color:var(--heading-title-color);font-family:var(--font-family
|
|
1
|
+
*,:after,:before{box-sizing:border-box}body{font-family:var(--font-family-sans-serif);margin:0;-webkit-font-smoothing:antialiased}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}fieldset{border:0;margin:0;min-width:0}fieldset,legend{padding:0}.af-heading{align-items:start;display:grid;gap:calc(8/var(--font-size-base)*1rem) calc(12/var(--font-size-base)*1rem)}.af-heading__title-container{display:grid;grid-column:var(--heading-grid-column);row-gap:calc(4/var(--font-size-base)*1rem)}.af-heading__title{color:var(--heading-title-color);font-family:var(--heading-title-font-family);font-size:var(--heading-title-font-size);font-weight:var(--heading-title-font-weight);line-height:var(--heading-title-line-height);margin:0}.af-heading__subtitle{color:var(--heading-subtitle-color);font-size:var(--heading-subtitle-font-size);font-weight:400;line-height:125%;margin:0;padding:0}.af-heading__icon{border-radius:.75rem;box-shadow:0 .125rem .5rem 0 rgba(var(--color-axa),.15);grid-column:1;grid-row:1/3}.af-heading:has(.af-heading__icon){grid-template-columns:auto 1fr}.af-heading__label{grid-column:span 3;margin-block-end:calc(4/var(--font-size-base)*1rem)}.af-heading{--heading-grid-column:1;--heading-title-color:var(--color-gray-900);--heading-subtitle-color:var(--color-gray-900);--heading-subtitle-font-size:calc(16/var(--font-size-base)*1rem);--heading-title-font-weight:700;--heading-title-line-height:125%}.af-heading h1{--heading-title-color:var(--color-blue-800);--heading-title-font-size:calc(24/var(--font-size-base)*1rem);--heading-title-font-family:var(--font-family-publico)}.af-heading h2{--heading-title-font-size:calc(20/var(--font-size-base)*1rem);--heading-title-font-family:var(--font-family-publico)}.af-heading h3{--heading-title-font-size:calc(18/var(--font-size-base)*1rem);--heading-title-font-weight:600;--heading-subtitle-font-size:calc(14/var(--font-size-base)*1rem);--heading-title-font-family:var(--font-family-base)}.af-heading:has(.af-heading__icon){--heading-grid-column:2}@media (width > 1023px){.af-heading{--heading-subtitle-font-size:calc(18/var(--font-size-base)*1rem)}.af-heading h1{--heading-title-font-size:calc(32/var(--font-size-base)*1rem)}.af-heading h2{--heading-title-font-size:calc(24/var(--font-size-base)*1rem)}.af-heading h3{--heading-title-font-size:calc(20/var(--font-size-base)*1rem);--heading-subtitle-font-size:calc(16/var(--font-size-base)*1rem)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/common/reboot.scss","../../src/Heading/HeadingLF.scss","../../src/Heading/HeadingCommon.scss","../../src/Heading/HeadingLF.scss%23sass"],"names":[],"mappings":"AAAA,iBCGA,qBACA,CDEA,KAEE,yCAAA,CADA,QAAA,CAEA,kCCCF,CDEA,EACE,gBCCF,CDEA,oBAOE,wBCCF,CDEA,SAIE,QAAA,CAFA,QAAA,CADA,WCIF,CDEA,gBAJE,SCMF,CChCA,YAEE,iBAAA,CADA,YAAA,CAEA,0EDmCF,CChCE,6BACE,YAAA,CACA,sCAAA,CACA,0CDkCJ,CC/BE,mBAME,gCAAA,
|
|
1
|
+
{"version":3,"sources":["../../src/common/reboot.scss","../../src/Heading/HeadingLF.scss","../../src/Heading/HeadingCommon.scss","../../src/Heading/HeadingLF.scss%23sass"],"names":[],"mappings":"AAAA,iBCGA,qBACA,CDEA,KAEE,yCAAA,CADA,QAAA,CAEA,kCCCF,CDEA,EACE,gBCCF,CDEA,oBAOE,wBCCF,CDEA,SAIE,QAAA,CAFA,QAAA,CADA,WCIF,CDEA,gBAJE,SCMF,CChCA,YAEE,iBAAA,CADA,YAAA,CAEA,0EDmCF,CChCE,6BACE,YAAA,CACA,sCAAA,CACA,0CDkCJ,CC/BE,mBAME,gCAAA,CD4BJ,4CAAA,CC/BI,wCAAA,CACA,4CAAA,CACA,4CAAA,CAJA,QDsCJ,CC9BE,sBAME,mCAAA,CAHA,2CAAA,CACA,eAAA,CACA,gBAAA,CAJA,QAAA,CACA,SDoCJ,CC7BE,kBACE,oBAAA,CAGA,uDAAA,CAFA,aAAA,CACA,YDgCJ,CC5BE,mCACE,8BD8BJ,CC3BE,mBAEE,kBAAA,CADA,mDD8BJ,CExEA,YACE,uBAAA,CACA,2CAAA,CACA,8CAAA,CACA,gEAAA,CACA,+BAAA,CACA,gCF2EF,CEzEE,eACE,2CAAA,CACA,6DAAA,CACA,sDF2EJ,CExEE,eACE,6DAAA,CACA,sDF0EJ,CEvEE,eACE,6DAAA,CACA,+BAAA,CACA,gEAAA,CACA,mDFyEJ,CEtEE,mCACE,uBFwEJ,CErEE,wBA9BF,YA+BI,gEFwEF,CEtEE,eACE,6DFwEJ,CErEE,eACE,6DFuEJ,CEpEE,eACE,6DAAA,CACA,gEFsEJ,CACF","file":"HeadingLF.css","sourcesContent":["*,\n::after,\n::before {\n box-sizing: border-box;\n}\n\nbody {\n margin: 0;\n font-family: var(--font-family-sans-serif);\n -webkit-font-smoothing: antialiased;\n}\n\np {\n text-wrap: pretty;\n}\n\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n overflow-wrap: break-word;\n}\n\nfieldset {\n min-width: 0;\n margin: 0;\n padding: 0;\n border: 0;\n}\n\nlegend {\n padding: 0;\n}\n","@use \"../common/breakpoints\";\n@use \"./HeadingCommon\";\n\n.af-heading {\n --heading-grid-column: 1;\n --heading-title-color: var(--color-gray-900);\n --heading-subtitle-color: var(--color-gray-900);\n --heading-subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n --heading-title-font-weight: 700;\n --heading-title-line-height: 125%;\n\n h1 {\n --heading-title-color: var(--color-blue-800);\n --heading-title-font-size: calc(24 / var(--font-size-base) * 1rem);\n --heading-title-font-family: var(--font-family-publico);\n }\n\n h2 {\n --heading-title-font-size: calc(20 / var(--font-size-base) * 1rem);\n --heading-title-font-family: var(--font-family-publico);\n }\n\n h3 {\n --heading-title-font-size: calc(18 / var(--font-size-base) * 1rem);\n --heading-title-font-weight: 600;\n --heading-subtitle-font-size: calc(14 / var(--font-size-base) * 1rem);\n --heading-title-font-family: var(--font-family-base);\n }\n\n &:has(&__icon) {\n --heading-grid-column: 2;\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --heading-subtitle-font-size: calc(18 / var(--font-size-base) * 1rem);\n\n h1 {\n --heading-title-font-size: calc(32 / var(--font-size-base) * 1rem);\n }\n\n h2 {\n --heading-title-font-size: calc(24 / var(--font-size-base) * 1rem);\n }\n\n h3 {\n --heading-title-font-size: calc(20 / var(--font-size-base) * 1rem);\n --heading-subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"../common/reboot\";\n\n.af-heading {\n display: grid;\n align-items: start;\n gap: calc(8 / var(--font-size-base) * 1rem)\n calc(12 / var(--font-size-base) * 1rem);\n\n &__title-container {\n display: grid;\n grid-column: var(--heading-grid-column);\n row-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n &__title {\n margin: 0;\n font-family: var(--heading-title-font-family);\n font-size: var(--heading-title-font-size);\n font-weight: var(--heading-title-font-weight);\n line-height: var(--heading-title-line-height);\n color: var(--heading-title-color);\n }\n\n &__subtitle {\n margin: 0;\n padding: 0;\n font-size: var(--heading-subtitle-font-size);\n font-weight: 400;\n line-height: 125%;\n color: var(--heading-subtitle-color);\n }\n\n &__icon {\n border-radius: 0.75rem;\n grid-column: 1;\n grid-row: 1/3;\n box-shadow: 0 0.125rem 0.5rem 0 rgba(var(--color-axa), 0.15);\n }\n\n &:has(&__icon) {\n grid-template-columns: auto 1fr;\n }\n\n &__label {\n margin-block-end: calc(4 / var(--font-size-base) * 1rem);\n grid-column: span 3;\n }\n}\n","@use \"../common/breakpoints\";\n@use \"./HeadingCommon\";\n\n.af-heading {\n --heading-grid-column: 1;\n --heading-title-color: var(--color-gray-900);\n --heading-subtitle-color: var(--color-gray-900);\n --heading-subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n --heading-title-font-weight: 700;\n --heading-title-line-height: 125%;\n\n h1 {\n --heading-title-color: var(--color-blue-800);\n --heading-title-font-size: calc(24 / var(--font-size-base) * 1rem);\n --heading-title-font-family: var(--font-family-publico);\n }\n\n h2 {\n --heading-title-font-size: calc(20 / var(--font-size-base) * 1rem);\n --heading-title-font-family: var(--font-family-publico);\n }\n\n h3 {\n --heading-title-font-size: calc(18 / var(--font-size-base) * 1rem);\n --heading-title-font-weight: 600;\n --heading-subtitle-font-size: calc(14 / var(--font-size-base) * 1rem);\n --heading-title-font-family: var(--font-family-base);\n }\n\n &:has(&__icon) {\n --heading-grid-column: 2;\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n --heading-subtitle-font-size: calc(18 / var(--font-size-base) * 1rem);\n\n h1 {\n --heading-title-font-size: calc(32 / var(--font-size-base) * 1rem);\n }\n\n h2 {\n --heading-title-font-size: calc(24 / var(--font-size-base) * 1rem);\n }\n\n h3 {\n --heading-title-font-size: calc(20 / var(--font-size-base) * 1rem);\n --heading-subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n}\n"]}
|
|
@@ -12,16 +12,19 @@
|
|
|
12
12
|
h1 {
|
|
13
13
|
--heading-title-color: var(--color-blue-800);
|
|
14
14
|
--heading-title-font-size: calc(24 / var(--font-size-base) * 1rem);
|
|
15
|
+
--heading-title-font-family: var(--font-family-publico);
|
|
15
16
|
}
|
|
16
17
|
|
|
17
18
|
h2 {
|
|
18
19
|
--heading-title-font-size: calc(20 / var(--font-size-base) * 1rem);
|
|
20
|
+
--heading-title-font-family: var(--font-family-publico);
|
|
19
21
|
}
|
|
20
22
|
|
|
21
23
|
h3 {
|
|
22
24
|
--heading-title-font-size: calc(18 / var(--font-size-base) * 1rem);
|
|
23
25
|
--heading-title-font-weight: 600;
|
|
24
26
|
--heading-subtitle-font-size: calc(14 / var(--font-size-base) * 1rem);
|
|
27
|
+
--heading-title-font-family: var(--font-family-base);
|
|
25
28
|
}
|
|
26
29
|
|
|
27
30
|
&:has(&__icon) {
|