@postenbring/hedwig-css 0.0.67 → 0.0.68
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/box.css.map +1 -1
- package/dist/card.css +1 -1
- package/dist/card.css.map +1 -1
- package/dist/classnames.d.ts +3 -2
- package/dist/description-list.css +1 -1
- package/dist/description-list.css.map +1 -1
- package/dist/footer.css.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/link.css +1 -1
- package/dist/link.css.map +1 -1
- package/dist/list.css +1 -1
- package/dist/list.css.map +1 -1
- package/dist/message.css +1 -1
- package/dist/message.css.map +1 -1
- package/dist/navbar.css +1 -1
- package/dist/navbar.css.map +1 -1
- package/dist/scoped.css +1 -1
- package/dist/skeleton.css +1 -1
- package/dist/skeleton.css.map +1 -1
- package/dist/styled-html.css +1 -1
- package/dist/styled-html.css.map +1 -1
- package/package.json +2 -2
package/dist/skeleton.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.hds-skeleton{background-color:var(--hds-ui-colors-grey);pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;animation:hds-skeleton-animation 1.2s var(--hds-micro-animation-easing-normal)infinite alternate;color:transparent!important}.hds-skeleton.hds-skeleton--no-animation{animation:none}.hds-skeleton>*{background-color:transparent!important}.hds-skeleton:not(:empty){width:-
|
|
1
|
+
.hds-skeleton{background-color:var(--hds-ui-colors-grey);pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;animation:hds-skeleton-animation 1.2s var(--hds-micro-animation-easing-normal)infinite alternate;color:transparent!important}.hds-skeleton.hds-skeleton--no-animation{animation:none}.hds-skeleton>*{background-color:transparent!important}.hds-skeleton:not(:empty){width:-moz-fit-content;width:fit-content;height:auto}.hds-skeleton:empty:before{content:" "}.hds-skeleton.hds-skeleton--text{border-radius:var(--hds-border-radius);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden;transform:scaleY(.7)}.hds-skeleton.hds-skeleton--circle{border-radius:50%}.hds-skeleton.hds-skeleton--rectangle{border-radius:0}.hds-skeleton.hds-skeleton--rounded{border-radius:var(--hds-border-radius)}@keyframes hds-skeleton-animation{0%{opacity:1}to{opacity:.4}}
|
package/dist/skeleton.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":null,"mappings":"AAAA,yQAQE,wDASA,uDAOA,
|
|
1
|
+
{"version":3,"sourceRoot":null,"mappings":"AAAA,yQAQE,wDASA,uDAOA,+EAMA,wCAQA,sKAkBA,qDAIA,sDAIA,2EAKF","sources":["home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/skeleton/skeleton.css"],"sourcesContent":[".hds-skeleton {\n background-color: var(--hds-ui-colors-grey);\n pointer-events: none;\n user-select: none;\n\n /* Animation */\n animation: hds-skeleton-animation 1.2s var(--hds-micro-animation-easing-normal) infinite alternate;\n\n &.hds-skeleton--no-animation {\n animation: none;\n }\n\n /**\n * Hide children\n */\n color: transparent !important;\n\n > * {\n background-color: transparent !important;\n }\n\n /**\n * Auto dimensions when not set using `style`\n */\n &:not(:empty) {\n height: auto;\n width: fit-content;\n }\n\n /* Ensure some content */\n &:empty::before {\n /* stylelint-disable-next-line no-irregular-whitespace -- We want the whitespace */\n content: \" \";\n }\n\n /**\n * Variants\n */\n &.hds-skeleton--text {\n border-radius: var(--hds-border-radius);\n\n /* Emulate the whitespace in line-height */\n transform: scale(1, 0.7);\n\n /*\n * Ensure only one line of text content\n * multi-line text content does not make sense as it just becomes a block of color\n *\n * TODO: Figure out auto spacing between line breaks\n */\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 100%;\n }\n\n &.hds-skeleton--circle {\n border-radius: 50%;\n }\n\n &.hds-skeleton--rectangle {\n border-radius: 0;\n }\n\n &.hds-skeleton--rounded {\n border-radius: var(--hds-border-radius);\n }\n}\n\n@keyframes hds-skeleton-animation {\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0.4;\n }\n}\n"],"names":[]}
|
package/dist/styled-html.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--hds-spacing-4-8:var(--hds-spacing-4);--hds-spacing-8-12:var(--hds-spacing-8);--hds-spacing-12-16:var(--hds-spacing-12);--hds-spacing-16-20:var(--hds-spacing-16);--hds-spacing-20-24:var(--hds-spacing-20);--hds-spacing-24-32:var(--hds-spacing-24);--hds-spacing-32-40:var(--hds-spacing-32);--hds-spacing-40-48:var(--hds-spacing-40);--hds-spacing-48-64:var(--hds-spacing-48);--hds-spacing-64-80:var(--hds-spacing-64);--hds-spacing-80-120:var(--hds-spacing-80);--hds-spacing-120-160:var(--hds-spacing-120)}@media (min-width:940px){:root{--hds-spacing-4-8:var(--hds-spacing-8);--hds-spacing-8-12:var(--hds-spacing-12);--hds-spacing-12-16:var(--hds-spacing-16);--hds-spacing-16-20:var(--hds-spacing-20);--hds-spacing-20-24:var(--hds-spacing-24);--hds-spacing-24-32:var(--hds-spacing-32);--hds-spacing-32-40:var(--hds-spacing-40);--hds-spacing-40-48:var(--hds-spacing-48);--hds-spacing-48-64:var(--hds-spacing-64);--hds-spacing-64-80:var(--hds-spacing-80);--hds-spacing-80-120:var(--hds-spacing-120);--hds-spacing-120-160:var(--hds-spacing-160)}}.hds-mt-4{margin-top:var(--hds-spacing-4)}.hds-mt-8{margin-top:var(--hds-spacing-8)}.hds-mt-12{margin-top:var(--hds-spacing-12)}.hds-mt-16{margin-top:var(--hds-spacing-16)}.hds-mt-20{margin-top:var(--hds-spacing-20)}.hds-mt-24{margin-top:var(--hds-spacing-24)}.hds-mt-32{margin-top:var(--hds-spacing-32)}.hds-mt-40{margin-top:var(--hds-spacing-40)}.hds-mt-48{margin-top:var(--hds-spacing-48)}.hds-mt-64{margin-top:var(--hds-spacing-64)}.hds-mt-80{margin-top:var(--hds-spacing-80)}.hds-mt-120{margin-top:var(--hds-spacing-120)}.hds-mt-160{margin-top:var(--hds-spacing-160)}.hds-mt-4-8{margin-top:var(--hds-spacing-4-8)}.hds-mt-8-12{margin-top:var(--hds-spacing-8-12)}.hds-mt-12-16{margin-top:var(--hds-spacing-12-16)}.hds-mt-16-20{margin-top:var(--hds-spacing-16-20)}.hds-mt-20-24{margin-top:var(--hds-spacing-20-24)}.hds-mt-24-32{margin-top:var(--hds-spacing-24-32)}.hds-mt-32-40{margin-top:var(--hds-spacing-32-40)}.hds-mt-40-48{margin-top:var(--hds-spacing-40-48)}.hds-mt-48-64{margin-top:var(--hds-spacing-48-64)}.hds-mt-64-80{margin-top:var(--hds-spacing-64-80)}.hds-mt-80-120{margin-top:var(--hds-spacing-80-120)}.hds-mt-120-160{margin-top:var(--hds-spacing-120-160)}.hds-mb-4{margin-bottom:var(--hds-spacing-4)}.hds-mb-8{margin-bottom:var(--hds-spacing-8)}.hds-mb-12{margin-bottom:var(--hds-spacing-12)}.hds-mb-16{margin-bottom:var(--hds-spacing-16)}.hds-mb-20{margin-bottom:var(--hds-spacing-20)}.hds-mb-24{margin-bottom:var(--hds-spacing-24)}.hds-mb-32{margin-bottom:var(--hds-spacing-32)}.hds-mb-40{margin-bottom:var(--hds-spacing-40)}.hds-mb-48{margin-bottom:var(--hds-spacing-48)}.hds-mb-64{margin-bottom:var(--hds-spacing-64)}.hds-mb-80{margin-bottom:var(--hds-spacing-80)}.hds-mb-120{margin-bottom:var(--hds-spacing-120)}.hds-mb-160{margin-bottom:var(--hds-spacing-160)}.hds-mb-4-8{margin-bottom:var(--hds-spacing-4-8)}.hds-mb-8-12{margin-bottom:var(--hds-spacing-8-12)}.hds-mb-12-16{margin-bottom:var(--hds-spacing-12-16)}.hds-mb-16-20{margin-bottom:var(--hds-spacing-16-20)}.hds-mb-20-24{margin-bottom:var(--hds-spacing-20-24)}.hds-mb-24-32{margin-bottom:var(--hds-spacing-24-32)}.hds-mb-32-40{margin-bottom:var(--hds-spacing-32-40)}.hds-mb-40-48{margin-bottom:var(--hds-spacing-40-48)}.hds-mb-48-64{margin-bottom:var(--hds-spacing-48-64)}.hds-mb-64-80{margin-bottom:var(--hds-spacing-64-80)}.hds-mb-80-120{margin-bottom:var(--hds-spacing-80-120)}.hds-mb-120-160{margin-bottom:var(--hds-spacing-120-160)}.hds-styled-html{font:var(--hds-typography-body)}.hds-styled-html>:first-child{margin-top:0}.hds-styled-html>:last-child{margin-bottom:0}.hds-styled-html h1{margin-top:var(--hds-spacing-48-64)}.hds-styled-html h2{margin-top:var(--hds-spacing-48-64)}.hds-styled-html h3{margin-top:var(--hds-spacing-40-48)}.hds-styled-html h4{margin-top:var(--hds-spacing-32-40)}.hds-styled-html h5{margin-top:var(--hds-spacing-32-40)}.hds-styled-html a:where(:not(.hds-button)){color:var(--hds-link-colors-text);fill:currentColor;transition-duration:var(--hds-micro-animation-duration-quick);transition-timing-function:var(--hds-micro-animation-easing-normal);cursor:pointer;text-decoration-line:underline;text-decoration-thickness:var(--hds-stroke-default);-webkit-text-decoration-color:var(--hds-link-colors-underline);text-decoration-color:var(--hds-link-colors-underline);text-underline-offset:.25em;transition-property:color,fill,text-decoration-color}.hds-styled-html a:where(:not(.hds-button)):hover{color:var(--hds-link-colors-hover);fill:currentColor;-webkit-text-decoration-color:var(--hds-link-colors-underline-hover);text-decoration-color:var(--hds-link-colors-underline-hover)}.hds-styled-html a:where(:not(.hds-button)):active{color:var(--hds-link-colors-hover);fill:currentColor;-webkit-text-decoration-color:var(--hds-link-colors-underline-hover);text-decoration-color:var(--hds-link-colors-underline-hover)}.hds-styled-html a:where(:not(.hds-button)).hds-link--inverted{color:var(--hds-ui-colors-white);text-decoration-color:currentColor}.hds-styled-html a:where(:not(.hds-button)).hds-link--inverted:hover{color:var(--hds-colors-light);text-decoration-color:currentColor}.hds-styled-html a:where(:not(.hds-button)).hds-link--inverted:active{color:var(--hds-colors-light);text-decoration-color:currentColor}.hds-styled-html a:where(:not(.hds-button)).hds-link--inverted:disabled{color:var(--hds-ui-colors-dark-grey);fill:currentColor;cursor:default;text-decoration-color:currentColor;box-shadow:none!important;outline:0!important}.hds-styled-html a:where(:not(.hds-button)).hds-link--no-underline{color:var(--hds-colors-dark);font-weight:500;text-decoration:none}.hds-styled-html a:where(:not(.hds-button)).hds-link--no-underline:hover{color:var(--hds-colors-dark);text-decoration:underline}.hds-styled-html a:where(:not(.hds-button)).hds-link--no-underline:active{color:var(--hds-colors-dark);text-decoration:underline}.hds-styled-html a:where(:not(.hds-button)).hds-link--solid{color:var(--hds-ui-colors-black);text-decoration-color:currentColor}.hds-styled-html a:where(:not(.hds-button)).hds-link--solid:hover{color:var(--hds-ui-colors-black-hover);text-decoration-color:currentColor}.hds-styled-html a:where(:not(.hds-button)).hds-link--solid:active{color:var(--hds-ui-colors-black-hover);text-decoration-color:currentColor}.hds-styled-html a:where(:not(.hds-button)).hds-link--small{font:var(--hds-typography-body-small)}.hds-styled-html a:where(:not(.hds-button)).hds-link--large{font:var(--hds-typography-h3)}.hds-styled-html a:where(:not(.hds-button)):-webkit-any(button){background:0 0;border:0;padding:0}.hds-styled-html a:where(:not(.hds-button)):-webkit-any(button):not(:-webkit-any(.hds-link--small,.hds-link--large)){font:var(--hds-typography-body)}.hds-styled-html a:where(:not(.hds-button)):is(button):not(:is(.hds-link--small,.hds-link--large)){font:var(--hds-typography-body)}.hds-styled-html a:where(:not(.hds-button)):is(button){background:0 0;border:0;padding:0}.hds-styled-html a:where(:not(.hds-button)):-webkit-any(button):not(:-webkit-any(.hds-link--small,.hds-link--large)){font:var(--hds-typography-body)}.hds-styled-html a:where(:not(.hds-button)):is(button):not(:is(.hds-link--small,.hds-link--large)){font:var(--hds-typography-body)}.hds-styled-html p{margin-top:var(--hds-spacing-16)}@media (min-width:940px){.hds-styled-html p{margin-top:var(--hds-spacing-24)}}.hds-styled-html p+h2{margin-top:var(--hds-spacing-48-64)}.hds-styled-html p+figure{margin-top:var(--hds-spacing-48-64)}.hds-styled-html p+h3{margin-top:var(--hds-spacing-40-48)}.hds-styled-html p+h4{margin-top:var(--hds-spacing-32-40)}.hds-styled-html p+h5{margin-top:var(--hds-spacing-32-40)}.hds-styled-html hr{margin-bottom:var(--hds-spacing-24)}.hds-styled-html :-webkit-any(ul,ol):where(:not(.hds-accordion)){margin-top:var(--hds-spacing-16)}.hds-styled-html :-webkit-any(ul,ol):where(:not(.hds-accordion)){padding-left:var(--hds-spacing-32);flex-direction:column;display:flex}.hds-styled-html :-webkit-any(ul,ol):where(:not(.hds-accordion)) li{padding-left:var(--hds-spacing-8)}.hds-styled-html :-webkit-any(ul,ol):where(:not(.hds-accordion)) li::marker{color:var(--hds-colors-dark)}.hds-styled-html :-webkit-any(ul,ol):where(:not(.hds-accordion)):-webkit-any(ol){list-style:decimal}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)):is(ol){list-style:decimal}.hds-styled-html :-webkit-any(ul,ol):where(:not(.hds-accordion)):-webkit-any(ul){list-style:disc}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)):is(ul){list-style:disc}.hds-styled-html :-webkit-any(ul,ol):where(:not(.hds-accordion)):-webkit-any(ul) ul{list-style:circle}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)):is(ul) ul{list-style:circle}.hds-styled-html :-webkit-any(ul,ol):where(:not(.hds-accordion)):-webkit-any(ol) ol{list-style:decimal}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)):is(ol) ol{list-style:decimal}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--small{font:var(--hds-typography-body-small);gap:var(--hds-spacing-4)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--small ul{margin-top:var(--hds-spacing-4)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--small ol{margin-top:var(--hds-spacing-4)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)){gap:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)) ul{margin-top:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)) ol{margin-top:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--medium{gap:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--medium ul{margin-top:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--medium ol{margin-top:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--large{font:var(--hds-typography-h3);gap:var(--hds-spacing-12)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--large ul{margin-top:var(--hds-spacing-12)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--large ol{margin-top:var(--hds-spacing-12)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list{padding-left:0;list-style:none}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list li{padding-left:0}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)){color:var(--hds-link-colors-text);fill:currentColor;transition-duration:var(--hds-micro-animation-duration-quick);transition-timing-function:var(--hds-micro-animation-easing-normal);cursor:pointer;text-decoration-line:underline;text-decoration-thickness:var(--hds-stroke-default);-webkit-text-decoration-color:var(--hds-link-colors-underline);text-decoration-color:var(--hds-link-colors-underline);text-underline-offset:.25em;transition-property:color,fill,text-decoration-color}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)):hover{color:var(--hds-link-colors-hover);fill:currentColor;-webkit-text-decoration-color:var(--hds-link-colors-underline-hover);text-decoration-color:var(--hds-link-colors-underline-hover)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)):active{color:var(--hds-link-colors-hover);fill:currentColor;-webkit-text-decoration-color:var(--hds-link-colors-underline-hover);text-decoration-color:var(--hds-link-colors-underline-hover)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--inverted{color:var(--hds-ui-colors-white);text-decoration-color:currentColor}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--inverted:hover{color:var(--hds-colors-light);text-decoration-color:currentColor}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--inverted:active{color:var(--hds-colors-light);text-decoration-color:currentColor}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--inverted:disabled{color:var(--hds-ui-colors-dark-grey);fill:currentColor;cursor:default;text-decoration-color:currentColor;box-shadow:none!important;outline:0!important}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--no-underline{color:var(--hds-colors-dark);font-weight:500;text-decoration:none}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--no-underline:hover{color:var(--hds-colors-dark);text-decoration:underline}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--no-underline:active{color:var(--hds-colors-dark);text-decoration:underline}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--solid{color:var(--hds-ui-colors-black);text-decoration-color:currentColor}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--solid:hover{color:var(--hds-ui-colors-black-hover);text-decoration-color:currentColor}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--solid:active{color:var(--hds-ui-colors-black-hover);text-decoration-color:currentColor}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--small{font:var(--hds-typography-body-small)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--large{font:var(--hds-typography-h3)}.hds-styled-html :-webkit-any(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)):-webkit-any(button){background:0 0;border:0;padding:0}.hds-styled-html :-webkit-any(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)):-webkit-any(button):not(:-webkit-any(.hds-link--small,.hds-link--large)){font:var(--hds-typography-body)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)):is(button):not(:is(.hds-link--small,.hds-link--large)){font:var(--hds-typography-body)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)):is(button){background:0 0;border:0;padding:0}.hds-styled-html :-webkit-any(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)):-webkit-any(button):not(:-webkit-any(.hds-link--small,.hds-link--large)){font:var(--hds-typography-body)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)):is(button):not(:is(.hds-link--small,.hds-link--large)){font:var(--hds-typography-body)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)){margin-top:var(--hds-spacing-16)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)){padding-left:var(--hds-spacing-32);flex-direction:column;display:flex}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)) li{padding-left:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)) li::marker{color:var(--hds-colors-dark)}.hds-styled-html :-webkit-any(ul,ol):where(:not(.hds-accordion)):-webkit-any(ol){list-style:decimal}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)):is(ol){list-style:decimal}.hds-styled-html :-webkit-any(ul,ol):where(:not(.hds-accordion)):-webkit-any(ul){list-style:disc}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)):is(ul){list-style:disc}.hds-styled-html :-webkit-any(ul,ol):where(:not(.hds-accordion)):-webkit-any(ul) ul{list-style:circle}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)):is(ul) ul{list-style:circle}.hds-styled-html :-webkit-any(ul,ol):where(:not(.hds-accordion)):-webkit-any(ol) ol{list-style:decimal}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)):is(ol) ol{list-style:decimal}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--small{font:var(--hds-typography-body-small);gap:var(--hds-spacing-4)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--small ul{margin-top:var(--hds-spacing-4)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--small ol{margin-top:var(--hds-spacing-4)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)){gap:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)) ul{margin-top:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)) ol{margin-top:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--medium{gap:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--medium ul{margin-top:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--medium ol{margin-top:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--large{font:var(--hds-typography-h3);gap:var(--hds-spacing-12)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--large ul{margin-top:var(--hds-spacing-12)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--large ol{margin-top:var(--hds-spacing-12)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list{padding-left:0;list-style:none}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list li{padding-left:0}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)){color:var(--hds-link-colors-text);fill:currentColor;transition-duration:var(--hds-micro-animation-duration-quick);transition-timing-function:var(--hds-micro-animation-easing-normal);cursor:pointer;text-decoration-line:underline;text-decoration-thickness:var(--hds-stroke-default);-webkit-text-decoration-color:var(--hds-link-colors-underline);text-decoration-color:var(--hds-link-colors-underline);text-underline-offset:.25em;transition-property:color,fill,text-decoration-color}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)):hover{color:var(--hds-link-colors-hover);fill:currentColor;-webkit-text-decoration-color:var(--hds-link-colors-underline-hover);text-decoration-color:var(--hds-link-colors-underline-hover)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)):active{color:var(--hds-link-colors-hover);fill:currentColor;-webkit-text-decoration-color:var(--hds-link-colors-underline-hover);text-decoration-color:var(--hds-link-colors-underline-hover)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--inverted{color:var(--hds-ui-colors-white);text-decoration-color:currentColor}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--inverted:hover{color:var(--hds-colors-light);text-decoration-color:currentColor}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--inverted:active{color:var(--hds-colors-light);text-decoration-color:currentColor}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--inverted:disabled{color:var(--hds-ui-colors-dark-grey);fill:currentColor;cursor:default;text-decoration-color:currentColor;box-shadow:none!important;outline:0!important}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--no-underline{color:var(--hds-colors-dark);font-weight:500;text-decoration:none}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--no-underline:hover{color:var(--hds-colors-dark);text-decoration:underline}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--no-underline:active{color:var(--hds-colors-dark);text-decoration:underline}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--solid{color:var(--hds-ui-colors-black);text-decoration-color:currentColor}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--solid:hover{color:var(--hds-ui-colors-black-hover);text-decoration-color:currentColor}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--solid:active{color:var(--hds-ui-colors-black-hover);text-decoration-color:currentColor}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--small{font:var(--hds-typography-body-small)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--large{font:var(--hds-typography-h3)}.hds-styled-html :-webkit-any(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)):-webkit-any(button){background:0 0;border:0;padding:0}.hds-styled-html :-webkit-any(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)):-webkit-any(button):not(:-webkit-any(.hds-link--small,.hds-link--large)){font:var(--hds-typography-body)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)):is(button):not(:is(.hds-link--small,.hds-link--large)){font:var(--hds-typography-body)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)):is(button){background:0 0;border:0;padding:0}.hds-styled-html :-webkit-any(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)):-webkit-any(button):not(:-webkit-any(.hds-link--small,.hds-link--large)){font:var(--hds-typography-body)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)):is(button):not(:is(.hds-link--small,.hds-link--large)){font:var(--hds-typography-body)}.hds-styled-html figure{margin-top:var(--hds-spacing-32)}.hds-styled-html table p{margin-bottom:0}.hds-styled-html table h1{margin-bottom:0}.hds-styled-html table h2{margin-bottom:0}.hds-styled-html table h3{margin-bottom:0}.hds-styled-html table h4{margin-bottom:0}.hds-styled-html table h5{margin-bottom:0}.hds-styled-html table h6{margin-bottom:0}.hds-styled-html table a{color:unset;border-bottom:none}.hds-styled-html b{font:var(--hds-typography-body-title)}.hds-styled-html strong{font:var(--hds-typography-body-title)}.hds-styled-html.hds-styled-html--small{font:var(--hds-typography-body-small)}.hds-styled-html.hds-styled-html--small p{font:var(--hds-typography-body-small)}.hds-styled-html.hds-styled-html--small li{font:var(--hds-typography-body-small)}.hds-styled-html.hds-styled-html--small a{font:var(--hds-typography-body-small)}.hds-styled-html.hds-styled-html--small p{margin-top:var(--hds-spacing-12)}.hds-styled-html.hds-styled-html--small b{font:var(--hds-typography-body-small-title)}.hds-styled-html.hds-styled-html--small strong{font:var(--hds-typography-body-small-title)}.hds-styled-html.hds-styled-html--darkmode{color:#ccc}.hds-styled-html.hds-styled-html--darkmode h1{color:#fafafa}.hds-styled-html.hds-styled-html--darkmode h2{color:#fafafa}.hds-styled-html.hds-styled-html--darkmode h3{color:#fafafa}.hds-styled-html.hds-styled-html--darkmode h4{color:#fafafa}.hds-styled-html.hds-styled-html--darkmode h5{color:#fafafa}.hds-styled-html.hds-styled-html--darkmode h6{color:#fafafa}.hds-styled-html.hds-styled-html--darkmode a{color:var(--hds-ui-colors-white);text-decoration-color:currentColor}.hds-styled-html.hds-styled-html--darkmode a:hover{color:var(--hds-colors-light);text-decoration-color:currentColor}.hds-styled-html.hds-styled-html--darkmode a:active{color:var(--hds-colors-light);text-decoration-color:currentColor}.hds-styled-html.hds-styled-html--darkmode a:disabled{color:var(--hds-ui-colors-dark-grey);fill:currentColor;cursor:default;text-decoration-color:currentColor;box-shadow:none!important;outline:0!important}
|
|
1
|
+
:root{--hds-spacing-4-8:var(--hds-spacing-4);--hds-spacing-8-12:var(--hds-spacing-8);--hds-spacing-12-16:var(--hds-spacing-12);--hds-spacing-16-20:var(--hds-spacing-16);--hds-spacing-20-24:var(--hds-spacing-20);--hds-spacing-24-32:var(--hds-spacing-24);--hds-spacing-32-40:var(--hds-spacing-32);--hds-spacing-40-48:var(--hds-spacing-40);--hds-spacing-48-64:var(--hds-spacing-48);--hds-spacing-64-80:var(--hds-spacing-64);--hds-spacing-80-120:var(--hds-spacing-80);--hds-spacing-120-160:var(--hds-spacing-120)}@media (min-width:940px){:root{--hds-spacing-4-8:var(--hds-spacing-8);--hds-spacing-8-12:var(--hds-spacing-12);--hds-spacing-12-16:var(--hds-spacing-16);--hds-spacing-16-20:var(--hds-spacing-20);--hds-spacing-20-24:var(--hds-spacing-24);--hds-spacing-24-32:var(--hds-spacing-32);--hds-spacing-32-40:var(--hds-spacing-40);--hds-spacing-40-48:var(--hds-spacing-48);--hds-spacing-48-64:var(--hds-spacing-64);--hds-spacing-64-80:var(--hds-spacing-80);--hds-spacing-80-120:var(--hds-spacing-120);--hds-spacing-120-160:var(--hds-spacing-160)}}.hds-mt-4{margin-top:var(--hds-spacing-4)}.hds-mt-8{margin-top:var(--hds-spacing-8)}.hds-mt-12{margin-top:var(--hds-spacing-12)}.hds-mt-16{margin-top:var(--hds-spacing-16)}.hds-mt-20{margin-top:var(--hds-spacing-20)}.hds-mt-24{margin-top:var(--hds-spacing-24)}.hds-mt-32{margin-top:var(--hds-spacing-32)}.hds-mt-40{margin-top:var(--hds-spacing-40)}.hds-mt-48{margin-top:var(--hds-spacing-48)}.hds-mt-64{margin-top:var(--hds-spacing-64)}.hds-mt-80{margin-top:var(--hds-spacing-80)}.hds-mt-120{margin-top:var(--hds-spacing-120)}.hds-mt-160{margin-top:var(--hds-spacing-160)}.hds-mt-4-8{margin-top:var(--hds-spacing-4-8)}.hds-mt-8-12{margin-top:var(--hds-spacing-8-12)}.hds-mt-12-16{margin-top:var(--hds-spacing-12-16)}.hds-mt-16-20{margin-top:var(--hds-spacing-16-20)}.hds-mt-20-24{margin-top:var(--hds-spacing-20-24)}.hds-mt-24-32{margin-top:var(--hds-spacing-24-32)}.hds-mt-32-40{margin-top:var(--hds-spacing-32-40)}.hds-mt-40-48{margin-top:var(--hds-spacing-40-48)}.hds-mt-48-64{margin-top:var(--hds-spacing-48-64)}.hds-mt-64-80{margin-top:var(--hds-spacing-64-80)}.hds-mt-80-120{margin-top:var(--hds-spacing-80-120)}.hds-mt-120-160{margin-top:var(--hds-spacing-120-160)}.hds-mb-4{margin-bottom:var(--hds-spacing-4)}.hds-mb-8{margin-bottom:var(--hds-spacing-8)}.hds-mb-12{margin-bottom:var(--hds-spacing-12)}.hds-mb-16{margin-bottom:var(--hds-spacing-16)}.hds-mb-20{margin-bottom:var(--hds-spacing-20)}.hds-mb-24{margin-bottom:var(--hds-spacing-24)}.hds-mb-32{margin-bottom:var(--hds-spacing-32)}.hds-mb-40{margin-bottom:var(--hds-spacing-40)}.hds-mb-48{margin-bottom:var(--hds-spacing-48)}.hds-mb-64{margin-bottom:var(--hds-spacing-64)}.hds-mb-80{margin-bottom:var(--hds-spacing-80)}.hds-mb-120{margin-bottom:var(--hds-spacing-120)}.hds-mb-160{margin-bottom:var(--hds-spacing-160)}.hds-mb-4-8{margin-bottom:var(--hds-spacing-4-8)}.hds-mb-8-12{margin-bottom:var(--hds-spacing-8-12)}.hds-mb-12-16{margin-bottom:var(--hds-spacing-12-16)}.hds-mb-16-20{margin-bottom:var(--hds-spacing-16-20)}.hds-mb-20-24{margin-bottom:var(--hds-spacing-20-24)}.hds-mb-24-32{margin-bottom:var(--hds-spacing-24-32)}.hds-mb-32-40{margin-bottom:var(--hds-spacing-32-40)}.hds-mb-40-48{margin-bottom:var(--hds-spacing-40-48)}.hds-mb-48-64{margin-bottom:var(--hds-spacing-48-64)}.hds-mb-64-80{margin-bottom:var(--hds-spacing-64-80)}.hds-mb-80-120{margin-bottom:var(--hds-spacing-80-120)}.hds-mb-120-160{margin-bottom:var(--hds-spacing-120-160)}.hds-styled-html{font:var(--hds-typography-body)}.hds-styled-html>:first-child{margin-top:0}.hds-styled-html>:last-child{margin-bottom:0}.hds-styled-html h1{margin-top:var(--hds-spacing-48-64)}.hds-styled-html h2{margin-top:var(--hds-spacing-48-64)}.hds-styled-html h3{margin-top:var(--hds-spacing-40-48)}.hds-styled-html h4{margin-top:var(--hds-spacing-32-40)}.hds-styled-html h5{margin-top:var(--hds-spacing-32-40)}.hds-styled-html a:where(:not(.hds-button)){color:var(--hds-link-colors-text);fill:currentColor;transition-duration:var(--hds-micro-animation-duration-quick);transition-timing-function:var(--hds-micro-animation-easing-normal);cursor:pointer;text-decoration-line:underline;text-decoration-thickness:var(--hds-stroke-default);-webkit-text-decoration-color:var(--hds-link-colors-underline);text-decoration-color:var(--hds-link-colors-underline);text-underline-offset:.25em;transition-property:color,fill,text-decoration-color}.hds-styled-html a:where(:not(.hds-button)):hover{color:var(--hds-link-colors-hover);fill:currentColor;-webkit-text-decoration-color:var(--hds-link-colors-underline-hover);text-decoration-color:var(--hds-link-colors-underline-hover)}.hds-styled-html a:where(:not(.hds-button)):active{color:var(--hds-link-colors-hover);fill:currentColor;-webkit-text-decoration-color:var(--hds-link-colors-underline-hover);text-decoration-color:var(--hds-link-colors-underline-hover)}.hds-styled-html a:where(:not(.hds-button)).hds-link--inverted{color:var(--hds-ui-colors-white);text-decoration-color:currentColor}.hds-styled-html a:where(:not(.hds-button)).hds-link--inverted:hover{color:var(--hds-colors-light);text-decoration-color:currentColor}.hds-styled-html a:where(:not(.hds-button)).hds-link--inverted:active{color:var(--hds-colors-light);text-decoration-color:currentColor}.hds-styled-html a:where(:not(.hds-button)).hds-link--inverted:disabled{color:var(--hds-ui-colors-dark-grey);fill:currentColor;cursor:default;text-decoration-color:currentColor;box-shadow:none!important;outline:0!important}.hds-styled-html a:where(:not(.hds-button)).hds-link--no-underline{color:var(--hds-colors-dark);font-weight:500;text-decoration:none}.hds-styled-html a:where(:not(.hds-button)).hds-link--no-underline:hover{color:var(--hds-colors-dark);text-decoration:underline}.hds-styled-html a:where(:not(.hds-button)).hds-link--no-underline:active{color:var(--hds-colors-dark);text-decoration:underline}.hds-styled-html a:where(:not(.hds-button)).hds-link--solid{color:var(--hds-ui-colors-black);text-decoration-color:currentColor}.hds-styled-html a:where(:not(.hds-button)).hds-link--solid:hover{color:var(--hds-ui-colors-black-hover);text-decoration-color:currentColor}.hds-styled-html a:where(:not(.hds-button)).hds-link--solid:active{color:var(--hds-ui-colors-black-hover);text-decoration-color:currentColor}.hds-styled-html a:where(:not(.hds-button)).hds-link--small{font:var(--hds-typography-body-small)}.hds-styled-html a:where(:not(.hds-button)).hds-link--large{font:var(--hds-typography-h3)}.hds-styled-html a:where(:not(.hds-button)):is(button){background:0 0;border:0;padding:0}.hds-styled-html a:where(:not(.hds-button)):is(button):not(:is(.hds-link--small,.hds-link--large)){font:var(--hds-typography-body)}.hds-styled-html p{margin-top:var(--hds-spacing-16)}@media (min-width:940px){.hds-styled-html p{margin-top:var(--hds-spacing-24)}}.hds-styled-html p+h2{margin-top:var(--hds-spacing-48-64)}.hds-styled-html p+figure{margin-top:var(--hds-spacing-48-64)}.hds-styled-html p+h3{margin-top:var(--hds-spacing-40-48)}.hds-styled-html p+h4{margin-top:var(--hds-spacing-32-40)}.hds-styled-html p+h5{margin-top:var(--hds-spacing-32-40)}.hds-styled-html hr{margin-bottom:var(--hds-spacing-24)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)){margin-top:var(--hds-spacing-16)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)){padding-left:var(--hds-spacing-32);flex-direction:column;display:flex}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)) li{padding-left:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)) li::marker{color:var(--hds-colors-dark)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)):is(ol){list-style:decimal}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)):is(ul){list-style:disc}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)):is(ul) ul{list-style:circle}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)):is(ol) ol{list-style:decimal}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--small{font:var(--hds-typography-body-small);gap:var(--hds-spacing-4)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--small ul{margin-top:var(--hds-spacing-4)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--small ol{margin-top:var(--hds-spacing-4)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)){gap:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)) ul{margin-top:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)) ol{margin-top:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--medium{gap:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--medium ul{margin-top:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--medium ol{margin-top:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--large{font:var(--hds-typography-h3);gap:var(--hds-spacing-12)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--large ul{margin-top:var(--hds-spacing-12)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--large ol{margin-top:var(--hds-spacing-12)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list{padding-left:0;list-style:none}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list li{padding-left:0}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)){color:var(--hds-link-colors-text);fill:currentColor;transition-duration:var(--hds-micro-animation-duration-quick);transition-timing-function:var(--hds-micro-animation-easing-normal);cursor:pointer;text-decoration-line:underline;text-decoration-thickness:var(--hds-stroke-default);-webkit-text-decoration-color:var(--hds-link-colors-underline);text-decoration-color:var(--hds-link-colors-underline);text-underline-offset:.25em;transition-property:color,fill,text-decoration-color}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)):hover{color:var(--hds-link-colors-hover);fill:currentColor;-webkit-text-decoration-color:var(--hds-link-colors-underline-hover);text-decoration-color:var(--hds-link-colors-underline-hover)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)):active{color:var(--hds-link-colors-hover);fill:currentColor;-webkit-text-decoration-color:var(--hds-link-colors-underline-hover);text-decoration-color:var(--hds-link-colors-underline-hover)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--inverted{color:var(--hds-ui-colors-white);text-decoration-color:currentColor}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--inverted:hover{color:var(--hds-colors-light);text-decoration-color:currentColor}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--inverted:active{color:var(--hds-colors-light);text-decoration-color:currentColor}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--inverted:disabled{color:var(--hds-ui-colors-dark-grey);fill:currentColor;cursor:default;text-decoration-color:currentColor;box-shadow:none!important;outline:0!important}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--no-underline{color:var(--hds-colors-dark);font-weight:500;text-decoration:none}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--no-underline:hover{color:var(--hds-colors-dark);text-decoration:underline}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--no-underline:active{color:var(--hds-colors-dark);text-decoration:underline}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--solid{color:var(--hds-ui-colors-black);text-decoration-color:currentColor}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--solid:hover{color:var(--hds-ui-colors-black-hover);text-decoration-color:currentColor}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--solid:active{color:var(--hds-ui-colors-black-hover);text-decoration-color:currentColor}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--small{font:var(--hds-typography-body-small)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--large{font:var(--hds-typography-h3)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)):is(button){background:0 0;border:0;padding:0}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)):is(button):not(:is(.hds-link--small,.hds-link--large)){font:var(--hds-typography-body)}.hds-styled-html figure{margin-top:var(--hds-spacing-32)}.hds-styled-html table p{margin-bottom:0}.hds-styled-html table h1{margin-bottom:0}.hds-styled-html table h2{margin-bottom:0}.hds-styled-html table h3{margin-bottom:0}.hds-styled-html table h4{margin-bottom:0}.hds-styled-html table h5{margin-bottom:0}.hds-styled-html table h6{margin-bottom:0}.hds-styled-html table a{color:unset;border-bottom:none}.hds-styled-html b{font:var(--hds-typography-body-title)}.hds-styled-html strong{font:var(--hds-typography-body-title)}.hds-styled-html.hds-styled-html--small{font:var(--hds-typography-body-small)}.hds-styled-html.hds-styled-html--small p{font:var(--hds-typography-body-small)}.hds-styled-html.hds-styled-html--small li{font:var(--hds-typography-body-small)}.hds-styled-html.hds-styled-html--small a{font:var(--hds-typography-body-small)}.hds-styled-html.hds-styled-html--small p{margin-top:var(--hds-spacing-12)}.hds-styled-html.hds-styled-html--small b{font:var(--hds-typography-body-small-title)}.hds-styled-html.hds-styled-html--small strong{font:var(--hds-typography-body-small-title)}.hds-styled-html.hds-styled-html--darkmode{color:#ccc}.hds-styled-html.hds-styled-html--darkmode h1{color:#fafafa}.hds-styled-html.hds-styled-html--darkmode h2{color:#fafafa}.hds-styled-html.hds-styled-html--darkmode h3{color:#fafafa}.hds-styled-html.hds-styled-html--darkmode h4{color:#fafafa}.hds-styled-html.hds-styled-html--darkmode h5{color:#fafafa}.hds-styled-html.hds-styled-html--darkmode h6{color:#fafafa}.hds-styled-html.hds-styled-html--darkmode a{color:var(--hds-ui-colors-white);text-decoration-color:currentColor}.hds-styled-html.hds-styled-html--darkmode a:hover{color:var(--hds-colors-light);text-decoration-color:currentColor}.hds-styled-html.hds-styled-html--darkmode a:active{color:var(--hds-colors-light);text-decoration-color:currentColor}.hds-styled-html.hds-styled-html--darkmode a:disabled{color:var(--hds-ui-colors-dark-grey);fill:currentColor;cursor:default;text-decoration-color:currentColor;box-shadow:none!important;outline:0!important}
|
package/dist/styled-html.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":null,"mappings":"AEKA,6fAcE,yBAAkB,ggBA4BpB,0CAIA,0CAIA,4CAIA,4CAIA,4CAIA,4CAIA,4CAIA,4CAIA,4CAIA,4CAIA,4CAIA,8CAIA,8CAKA,8CAIA,gDAIA,kDAIA,kDAIA,kDAIA,kDAIA,kDAIA,kDAIA,kDAIA,kDAIA,oDAIA,sDAKA,6CAIA,6CAIA,+CAIA,+CAIA,+CAIA,+CAIA,+CAIA,+CAIA,+CAIA,+CAIA,+CAIA,iDAIA,iDAKA,iDAIA,mDAIA,qDAIA,qDAIA,qDAIA,qDAIA,qDAIA,qDAIA,qDAIA,qDAIA,uDAIA,yDFnPA,iDAQE,2CAIA,6CAOA,wDAAA,wDAKA,wDAIA,wDAAA,wDA3BF,2gBAYE,yOAAA,0OAWA,mIAIE,sIAAA,uIAMA,+NAUF,qIAKE,gIAAA,iIAQF,gIAIE,4IAAA,6IAUF,kGAIA,0FAOA,kGAME,qJAAA,mIANF,yFAME,qJAAA,mIAjDF,oDAGE,yBAAkB,qDAMpB,0DAAA,8DAKA,0DAIA,0DAAA,0DAMA,wDAKA,kGAlEF,uIAWE,sGAGE,yGAKF,oGAAA,kFAIA,iGAAA,+EAKA,sGAAA,oFAKA,uGAAA,qFAWA,uIAIE,2GAAA,2GAMF,iFAIE,2FAAA,2FAJF,kGAIE,4GAAA,4GAMF,gIAIE,4GAAA,4GASF,2GAIE,8FAlFJ,okBAYE,kSAAA,mSAWA,4LAIE,+LAAA,gMAMA,wRAUF,8LAKE,yLAAA,0LAQF,yLAIE,qMAAA,sMAUF,2JAIA,mJAOA,oKAME,uNAAA,4LANF,kJAME,uNAAA,4LApBF,yFAlEF,8HAWE,6FAGE,gGAKF,oGAAA,kFAIA,iGAAA,+EAKA,sGAAA,oFAKA,uGAAA,qFAWA,uIAIE,2GAAA,2GAMF,iFAIE,2FAAA,2FAJF,kGAIE,4GAAA,4GAMF,gIAIE,4GAAA,4GASF,2GAIE,8FAlFJ,okBAYE,kSAAA,mSAWA,4LAIE,+LAAA,gMAMA,wRAUF,8LAKE,yLAAA,0LAQF,yLAIE,qMAAA,sMAUF,2JAIA,mJAOA,oKAME,uNAAA,4LANF,kJAME,uNAAA,4LAbF,yDAQE,yCAAA,0CAAA,0CAAA,0CAAA,0CAAA,0CAAA,0CAUA,wDAMF,yDAAA,8DAUA,8EAGE,gFAAA,iFAAA,gFAMA,2EAIA,sFAAA,2FAOF,sDAOE,4DAAA,4DAAA,4DAAA,4DAAA,4DAAA,4DAhHF,iHAIE,oHAAA,qHAMA","sources":["home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/styled-html/styled-html.css","home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/styled-html/../_custom-media.css","home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/styled-html/../spacing/spacing.css","home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/styled-html/../spacing/../_custom-media.css"],"sourcesContent":["@import url(\"../_custom-media.css\");\n@import url(\"../spacing/spacing.css\");\n\n.hds-styled-html {\n font: var(--hds-typography-body);\n\n /**\n * Avoid top margin on first element and bottom margin on last element\n * The consumer should set their own spacing to of the styled html relative to the rest of the page\n * This component only cares about internal spacing\n */\n & > :first-child {\n margin-top: 0;\n }\n\n & > :last-child {\n margin-bottom: 0;\n }\n\n /* Headings\n * h1-h6 gets styled globally in `body.css` \n */\n & h1,\n & h2 {\n margin-top: var(--hds-spacing-48-64);\n }\n\n & h3 {\n margin-top: var(--hds-spacing-40-48);\n }\n\n & h4,\n & h5 {\n margin-top: var(--hds-spacing-32-40);\n }\n\n /* Link */\n a:where(:not(.hds-button)) {\n @extend url(\"./src/link/link.css:hds-link\");\n }\n\n /* Paragraphs */\n & p {\n margin-top: var(--hds-spacing-16);\n\n @media (--large) {\n margin-top: var(--hds-spacing-24);\n }\n }\n\n /* Combinations */\n & p + h2,\n & p + figure {\n margin-top: var(--hds-spacing-48-64);\n }\n\n & p + h3 {\n margin-top: var(--hds-spacing-40-48);\n }\n\n & p + h4,\n & p + h5 {\n margin-top: var(--hds-spacing-32-40);\n }\n\n /* Divider */\n & hr {\n margin-bottom: var(--hds-spacing-24);\n }\n\n /* List */\n & :is(ul, ol):where(:not(.hds-accordion)) {\n @extend url(\"./src/list/list.css:hds-list\");\n\n margin-top: var(--hds-spacing-16);\n }\n\n /* Image */\n & figure {\n /* TODO: @extend .hw-figure; */\n\n margin-top: var(--hds-spacing-32);\n }\n\n /* Table */\n & table {\n & p,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-bottom: 0;\n }\n\n & a {\n border-bottom: none;\n color: unset;\n }\n }\n\n b,\n strong {\n font: var(--hds-typography-body-title);\n }\n\n /**\n * Modifiers\n */\n\n /* Small version */\n &.hds-styled-html--small {\n font: var(--hds-typography-body-small);\n\n & p,\n & li,\n & a {\n font: var(--hds-typography-body-small);\n }\n\n & p {\n margin-top: var(--hds-spacing-12);\n }\n\n & b,\n & strong {\n font: var(--hds-typography-body-small-title);\n }\n }\n\n /* 🚧 Dark mode */\n &.hds-styled-html--darkmode {\n /* TODO: Do we want the background to be set? */\n\n /* background-color: var(--hds-dark-mode-colors-obsidian); */\n\n color: #ccc;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n color: #fafafa;\n }\n\n & a {\n @extend url(\"./src/link/link.css:hds-link--inverted\");\n }\n }\n}\n","/**\n * Reusable media queries using the hedwig breakpoint\n *\n * As of writing custom-media queries are not yet supported in browsers\n * but lightningcss transpiles them to the standard media query syntax.\n *\n * https://www.w3.org/TR/mediaqueries-5/#custom-mq\n */\n\n/* Mobile first */\n@custom-media --small (width >= 460px);\n@custom-media --medium (width >= 720px);\n@custom-media --large (width >= 940px);\n@custom-media --xlarge (width >= 1200px);\n\n/* Desktop first */\n@custom-media --before-small (width < 460px);\n@custom-media --before-medium (width < 720px);\n@custom-media --before-large (width < 940px);\n@custom-media --before-xlarge (width < 1200px);\n","@import url(\"../_custom-media.css\");\n\n/**\n * Responsive extension of the spacing css variables\n */\n:root {\n --hds-spacing-4-8: var(--hds-spacing-4);\n --hds-spacing-8-12: var(--hds-spacing-8);\n --hds-spacing-12-16: var(--hds-spacing-12);\n --hds-spacing-16-20: var(--hds-spacing-16);\n --hds-spacing-20-24: var(--hds-spacing-20);\n --hds-spacing-24-32: var(--hds-spacing-24);\n --hds-spacing-32-40: var(--hds-spacing-32);\n --hds-spacing-40-48: var(--hds-spacing-40);\n --hds-spacing-48-64: var(--hds-spacing-48);\n --hds-spacing-64-80: var(--hds-spacing-64);\n --hds-spacing-80-120: var(--hds-spacing-80);\n --hds-spacing-120-160: var(--hds-spacing-120);\n\n @media (--large) {\n --hds-spacing-4-8: var(--hds-spacing-8);\n --hds-spacing-8-12: var(--hds-spacing-12);\n --hds-spacing-12-16: var(--hds-spacing-16);\n --hds-spacing-16-20: var(--hds-spacing-20);\n --hds-spacing-20-24: var(--hds-spacing-24);\n --hds-spacing-24-32: var(--hds-spacing-32);\n --hds-spacing-32-40: var(--hds-spacing-40);\n --hds-spacing-40-48: var(--hds-spacing-48);\n --hds-spacing-48-64: var(--hds-spacing-64);\n --hds-spacing-64-80: var(--hds-spacing-80);\n --hds-spacing-80-120: var(--hds-spacing-120);\n --hds-spacing-120-160: var(--hds-spacing-160);\n }\n}\n\n/**\n * Utility classes for margin top and bottom\n * Based upon [tailwind](https://tailwindcss.com/docs/margin)\n * \n * We start of by just adding the margin top and bottom classes.\n * we will see if there becomes a need for left and right. X, Y axis, padding etc...\n *\n * If the consumer wish to primarly use utility classes, the recommended approach is to use tailwind with the\n * provided tailwind configuration file.\n */\n\n/* Margin top */\n.hds-mt-4 {\n margin-top: var(--hds-spacing-4);\n}\n\n.hds-mt-8 {\n margin-top: var(--hds-spacing-8);\n}\n\n.hds-mt-12 {\n margin-top: var(--hds-spacing-12);\n}\n\n.hds-mt-16 {\n margin-top: var(--hds-spacing-16);\n}\n\n.hds-mt-20 {\n margin-top: var(--hds-spacing-20);\n}\n\n.hds-mt-24 {\n margin-top: var(--hds-spacing-24);\n}\n\n.hds-mt-32 {\n margin-top: var(--hds-spacing-32);\n}\n\n.hds-mt-40 {\n margin-top: var(--hds-spacing-40);\n}\n\n.hds-mt-48 {\n margin-top: var(--hds-spacing-48);\n}\n\n.hds-mt-64 {\n margin-top: var(--hds-spacing-64);\n}\n\n.hds-mt-80 {\n margin-top: var(--hds-spacing-80);\n}\n\n.hds-mt-120 {\n margin-top: var(--hds-spacing-120);\n}\n\n.hds-mt-160 {\n margin-top: var(--hds-spacing-160);\n}\n\n/* Responsive margin top. Mobile first, meaning it jumps up on larger screens */\n.hds-mt-4-8 {\n margin-top: var(--hds-spacing-4-8);\n}\n\n.hds-mt-8-12 {\n margin-top: var(--hds-spacing-8-12);\n}\n\n.hds-mt-12-16 {\n margin-top: var(--hds-spacing-12-16);\n}\n\n.hds-mt-16-20 {\n margin-top: var(--hds-spacing-16-20);\n}\n\n.hds-mt-20-24 {\n margin-top: var(--hds-spacing-20-24);\n}\n\n.hds-mt-24-32 {\n margin-top: var(--hds-spacing-24-32);\n}\n\n.hds-mt-32-40 {\n margin-top: var(--hds-spacing-32-40);\n}\n\n.hds-mt-40-48 {\n margin-top: var(--hds-spacing-40-48);\n}\n\n.hds-mt-48-64 {\n margin-top: var(--hds-spacing-48-64);\n}\n\n.hds-mt-64-80 {\n margin-top: var(--hds-spacing-64-80);\n}\n\n.hds-mt-80-120 {\n margin-top: var(--hds-spacing-80-120);\n}\n\n.hds-mt-120-160 {\n margin-top: var(--hds-spacing-120-160);\n}\n\n/* Margin bottom */\n.hds-mb-4 {\n margin-bottom: var(--hds-spacing-4);\n}\n\n.hds-mb-8 {\n margin-bottom: var(--hds-spacing-8);\n}\n\n.hds-mb-12 {\n margin-bottom: var(--hds-spacing-12);\n}\n\n.hds-mb-16 {\n margin-bottom: var(--hds-spacing-16);\n}\n\n.hds-mb-20 {\n margin-bottom: var(--hds-spacing-20);\n}\n\n.hds-mb-24 {\n margin-bottom: var(--hds-spacing-24);\n}\n\n.hds-mb-32 {\n margin-bottom: var(--hds-spacing-32);\n}\n\n.hds-mb-40 {\n margin-bottom: var(--hds-spacing-40);\n}\n\n.hds-mb-48 {\n margin-bottom: var(--hds-spacing-48);\n}\n\n.hds-mb-64 {\n margin-bottom: var(--hds-spacing-64);\n}\n\n.hds-mb-80 {\n margin-bottom: var(--hds-spacing-80);\n}\n\n.hds-mb-120 {\n margin-bottom: var(--hds-spacing-120);\n}\n\n.hds-mb-160 {\n margin-bottom: var(--hds-spacing-160);\n}\n\n/* Responsive margin bottom. Mobile first, meaning it jumps up on larger screens */\n.hds-mb-4-8 {\n margin-bottom: var(--hds-spacing-4-8);\n}\n\n.hds-mb-8-12 {\n margin-bottom: var(--hds-spacing-8-12);\n}\n\n.hds-mb-12-16 {\n margin-bottom: var(--hds-spacing-12-16);\n}\n\n.hds-mb-16-20 {\n margin-bottom: var(--hds-spacing-16-20);\n}\n\n.hds-mb-20-24 {\n margin-bottom: var(--hds-spacing-20-24);\n}\n\n.hds-mb-24-32 {\n margin-bottom: var(--hds-spacing-24-32);\n}\n\n.hds-mb-32-40 {\n margin-bottom: var(--hds-spacing-32-40);\n}\n\n.hds-mb-40-48 {\n margin-bottom: var(--hds-spacing-40-48);\n}\n\n.hds-mb-48-64 {\n margin-bottom: var(--hds-spacing-48-64);\n}\n\n.hds-mb-64-80 {\n margin-bottom: var(--hds-spacing-64-80);\n}\n\n.hds-mb-80-120 {\n margin-bottom: var(--hds-spacing-80-120);\n}\n\n.hds-mb-120-160 {\n margin-bottom: var(--hds-spacing-120-160);\n}\n","/**\n * Reusable media queries using the hedwig breakpoint\n *\n * As of writing custom-media queries are not yet supported in browsers\n * but lightningcss transpiles them to the standard media query syntax.\n *\n * https://www.w3.org/TR/mediaqueries-5/#custom-mq\n */\n\n/* Mobile first */\n@custom-media --small (width >= 460px);\n@custom-media --medium (width >= 720px);\n@custom-media --large (width >= 940px);\n@custom-media --xlarge (width >= 1200px);\n\n/* Desktop first */\n@custom-media --before-small (width < 460px);\n@custom-media --before-medium (width < 720px);\n@custom-media --before-large (width < 940px);\n@custom-media --before-xlarge (width < 1200px);\n"],"names":[]}
|
|
1
|
+
{"version":3,"sourceRoot":null,"mappings":"AEKA,6fAcE,yBAAkB,ggBA4BpB,0CAIA,0CAIA,4CAIA,4CAIA,4CAIA,4CAIA,4CAIA,4CAIA,4CAIA,4CAIA,4CAIA,8CAIA,8CAKA,8CAIA,gDAIA,kDAIA,kDAIA,kDAIA,kDAIA,kDAIA,kDAIA,kDAIA,kDAIA,oDAIA,sDAKA,6CAIA,6CAIA,+CAIA,+CAIA,+CAIA,+CAIA,+CAIA,+CAIA,+CAIA,+CAIA,+CAIA,iDAIA,iDAKA,iDAIA,mDAIA,qDAIA,qDAIA,qDAIA,qDAIA,qDAIA,qDAIA,qDAIA,qDAIA,uDAIA,yDFnPA,iDAQE,2CAIA,6CAOA,wDAAA,wDAKA,wDAIA,wDAAA,wDA3BF,2gBAYE,yOAAA,0OAWA,mIAIE,sIAAA,uIAMA,+NAUF,qIAKE,gIAAA,iIAQF,gIAIE,4IAAA,6IAUF,kGAIA,0FAOA,yFAME,mIAjDF,oDAGE,yBAAkB,qDAMpB,0DAAA,8DAKA,0DAIA,0DAAA,0DAMA,wDAKA,yFAlEF,8HAWE,6FAGE,gGAKF,kFAIA,+EAKA,oFAKA,qFAWA,uIAIE,2GAAA,2GAMF,iFAIE,2FAAA,2FAJF,kGAIE,4GAAA,4GAMF,gIAIE,4GAAA,4GASF,2GAIE,8FAlFJ,okBAYE,kSAAA,mSAWA,4LAIE,+LAAA,gMAMA,wRAUF,8LAKE,yLAAA,0LAQF,yLAIE,qMAAA,sMAUF,2JAIA,mJAOA,kJAME,4LAbF,yDAQE,yCAAA,0CAAA,0CAAA,0CAAA,0CAAA,0CAAA,0CAUA,wDAMF,yDAAA,8DAUA,8EAGE,gFAAA,iFAAA,gFAMA,2EAIA,sFAAA,2FAOF,sDAOE,4DAAA,4DAAA,4DAAA,4DAAA,4DAAA,4DAhHF,iHAIE,oHAAA,qHAMA","sources":["home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/styled-html/styled-html.css","home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/styled-html/../_custom-media.css","home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/styled-html/../spacing/spacing.css","home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/styled-html/../spacing/../_custom-media.css"],"sourcesContent":["@import url(\"../_custom-media.css\");\n@import url(\"../spacing/spacing.css\");\n\n.hds-styled-html {\n font: var(--hds-typography-body);\n\n /**\n * Avoid top margin on first element and bottom margin on last element\n * The consumer should set their own spacing to of the styled html relative to the rest of the page\n * This component only cares about internal spacing\n */\n & > :first-child {\n margin-top: 0;\n }\n\n & > :last-child {\n margin-bottom: 0;\n }\n\n /* Headings\n * h1-h6 gets styled globally in `body.css` \n */\n & h1,\n & h2 {\n margin-top: var(--hds-spacing-48-64);\n }\n\n & h3 {\n margin-top: var(--hds-spacing-40-48);\n }\n\n & h4,\n & h5 {\n margin-top: var(--hds-spacing-32-40);\n }\n\n /* Link */\n a:where(:not(.hds-button)) {\n @extend url(\"./src/link/link.css:hds-link\");\n }\n\n /* Paragraphs */\n & p {\n margin-top: var(--hds-spacing-16);\n\n @media (--large) {\n margin-top: var(--hds-spacing-24);\n }\n }\n\n /* Combinations */\n & p + h2,\n & p + figure {\n margin-top: var(--hds-spacing-48-64);\n }\n\n & p + h3 {\n margin-top: var(--hds-spacing-40-48);\n }\n\n & p + h4,\n & p + h5 {\n margin-top: var(--hds-spacing-32-40);\n }\n\n /* Divider */\n & hr {\n margin-bottom: var(--hds-spacing-24);\n }\n\n /* List */\n & :is(ul, ol):where(:not(.hds-accordion)) {\n @extend url(\"./src/list/list.css:hds-list\");\n\n margin-top: var(--hds-spacing-16);\n }\n\n /* Image */\n & figure {\n /* TODO: @extend .hw-figure; */\n\n margin-top: var(--hds-spacing-32);\n }\n\n /* Table */\n & table {\n & p,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-bottom: 0;\n }\n\n & a {\n border-bottom: none;\n color: unset;\n }\n }\n\n b,\n strong {\n font: var(--hds-typography-body-title);\n }\n\n /**\n * Modifiers\n */\n\n /* Small version */\n &.hds-styled-html--small {\n font: var(--hds-typography-body-small);\n\n & p,\n & li,\n & a {\n font: var(--hds-typography-body-small);\n }\n\n & p {\n margin-top: var(--hds-spacing-12);\n }\n\n & b,\n & strong {\n font: var(--hds-typography-body-small-title);\n }\n }\n\n /* 🚧 Dark mode */\n &.hds-styled-html--darkmode {\n /* TODO: Do we want the background to be set? */\n\n /* background-color: var(--hds-dark-mode-colors-obsidian); */\n\n color: #ccc;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n color: #fafafa;\n }\n\n & a {\n @extend url(\"./src/link/link.css:hds-link--inverted\");\n }\n }\n}\n","/**\n * Reusable media queries using the hedwig breakpoint\n *\n * As of writing custom-media queries are not yet supported in browsers\n * but lightningcss transpiles them to the standard media query syntax.\n *\n * https://www.w3.org/TR/mediaqueries-5/#custom-mq\n */\n\n/* Mobile first */\n@custom-media --small (width >= 460px);\n@custom-media --medium (width >= 720px);\n@custom-media --large (width >= 940px);\n@custom-media --xlarge (width >= 1200px);\n\n/* Desktop first */\n@custom-media --before-small (width < 460px);\n@custom-media --before-medium (width < 720px);\n@custom-media --before-large (width < 940px);\n@custom-media --before-xlarge (width < 1200px);\n","@import url(\"../_custom-media.css\");\n\n/**\n * Responsive extension of the spacing css variables\n */\n:root {\n --hds-spacing-4-8: var(--hds-spacing-4);\n --hds-spacing-8-12: var(--hds-spacing-8);\n --hds-spacing-12-16: var(--hds-spacing-12);\n --hds-spacing-16-20: var(--hds-spacing-16);\n --hds-spacing-20-24: var(--hds-spacing-20);\n --hds-spacing-24-32: var(--hds-spacing-24);\n --hds-spacing-32-40: var(--hds-spacing-32);\n --hds-spacing-40-48: var(--hds-spacing-40);\n --hds-spacing-48-64: var(--hds-spacing-48);\n --hds-spacing-64-80: var(--hds-spacing-64);\n --hds-spacing-80-120: var(--hds-spacing-80);\n --hds-spacing-120-160: var(--hds-spacing-120);\n\n @media (--large) {\n --hds-spacing-4-8: var(--hds-spacing-8);\n --hds-spacing-8-12: var(--hds-spacing-12);\n --hds-spacing-12-16: var(--hds-spacing-16);\n --hds-spacing-16-20: var(--hds-spacing-20);\n --hds-spacing-20-24: var(--hds-spacing-24);\n --hds-spacing-24-32: var(--hds-spacing-32);\n --hds-spacing-32-40: var(--hds-spacing-40);\n --hds-spacing-40-48: var(--hds-spacing-48);\n --hds-spacing-48-64: var(--hds-spacing-64);\n --hds-spacing-64-80: var(--hds-spacing-80);\n --hds-spacing-80-120: var(--hds-spacing-120);\n --hds-spacing-120-160: var(--hds-spacing-160);\n }\n}\n\n/**\n * Utility classes for margin top and bottom\n * Based upon [tailwind](https://tailwindcss.com/docs/margin)\n * \n * We start of by just adding the margin top and bottom classes.\n * we will see if there becomes a need for left and right. X, Y axis, padding etc...\n *\n * If the consumer wish to primarly use utility classes, the recommended approach is to use tailwind with the\n * provided tailwind configuration file.\n */\n\n/* Margin top */\n.hds-mt-4 {\n margin-top: var(--hds-spacing-4);\n}\n\n.hds-mt-8 {\n margin-top: var(--hds-spacing-8);\n}\n\n.hds-mt-12 {\n margin-top: var(--hds-spacing-12);\n}\n\n.hds-mt-16 {\n margin-top: var(--hds-spacing-16);\n}\n\n.hds-mt-20 {\n margin-top: var(--hds-spacing-20);\n}\n\n.hds-mt-24 {\n margin-top: var(--hds-spacing-24);\n}\n\n.hds-mt-32 {\n margin-top: var(--hds-spacing-32);\n}\n\n.hds-mt-40 {\n margin-top: var(--hds-spacing-40);\n}\n\n.hds-mt-48 {\n margin-top: var(--hds-spacing-48);\n}\n\n.hds-mt-64 {\n margin-top: var(--hds-spacing-64);\n}\n\n.hds-mt-80 {\n margin-top: var(--hds-spacing-80);\n}\n\n.hds-mt-120 {\n margin-top: var(--hds-spacing-120);\n}\n\n.hds-mt-160 {\n margin-top: var(--hds-spacing-160);\n}\n\n/* Responsive margin top. Mobile first, meaning it jumps up on larger screens */\n.hds-mt-4-8 {\n margin-top: var(--hds-spacing-4-8);\n}\n\n.hds-mt-8-12 {\n margin-top: var(--hds-spacing-8-12);\n}\n\n.hds-mt-12-16 {\n margin-top: var(--hds-spacing-12-16);\n}\n\n.hds-mt-16-20 {\n margin-top: var(--hds-spacing-16-20);\n}\n\n.hds-mt-20-24 {\n margin-top: var(--hds-spacing-20-24);\n}\n\n.hds-mt-24-32 {\n margin-top: var(--hds-spacing-24-32);\n}\n\n.hds-mt-32-40 {\n margin-top: var(--hds-spacing-32-40);\n}\n\n.hds-mt-40-48 {\n margin-top: var(--hds-spacing-40-48);\n}\n\n.hds-mt-48-64 {\n margin-top: var(--hds-spacing-48-64);\n}\n\n.hds-mt-64-80 {\n margin-top: var(--hds-spacing-64-80);\n}\n\n.hds-mt-80-120 {\n margin-top: var(--hds-spacing-80-120);\n}\n\n.hds-mt-120-160 {\n margin-top: var(--hds-spacing-120-160);\n}\n\n/* Margin bottom */\n.hds-mb-4 {\n margin-bottom: var(--hds-spacing-4);\n}\n\n.hds-mb-8 {\n margin-bottom: var(--hds-spacing-8);\n}\n\n.hds-mb-12 {\n margin-bottom: var(--hds-spacing-12);\n}\n\n.hds-mb-16 {\n margin-bottom: var(--hds-spacing-16);\n}\n\n.hds-mb-20 {\n margin-bottom: var(--hds-spacing-20);\n}\n\n.hds-mb-24 {\n margin-bottom: var(--hds-spacing-24);\n}\n\n.hds-mb-32 {\n margin-bottom: var(--hds-spacing-32);\n}\n\n.hds-mb-40 {\n margin-bottom: var(--hds-spacing-40);\n}\n\n.hds-mb-48 {\n margin-bottom: var(--hds-spacing-48);\n}\n\n.hds-mb-64 {\n margin-bottom: var(--hds-spacing-64);\n}\n\n.hds-mb-80 {\n margin-bottom: var(--hds-spacing-80);\n}\n\n.hds-mb-120 {\n margin-bottom: var(--hds-spacing-120);\n}\n\n.hds-mb-160 {\n margin-bottom: var(--hds-spacing-160);\n}\n\n/* Responsive margin bottom. Mobile first, meaning it jumps up on larger screens */\n.hds-mb-4-8 {\n margin-bottom: var(--hds-spacing-4-8);\n}\n\n.hds-mb-8-12 {\n margin-bottom: var(--hds-spacing-8-12);\n}\n\n.hds-mb-12-16 {\n margin-bottom: var(--hds-spacing-12-16);\n}\n\n.hds-mb-16-20 {\n margin-bottom: var(--hds-spacing-16-20);\n}\n\n.hds-mb-20-24 {\n margin-bottom: var(--hds-spacing-20-24);\n}\n\n.hds-mb-24-32 {\n margin-bottom: var(--hds-spacing-24-32);\n}\n\n.hds-mb-32-40 {\n margin-bottom: var(--hds-spacing-32-40);\n}\n\n.hds-mb-40-48 {\n margin-bottom: var(--hds-spacing-40-48);\n}\n\n.hds-mb-48-64 {\n margin-bottom: var(--hds-spacing-48-64);\n}\n\n.hds-mb-64-80 {\n margin-bottom: var(--hds-spacing-64-80);\n}\n\n.hds-mb-80-120 {\n margin-bottom: var(--hds-spacing-80-120);\n}\n\n.hds-mb-120-160 {\n margin-bottom: var(--hds-spacing-120-160);\n}\n","/**\n * Reusable media queries using the hedwig breakpoint\n *\n * As of writing custom-media queries are not yet supported in browsers\n * but lightningcss transpiles them to the standard media query syntax.\n *\n * https://www.w3.org/TR/mediaqueries-5/#custom-mq\n */\n\n/* Mobile first */\n@custom-media --small (width >= 460px);\n@custom-media --medium (width >= 720px);\n@custom-media --large (width >= 940px);\n@custom-media --xlarge (width >= 1200px);\n\n/* Desktop first */\n@custom-media --before-small (width < 460px);\n@custom-media --before-medium (width < 720px);\n@custom-media --before-large (width < 940px);\n@custom-media --before-xlarge (width < 1200px);\n"],"names":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@postenbring/hedwig-css",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.68",
|
|
4
4
|
"description": "",
|
|
5
5
|
"files": [
|
|
6
6
|
"dist/**",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"globby": "14.0.1",
|
|
31
31
|
"lightningcss": "1.24.1",
|
|
32
32
|
"sanitize.css": "^13.0.0",
|
|
33
|
-
"stylelint": "16.
|
|
33
|
+
"stylelint": "16.5.0",
|
|
34
34
|
"stylelint-config-standard": "36.0.0",
|
|
35
35
|
"stylelint-value-no-unknown-custom-properties": "6.0.1",
|
|
36
36
|
"wait-on": "^7.2.0"
|