@postenbring/hedwig-css 2.1.3 → 2.1.4

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.
Files changed (19) hide show
  1. package/dist/box.css.map +1 -1
  2. package/dist/button.css +1 -1
  3. package/dist/button.css.map +1 -1
  4. package/dist/card.css.map +1 -1
  5. package/dist/classnames.d.ts +3 -1
  6. package/dist/figure.css +1 -1
  7. package/dist/figure.css.map +1 -1
  8. package/dist/footer.css.map +1 -1
  9. package/dist/help-text.css.map +1 -1
  10. package/dist/index.css +1 -1
  11. package/dist/index.css.map +1 -1
  12. package/dist/list.css +1 -1
  13. package/dist/list.css.map +1 -1
  14. package/dist/message.css.map +1 -1
  15. package/dist/navbar.css.map +1 -1
  16. package/dist/scoped.css +1 -1
  17. package/dist/styled-html.css +1 -1
  18. package/dist/styled-html.css.map +1 -1
  19. package/package.json +1 -1
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);-webkit-text-decoration-color:var(--hds-colors-signature);text-decoration-color:var(--hds-colors-signature)}.hds-styled-html a:where(:not(.hds-button)).hds-link--inverted:hover{text-decoration:none}.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--inverted-no-underline{color:var(--hds-ui-colors-white);text-decoration:none}.hds-styled-html a:where(:not(.hds-button)).hds-link--inverted-no-underline:hover{text-decoration:underline;-webkit-text-decoration-color:var(--hds-ui-colors-white);text-decoration-color:var(--hds-ui-colors-white)}.hds-styled-html a:where(:not(.hds-button)).hds-link--no-underline{color:var(--hds-ui-colors-black);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-colors-dark);text-decoration:none}.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)).hds-link--technical{font:var(--hds-typography-technical)}.hds-styled-html a:where(:not(.hds-button)).hds-link--leading-icon svg{fill:currentColor;vertical-align:middle;width:1em;height:1em;margin-bottom:2px}.hds-styled-html a:where(:not(.hds-button)).hds-link--trailing-icon svg{fill:currentColor;vertical-align:middle;width:1em;height:1em;margin-bottom:2px}.hds-styled-html a:where(:not(.hds-button)).hds-link--leading-icon svg{margin-right:10px}.hds-styled-html a:where(:not(.hds-button)).hds-link--trailing-icon svg{margin-left:10px}.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)){--_hds-list-marker-color:var(--hds-colors-dark);padding-left:var(--hds-spacing-32)}.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-list-marker-color)}.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:outside}.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)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--small *+*{margin-top: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)) *+*{margin-top: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 *+*{margin-top: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)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--large *+*{margin-top: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 *+*{margin-top:var(--hds-spacing-16)}.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);-webkit-text-decoration-color:var(--hds-colors-signature);text-decoration-color:var(--hds-colors-signature)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--inverted:hover{text-decoration:none}.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--inverted-no-underline{color:var(--hds-ui-colors-white);text-decoration:none}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--inverted-no-underline:hover{text-decoration:underline;-webkit-text-decoration-color:var(--hds-ui-colors-white);text-decoration-color:var(--hds-ui-colors-white)}.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-ui-colors-black);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-colors-dark);text-decoration:none}.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)).hds-link--technical{font:var(--hds-typography-technical)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--leading-icon svg{fill:currentColor;vertical-align:middle;width:1em;height:1em;margin-bottom:2px}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--trailing-icon svg{fill:currentColor;vertical-align:middle;width:1em;height:1em;margin-bottom:2px}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--leading-icon svg{margin-right:10px}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--trailing-icon svg{margin-left:10px}.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 :is(ul,ol):where(:not(.hds-accordion)){margin-top:var(--hds-spacing-16)}.hds-styled-html figure img{width:100%}.hds-styled-html figure .hds-figure__container{position:relative}.hds-styled-html figure .hds-figure__container:before{content:"";pointer-events:none;background:linear-gradient(rgba(0,0,0,.1) 0%,transparent 20%,transparent 80%,rgba(0,0,0,.1) 100%);width:100%;height:100%;position:absolute}.hds-styled-html figure figcaption{margin-top:var(--hds-spacing-12);font-size:var(--hds-font-size-caption);text-align:left;color:var(--hds-ui-colors-black);line-height:1.5;position:relative}.hds-styled-html figure{margin:0;margin-top:var(--hds-spacing-32);padding:0}.hds-styled-html blockquote{margin:var(--hds-spacing-24-32)0;padding:0 var(--hds-spacing-16-20)}.hds-styled-html blockquote :where(p){font:var(--hds-typography-h2)}.hds-styled-html blockquote p:not(:last-child):before{content:"“";padding-right:3px}.hds-styled-html blockquote p:not(:last-child):after{content:"”";padding-left:0}.hds-styled-html blockquote.hds-blockquote--norwegian p:not(:last-child):before{content:"«";padding-right:3px}.hds-styled-html blockquote.hds-blockquote--norwegian p:not(:last-child):after{content:"»";padding-left:0}.hds-styled-html blockquote footer:before{content:"- "}.hds-styled-html blockquote footer{margin-top:var(--hds-spacing-20-24);font:var(--hds-typography-technical)}.hds-styled-html table{border-collapse:collapse;text-align:left;width:100%;min-width:460px;overflow-x:scroll}.hds-styled-html table th{border-bottom:var(--hds-stroke-default)solid var(--hds-ui-colors-light-grey-stroke)}.hds-styled-html table td{border-bottom:var(--hds-stroke-default)solid var(--hds-ui-colors-light-grey-stroke)}.hds-styled-html table th:first-child{padding-left:var(--hds-spacing-4)}.hds-styled-html table td:first-child{padding-left:var(--hds-spacing-4)}.hds-styled-html table th:last-child{padding-right:var(--hds-spacing-4)}.hds-styled-html table td:last-child{padding-right:var(--hds-spacing-4)}.hds-styled-html table th{padding-top:var(--hds-spacing-24);padding-bottom:var(--hds-spacing-16)}.hds-styled-html table td{padding-top:var(--hds-spacing-24);padding-bottom:var(--hds-spacing-16)}.hds-styled-html table th{font:var(--hds-typography-body-small-title)}.hds-styled-html table td{font:var(--hds-typography-body-small)}.hds-styled-html table.hds-table--default th{padding-top:var(--hds-spacing-24);padding-bottom:var(--hds-spacing-16)}.hds-styled-html table.hds-table--default td{padding-top:var(--hds-spacing-24);padding-bottom:var(--hds-spacing-16)}.hds-styled-html table.hds-table--default th{font:var(--hds-typography-body-small-title)}.hds-styled-html table.hds-table--default td{font:var(--hds-typography-body-small)}.hds-styled-html table.hds-table--compressed th{padding-top:var(--hds-spacing-12);padding-bottom:var(--hds-spacing-8)}.hds-styled-html table.hds-table--compressed td{padding-top:var(--hds-spacing-12);padding-bottom:var(--hds-spacing-8)}.hds-styled-html table.hds-table--compressed th{font:var(--hds-typography-technical-title)}.hds-styled-html table.hds-table--compressed td{font:var(--hds-typography-technical)}@media not (min-width:720px){.hds-styled-html table.hds-table--mobile-compressed th{padding-top:var(--hds-spacing-12);padding-bottom:var(--hds-spacing-8)}.hds-styled-html table.hds-table--mobile-compressed td{padding-top:var(--hds-spacing-12);padding-bottom:var(--hds-spacing-8)}.hds-styled-html table.hds-table--mobile-compressed th{font:var(--hds-typography-technical-title)}.hds-styled-html table.hds-table--mobile-compressed td{font:var(--hds-typography-technical)}}.hds-styled-html table caption{font:var(--hds-typography-h3-title);text-align:left;caption-side:top;padding-bottom:var(--hds-spacing-12)}.hds-styled-html table{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-weight:var(--hds-font-weight-body-title)}.hds-styled-html strong{font-weight:var(--hds-font-weight-body-title)}.hds-styled-html.hds-styled-html--small{font-size:var(--hds-font-size-body-small);line-height:var(--hds-line-height-body-small)}.hds-styled-html.hds-styled-html--small p{font-size:var(--hds-font-size-body-small);line-height:var(--hds-line-height-body-small)}.hds-styled-html.hds-styled-html--small li{font-size:var(--hds-font-size-body-small);line-height:var(--hds-line-height-body-small)}.hds-styled-html.hds-styled-html--small a{font-size:var(--hds-font-size-body-small);line-height:var(--hds-line-height-body-small)}.hds-styled-html.hds-styled-html--small p{margin-top:var(--hds-spacing-12)}.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);-webkit-text-decoration-color:var(--hds-colors-signature);text-decoration-color:var(--hds-colors-signature)}.hds-styled-html.hds-styled-html--darkmode a:hover{text-decoration:none}.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);-webkit-text-decoration-color:var(--hds-colors-signature);text-decoration-color:var(--hds-colors-signature)}.hds-styled-html a:where(:not(.hds-button)).hds-link--inverted:hover{text-decoration:none}.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--inverted-no-underline{color:var(--hds-ui-colors-white);text-decoration:none}.hds-styled-html a:where(:not(.hds-button)).hds-link--inverted-no-underline:hover{text-decoration:underline;-webkit-text-decoration-color:var(--hds-ui-colors-white);text-decoration-color:var(--hds-ui-colors-white)}.hds-styled-html a:where(:not(.hds-button)).hds-link--no-underline{color:var(--hds-ui-colors-black);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-colors-dark);text-decoration:none}.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)).hds-link--technical{font:var(--hds-typography-technical)}.hds-styled-html a:where(:not(.hds-button)).hds-link--leading-icon svg{fill:currentColor;vertical-align:middle;width:1em;height:1em;margin-bottom:2px}.hds-styled-html a:where(:not(.hds-button)).hds-link--trailing-icon svg{fill:currentColor;vertical-align:middle;width:1em;height:1em;margin-bottom:2px}.hds-styled-html a:where(:not(.hds-button)).hds-link--leading-icon svg{margin-right:10px}.hds-styled-html a:where(:not(.hds-button)).hds-link--trailing-icon svg{margin-left:10px}.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)){--_hds-list-marker-color:var(--hds-colors-dark);padding-left:var(--hds-spacing-32)}.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-list-marker-color)}.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:outside}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)):is(ul) li::marker{font-size:16px}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)):is(ul) ul{padding-left:var(--hds-spacing-16);list-style:circle}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)):is(ol) ol{padding-left:var(--hds-spacing-16);list-style:decimal}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)){font:var(--hds-typography-body)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)) *+*{margin-top: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--default{font:var(--hds-typography-body)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--default *+*{margin-top:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--default ul{margin-top:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--default ol{margin-top:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--medium{font:var(--hds-typography-body)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--medium *+*{margin-top: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--small{font:var(--hds-typography-body-small)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--small *+*{margin-top: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)).hds-list--technical{font:var(--hds-typography-technical)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--technical *+*{margin-top:var(--hds-spacing-4)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--technical ul{margin-top:var(--hds-spacing-4)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--technical ol{margin-top:var(--hds-spacing-4)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--large{font:var(--hds-typography-h3)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--large *+*{margin-top: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 *+*{margin-top:var(--hds-spacing-16)}.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);-webkit-text-decoration-color:var(--hds-colors-signature);text-decoration-color:var(--hds-colors-signature)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--inverted:hover{text-decoration:none}.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--inverted-no-underline{color:var(--hds-ui-colors-white);text-decoration:none}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--inverted-no-underline:hover{text-decoration:underline;-webkit-text-decoration-color:var(--hds-ui-colors-white);text-decoration-color:var(--hds-ui-colors-white)}.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-ui-colors-black);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-colors-dark);text-decoration:none}.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)).hds-link--technical{font:var(--hds-typography-technical)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--leading-icon svg{fill:currentColor;vertical-align:middle;width:1em;height:1em;margin-bottom:2px}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--trailing-icon svg{fill:currentColor;vertical-align:middle;width:1em;height:1em;margin-bottom:2px}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--leading-icon svg{margin-right:10px}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--trailing-icon svg{margin-left:10px}.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 :is(ul,ol):where(:not(.hds-accordion)){margin-top:var(--hds-spacing-16)}.hds-styled-html figure img{border-radius:var(--hds-border-radius-8);width:100%}.hds-styled-html figure .hds-figure__container{position:relative}.hds-styled-html figure .hds-figure__container:before{content:"";pointer-events:none;background:linear-gradient(rgba(0,0,0,.1) 0%,transparent 20%,transparent 80%,rgba(0,0,0,.1) 100%);width:100%;height:100%;position:absolute}.hds-styled-html figure figcaption{margin-top:var(--hds-spacing-12);font-size:var(--hds-font-size-caption);text-align:left;color:var(--hds-ui-colors-black);line-height:1.5;position:relative}.hds-styled-html figure{margin:0;margin-top:var(--hds-spacing-32);padding:0}.hds-styled-html blockquote{margin:var(--hds-spacing-24-32)0;padding:0 var(--hds-spacing-16-20)}.hds-styled-html blockquote :where(p){font:var(--hds-typography-h2)}.hds-styled-html blockquote p:not(:last-child):before{content:"“";padding-right:3px}.hds-styled-html blockquote p:not(:last-child):after{content:"”";padding-left:0}.hds-styled-html blockquote.hds-blockquote--norwegian p:not(:last-child):before{content:"«";padding-right:3px}.hds-styled-html blockquote.hds-blockquote--norwegian p:not(:last-child):after{content:"»";padding-left:0}.hds-styled-html blockquote footer:before{content:"- "}.hds-styled-html blockquote footer{margin-top:var(--hds-spacing-20-24);font:var(--hds-typography-technical)}.hds-styled-html table{border-collapse:collapse;text-align:left;width:100%;min-width:460px;overflow-x:scroll}.hds-styled-html table th{border-bottom:var(--hds-stroke-default)solid var(--hds-ui-colors-light-grey-stroke)}.hds-styled-html table td{border-bottom:var(--hds-stroke-default)solid var(--hds-ui-colors-light-grey-stroke)}.hds-styled-html table th:first-child{padding-left:var(--hds-spacing-4)}.hds-styled-html table td:first-child{padding-left:var(--hds-spacing-4)}.hds-styled-html table th:last-child{padding-right:var(--hds-spacing-4)}.hds-styled-html table td:last-child{padding-right:var(--hds-spacing-4)}.hds-styled-html table th{padding-top:var(--hds-spacing-24);padding-bottom:var(--hds-spacing-16)}.hds-styled-html table td{padding-top:var(--hds-spacing-24);padding-bottom:var(--hds-spacing-16)}.hds-styled-html table th{font:var(--hds-typography-body-small-title)}.hds-styled-html table td{font:var(--hds-typography-body-small)}.hds-styled-html table.hds-table--default th{padding-top:var(--hds-spacing-24);padding-bottom:var(--hds-spacing-16)}.hds-styled-html table.hds-table--default td{padding-top:var(--hds-spacing-24);padding-bottom:var(--hds-spacing-16)}.hds-styled-html table.hds-table--default th{font:var(--hds-typography-body-small-title)}.hds-styled-html table.hds-table--default td{font:var(--hds-typography-body-small)}.hds-styled-html table.hds-table--compressed th{padding-top:var(--hds-spacing-12);padding-bottom:var(--hds-spacing-8)}.hds-styled-html table.hds-table--compressed td{padding-top:var(--hds-spacing-12);padding-bottom:var(--hds-spacing-8)}.hds-styled-html table.hds-table--compressed th{font:var(--hds-typography-technical-title)}.hds-styled-html table.hds-table--compressed td{font:var(--hds-typography-technical)}@media not (min-width:720px){.hds-styled-html table.hds-table--mobile-compressed th{padding-top:var(--hds-spacing-12);padding-bottom:var(--hds-spacing-8)}.hds-styled-html table.hds-table--mobile-compressed td{padding-top:var(--hds-spacing-12);padding-bottom:var(--hds-spacing-8)}.hds-styled-html table.hds-table--mobile-compressed th{font:var(--hds-typography-technical-title)}.hds-styled-html table.hds-table--mobile-compressed td{font:var(--hds-typography-technical)}}.hds-styled-html table caption{font:var(--hds-typography-h3-title);text-align:left;caption-side:top;padding-bottom:var(--hds-spacing-12)}.hds-styled-html table{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-weight:var(--hds-font-weight-body-title)}.hds-styled-html strong{font-weight:var(--hds-font-weight-body-title)}.hds-styled-html.hds-styled-html--small{font-size:var(--hds-font-size-body-small);line-height:var(--hds-line-height-body-small)}.hds-styled-html.hds-styled-html--small p{font-size:var(--hds-font-size-body-small);line-height:var(--hds-line-height-body-small)}.hds-styled-html.hds-styled-html--small li{font-size:var(--hds-font-size-body-small);line-height:var(--hds-line-height-body-small)}.hds-styled-html.hds-styled-html--small a{font-size:var(--hds-font-size-body-small);line-height:var(--hds-line-height-body-small)}.hds-styled-html.hds-styled-html--small p{margin-top:var(--hds-spacing-12)}.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);-webkit-text-decoration-color:var(--hds-colors-signature);text-decoration-color:var(--hds-colors-signature)}.hds-styled-html.hds-styled-html--darkmode a:hover{text-decoration:none}.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,4MAIE,0FAIA,+NAUF,kIAIE,sNAMF,yHAIE,gIAAA,iIAQF,gIAIE,oHASF,kGAIA,0FAIA,qGAQA,sJAAA,uJASA,yFAIA,yFAOA,yFAME,mIAhFF,oDAGE,yBAAkB,qDAMpB,0DAAA,8DAKA,0DAIA,0DAAA,0DAMA,wDA7DF,2IAUE,6FAGE,uGAKF,kFAIA,kFAKA,oFAKA,qFAWA,8GAGE,4GAIA,2GAAA,2GAQA,4FAIA,2FAAA,2FAJA,6GAIA,4GAAA,4GAMF,sGAGE,6GAIA,4GAAA,4GASF,2GAIE,iHAIA,8FA7FJ,okBAYE,kSAAA,mSAWA,qQAIE,mJAIA,wRAUF,2LAIE,+QAMF,kLAIE,yLAAA,0LAQF,yLAIE,6KASF,2JAIA,mJAIA,8JAQA,+MAAA,gNASA,kJAIA,kJAOA,kJAME,4LAhDW,yFApEb,uCAIA,iEAGE,gOAgBF,8LAoDS,4EA/EX,gGAKE,oEAIA,sFAKA,kFAME,+GAKA,2GAOA,uDAIW,4GApCf,6GASE,8GAAA,8GAKA,wEAAA,wEAKA,wEAAA,wEAWE,iGAAA,iGAMA,sEAIA,gEAVA,oHAAA,oHAMA,yFAIA,mFAMA,sHAAA,sHAMA,2FAIA,qFAKF,6BAEI,6HAAA,6HAMA,kGAIA,6FAOJ,yIAaa,wDAEX,yCAAA,0CAAA,0CAAA,0CAAA,0CAAA,0CAAA,0CAUA,wDAMF,iEAAA,sEAWE,gIAAA,kIAAA,mIAAA,kIAQA,2EAMF,sDAOE,4DAAA,4DAAA,4DAAA,4DAAA,4DAAA,4DAtHF,0LAIE,wEAIA","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 @extend url(\"./src/figure/figure.css:hds-figure\");\n\n margin: 0;\n padding: 0;\n margin-top: var(--hds-spacing-32);\n }\n\n /* Blockquote */\n & blockquote {\n @extend url(\"./src/blockquote/blockquote.css:hds-blockquote\");\n }\n\n /* Table */\n & table {\n @extend url(\"./src/table/table.css:hds-table\");\n\n margin-top: var(--hds-spacing-32);\n\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-weight: var(--hds-font-weight-body-title);\n }\n\n /**\n * Modifiers\n */\n\n /* Small version */\n &.hds-styled-html--small {\n &,\n & p,\n & li,\n & a {\n font-size: var(--hds-font-size-body-small);\n line-height: var(--hds-line-height-body-small);\n }\n\n & p {\n margin-top: var(--hds-spacing-12);\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,4MAIE,0FAIA,+NAUF,kIAIE,sNAMF,yHAIE,gIAAA,iIAQF,gIAIE,oHASF,kGAIA,0FAIA,qGAQA,sJAAA,uJASA,yFAIA,yFAOA,yFAME,mIAhFF,oDAGE,yBAAkB,qDAMpB,0DAAA,8DAKA,0DAIA,0DAAA,0DAMA,wDA7DF,2IAUE,6FAGE,uGAKF,kFAIA,kFAGE,yFAMF,uHAMA,wHAaA,wFAKE,4FAIA,2FAAA,2FATF,0GAKE,8GAIA,6GAAA,6GATF,yGAKE,6GAIA,4GAAA,4GAMF,8GAGE,4GAIA,2GAAA,2GAMF,iHAGE,gHAIA,+GAAA,+GAMF,sGAGE,6GAIA,4GAAA,4GASF,2GAIE,iHAIA,8FApHJ,okBAYE,kSAAA,mSAWA,qQAIE,mJAIA,wRAUF,2LAIE,+QAMF,kLAIE,yLAAA,0LAQF,yLAIE,6KASF,2JAIA,mJAIA,8JAQA,+MAAA,gNASA,kJAIA,kJAOA,kJAME,4LAhDW,yFApEb,gFAKA,iEAGE,gOAgBF,8LAmDS,4EA/EX,gGAKE,oEAIA,sFAKA,kFAME,+GAKA,2GAOA,uDAIW,4GApCf,6GASE,8GAAA,8GAKA,wEAAA,wEAKA,wEAAA,wEAWE,iGAAA,iGAMA,sEAIA,gEAVA,oHAAA,oHAMA,yFAIA,mFAMA,sHAAA,sHAMA,2FAIA,qFAKF,6BAEI,6HAAA,6HAMA,kGAIA,6FAOJ,yIAaa,wDAEX,yCAAA,0CAAA,0CAAA,0CAAA,0CAAA,0CAAA,0CAUA,wDAMF,iEAAA,sEAWE,gIAAA,kIAAA,mIAAA,kIAQA,2EAMF,sDAOE,4DAAA,4DAAA,4DAAA,4DAAA,4DAAA,4DAtHF,0LAIE,wEAIA","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 @extend url(\"./src/figure/figure.css:hds-figure\");\n\n margin: 0;\n padding: 0;\n margin-top: var(--hds-spacing-32);\n }\n\n /* Blockquote */\n & blockquote {\n @extend url(\"./src/blockquote/blockquote.css:hds-blockquote\");\n }\n\n /* Table */\n & table {\n @extend url(\"./src/table/table.css:hds-table\");\n\n margin-top: var(--hds-spacing-32);\n\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-weight: var(--hds-font-weight-body-title);\n }\n\n /**\n * Modifiers\n */\n\n /* Small version */\n &.hds-styled-html--small {\n &,\n & p,\n & li,\n & a {\n font-size: var(--hds-font-size-body-small);\n line-height: var(--hds-line-height-body-small);\n }\n\n & p {\n margin-top: var(--hds-spacing-12);\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": "2.1.3",
3
+ "version": "2.1.4",
4
4
  "description": "",
5
5
  "files": [
6
6
  "dist/**",