@postenbring/hedwig-css 0.0.45 → 0.0.47
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/all-in-one.css +1 -1
- package/dist/all-in-one.css.map +1 -1
- package/dist/classnames.d.ts +13 -0
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/scoped.css +1 -1
- package/dist/show-more.css +1 -0
- package/dist/show-more.css.map +1 -0
- package/dist/skeleton.css +1 -0
- package/dist/skeleton.css.map +1 -0
- package/dist/step-indicator.css +1 -0
- package/dist/step-indicator.css.map +1 -0
- package/dist/styled-html.css +1 -1
- package/dist/styled-html.css.map +1 -1
- package/package.json +1 -1
package/dist/styled-html.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.hds-styled-html{font:var(--hds-typography-body)}.hds-styled-html h1{margin-top:var(--hds-spacing-large-1)}@media (min-width:940px){.hds-styled-html h1{margin-top:var(--hds-spacing-large-2)}}.hds-styled-html h2{margin-top:var(--hds-spacing-large-1)}@media (min-width:940px){.hds-styled-html h2{margin-top:var(--hds-spacing-large-2)}}.hds-styled-html h3{margin-top:var(--hds-spacing-medium-4)}@media (min-width:940px){.hds-styled-html h3{margin-top:var(--hds-spacing-large-1)}}.hds-styled-html h4{margin-top:var(--hds-spacing-medium-3)}@media (min-width:940px){.hds-styled-html h4{margin-top:var(--hds-spacing-medium-4)}}.hds-styled-html h5{margin-top:var(--hds-spacing-medium-3)}@media (min-width:940px){.hds-styled-html h5{margin-top:var(--hds-spacing-medium-4)}}.hds-styled-html a:where(:not(.hds-button)){border-bottom:var(--hds-stroke-default)solid var(--hds-link-colors-underline);fill:var(--hds-link-colors-text);color:var(--hds-link-colors-text);transition:all var(--hds-micro-animation-duration-quick)var(--hds-micro-animation-easing-normal);cursor:pointer;text-decoration:none}.hds-styled-html a:where(:not(.hds-button)):hover{color:var(--hds-link-colors-hover);fill:var(--hds-link-colors-hover);border-color:var(--hds-link-colors-underline-hover)}.hds-styled-html a:where(:not(.hds-button)):hover .hds-link__text{border-color:var(--hds-link-colors-underline-hover)}.hds-styled-html a:where(:not(.hds-button)):active{color:var(--hds-link-colors-hover);fill:var(--hds-link-colors-hover);border-color:var(--hds-link-colors-underline-hover)}.hds-styled-html a:where(:not(.hds-button)):active .hds-link__text{border-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);border-color:currentColor}.hds-styled-html a:where(:not(.hds-button)).hds-link--inverted:hover{color:var(--hds-colors-light);border-color:currentColor}.hds-styled-html a:where(:not(.hds-button)).hds-link--inverted:active{color:var(--hds-colors-light);border-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;border-color:currentColor;box-shadow:none!important;outline:0!important}.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--no-underline{color:var(--hds-colors-dark);border-bottom:none;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;-webkit-text-decoration-color:var(--hds-colors-dark);text-decoration-color:var(--hds-colors-dark);border-bottom:none}.hds-styled-html a:where(:not(.hds-button)).hds-link--solid{color:var(--hds-ui-colors-black);border-color:var(--hds-ui-colors-black)}.hds-styled-html a:where(:not(.hds-button)).hds-link--solid:hover{color:var(--hds-ui-colors-black-hover);border-color:var(--hds-ui-colors-black-hover)}.hds-styled-html a:where(:not(.hds-button)).hds-link--solid:active{color:var(--hds-ui-colors-black-hover);border-color:var(--hds-ui-colors-black-hover)}.hds-styled-html a:where(:not(.hds-button)):-webkit-any(button){background:0 0;border-top:0;border-left:0;border-right: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-top:0;border-left:0;border-right: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-small-4)}@media (min-width:940px){.hds-styled-html p{margin-top:var(--hds-spacing-medium-2)}}.hds-styled-html p+h2{margin-top:var(--hds-spacing-large-1)}@media (min-width:940px){.hds-styled-html p+h2{margin-top:var(--hds-spacing-large-2)}}.hds-styled-html p+figure{margin-top:var(--hds-spacing-large-1)}@media (min-width:940px){.hds-styled-html p+figure{margin-top:var(--hds-spacing-large-2)}}.hds-styled-html p+h3{margin-top:var(--hds-spacing-medium-4)}@media (min-width:940px){.hds-styled-html p+h3{margin-top:var(--hds-spacing-large-1)}}.hds-styled-html p+h4{margin-top:var(--hds-spacing-medium-3)}@media (min-width:940px){.hds-styled-html p+h4{margin-top:var(--hds-spacing-medium-4)}}.hds-styled-html p+h5{margin-top:var(--hds-spacing-medium-3)}@media (min-width:940px){.hds-styled-html p+h5{margin-top:var(--hds-spacing-medium-4)}}.hds-styled-html hr{margin-bottom:var(--hds-spacing-medium-2)}.hds-styled-html :-webkit-any(ul,ol):where(:not(.hds-accordion)){margin-top:var(--hds-spacing-small-4)}.hds-styled-html :-webkit-any(ul,ol):where(:not(.hds-accordion)){padding-left:var(--hds-spacing-medium-3);flex-direction:column;display:flex}.hds-styled-html :-webkit-any(ul,ol):where(:not(.hds-accordion)) li{padding-left:var(--hds-spacing-small-2)}.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 :is(ul,ol):where(:not(.hds-accordion)).hds-list--no-bullets{padding-left:0;list-style:none}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--no-bullets li{padding-left:0}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--small{font:var(--hds-typography-body-small);gap:var(--hds-spacing-small-1)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)){gap:var(--hds-spacing-small-2)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--medium{gap:var(--hds-spacing-small-2)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--large{font:var(--hds-typography-h3);gap:var(--hds-spacing-small-3)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list li:not(:last-child){margin-bottom:var(--hds-spacing-small-2)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)){margin-top:var(--hds-spacing-small-4)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)){padding-left:var(--hds-spacing-medium-3);flex-direction:column;display:flex}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)) li{padding-left:var(--hds-spacing-small-2)}.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 :is(ul,ol):where(:not(.hds-accordion)).hds-list--no-bullets{padding-left:0;list-style:none}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--no-bullets li{padding-left:0}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--small{font:var(--hds-typography-body-small);gap:var(--hds-spacing-small-1)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)){gap:var(--hds-spacing-small-2)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--medium{gap:var(--hds-spacing-small-2)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--large{font:var(--hds-typography-h3);gap:var(--hds-spacing-small-3)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list li:not(:last-child){margin-bottom:var(--hds-spacing-small-2)}.hds-styled-html figure{margin-top:var(--hds-spacing-medium-3)}.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-small-3)}.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>:last-child{margin-bottom:0}.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);border-color:currentColor}.hds-styled-html.hds-styled-html--darkmode a:hover{color:var(--hds-colors-light);border-color:currentColor}.hds-styled-html.hds-styled-html--darkmode a:active{color:var(--hds-colors-light);border-color:currentColor}.hds-styled-html.hds-styled-html--darkmode a:disabled{color:var(--hds-ui-colors-dark-grey);fill:currentColor;cursor:default;border-color:currentColor;box-shadow:none!important;outline:0!important}
|
|
1
|
+
.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-large-1)}@media (min-width:940px){.hds-styled-html h1{margin-top:var(--hds-spacing-large-2)}}.hds-styled-html h2{margin-top:var(--hds-spacing-large-1)}@media (min-width:940px){.hds-styled-html h2{margin-top:var(--hds-spacing-large-2)}}.hds-styled-html h3{margin-top:var(--hds-spacing-medium-4)}@media (min-width:940px){.hds-styled-html h3{margin-top:var(--hds-spacing-large-1)}}.hds-styled-html h4{margin-top:var(--hds-spacing-medium-3)}@media (min-width:940px){.hds-styled-html h4{margin-top:var(--hds-spacing-medium-4)}}.hds-styled-html h5{margin-top:var(--hds-spacing-medium-3)}@media (min-width:940px){.hds-styled-html h5{margin-top:var(--hds-spacing-medium-4)}}.hds-styled-html a:where(:not(.hds-button)){border-bottom:var(--hds-stroke-default)solid var(--hds-link-colors-underline);fill:var(--hds-link-colors-text);color:var(--hds-link-colors-text);transition:all var(--hds-micro-animation-duration-quick)var(--hds-micro-animation-easing-normal);cursor:pointer;text-decoration:none}.hds-styled-html a:where(:not(.hds-button)):hover{color:var(--hds-link-colors-hover);fill:var(--hds-link-colors-hover);border-color:var(--hds-link-colors-underline-hover)}.hds-styled-html a:where(:not(.hds-button)):hover .hds-link__text{border-color:var(--hds-link-colors-underline-hover)}.hds-styled-html a:where(:not(.hds-button)):active{color:var(--hds-link-colors-hover);fill:var(--hds-link-colors-hover);border-color:var(--hds-link-colors-underline-hover)}.hds-styled-html a:where(:not(.hds-button)):active .hds-link__text{border-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);border-color:currentColor}.hds-styled-html a:where(:not(.hds-button)).hds-link--inverted:hover{color:var(--hds-colors-light);border-color:currentColor}.hds-styled-html a:where(:not(.hds-button)).hds-link--inverted:active{color:var(--hds-colors-light);border-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;border-color:currentColor;box-shadow:none!important;outline:0!important}.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--no-underline{color:var(--hds-colors-dark);border-bottom:none;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;-webkit-text-decoration-color:var(--hds-colors-dark);text-decoration-color:var(--hds-colors-dark);border-bottom:none}.hds-styled-html a:where(:not(.hds-button)).hds-link--solid{color:var(--hds-ui-colors-black);border-color:var(--hds-ui-colors-black)}.hds-styled-html a:where(:not(.hds-button)).hds-link--solid:hover{color:var(--hds-ui-colors-black-hover);border-color:var(--hds-ui-colors-black-hover)}.hds-styled-html a:where(:not(.hds-button)).hds-link--solid:active{color:var(--hds-ui-colors-black-hover);border-color:var(--hds-ui-colors-black-hover)}.hds-styled-html a:where(:not(.hds-button)):-webkit-any(button){background:0 0;border-top:0;border-left:0;border-right: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-top:0;border-left:0;border-right: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-small-4)}@media (min-width:940px){.hds-styled-html p{margin-top:var(--hds-spacing-medium-2)}}.hds-styled-html p+h2{margin-top:var(--hds-spacing-large-1)}@media (min-width:940px){.hds-styled-html p+h2{margin-top:var(--hds-spacing-large-2)}}.hds-styled-html p+figure{margin-top:var(--hds-spacing-large-1)}@media (min-width:940px){.hds-styled-html p+figure{margin-top:var(--hds-spacing-large-2)}}.hds-styled-html p+h3{margin-top:var(--hds-spacing-medium-4)}@media (min-width:940px){.hds-styled-html p+h3{margin-top:var(--hds-spacing-large-1)}}.hds-styled-html p+h4{margin-top:var(--hds-spacing-medium-3)}@media (min-width:940px){.hds-styled-html p+h4{margin-top:var(--hds-spacing-medium-4)}}.hds-styled-html p+h5{margin-top:var(--hds-spacing-medium-3)}@media (min-width:940px){.hds-styled-html p+h5{margin-top:var(--hds-spacing-medium-4)}}.hds-styled-html hr{margin-bottom:var(--hds-spacing-medium-2)}.hds-styled-html :-webkit-any(ul,ol):where(:not(.hds-accordion)){margin-top:var(--hds-spacing-small-4)}.hds-styled-html :-webkit-any(ul,ol):where(:not(.hds-accordion)){padding-left:var(--hds-spacing-medium-3);flex-direction:column;display:flex}.hds-styled-html :-webkit-any(ul,ol):where(:not(.hds-accordion)) li{padding-left:var(--hds-spacing-small-2)}.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 :is(ul,ol):where(:not(.hds-accordion)).hds-list--no-bullets{padding-left:0;list-style:none}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--no-bullets li{padding-left:0}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--small{font:var(--hds-typography-body-small);gap:var(--hds-spacing-small-1)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)){gap:var(--hds-spacing-small-2)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--medium{gap:var(--hds-spacing-small-2)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--large{font:var(--hds-typography-h3);gap:var(--hds-spacing-small-3)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list li:not(:last-child){margin-bottom:var(--hds-spacing-small-2)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)){margin-top:var(--hds-spacing-small-4)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)){padding-left:var(--hds-spacing-medium-3);flex-direction:column;display:flex}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)) li{padding-left:var(--hds-spacing-small-2)}.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 :is(ul,ol):where(:not(.hds-accordion)).hds-list--no-bullets{padding-left:0;list-style:none}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--no-bullets li{padding-left:0}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--small{font:var(--hds-typography-body-small);gap:var(--hds-spacing-small-1)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)){gap:var(--hds-spacing-small-2)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--medium{gap:var(--hds-spacing-small-2)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--large{font:var(--hds-typography-h3);gap:var(--hds-spacing-small-3)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list li:not(:last-child){margin-bottom:var(--hds-spacing-small-2)}.hds-styled-html figure{margin-top:var(--hds-spacing-medium-3)}.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-small-3)}.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);-webkit-text-decoration-color:var(--hds-colors-signature);text-decoration-color:var(--hds-colors-signature);border-color:currentColor}.hds-styled-html.hds-styled-html--darkmode a:hover{color:var(--hds-colors-light);border-color:currentColor}.hds-styled-html.hds-styled-html--darkmode a:active{color:var(--hds-colors-light);border-color:currentColor}.hds-styled-html.hds-styled-html--darkmode a:disabled{color:var(--hds-ui-colors-dark-grey);fill:currentColor;cursor:default;border-color:currentColor;box-shadow:none!important;outline:0!important}
|
package/dist/styled-html.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":null,"mappings":"AAEA,
|
|
1
|
+
{"version":3,"sourceRoot":null,"mappings":"AAEA,iDAQE,2CAIA,6CAOA,0DAIE,yBAAkB,2DAJpB,0DAIE,yBAAkB,2DAKpB,2DAGE,yBAAkB,2DAKpB,2DAIE,yBAAkB,4DAJpB,2DAIE,yBAAkB,4DAtCtB,kUAQE,2KAME,sHANF,4KAME,uHASF,sOAKE,6HAAA,8HAMA,sNAUF,kGAIA,0FAIA,wJAME,qPAQF,qIAIE,uJAAA,wJAOF,mIAQE,qJAAA,mIARF,0HAQE,qJAAA,mIApCF,yDAGE,yBAAkB,2DAMpB,4DAIE,yBAAkB,6DAJpB,gEAIE,yBAAkB,iEAKpB,6DAGE,yBAAkB,6DAKpB,6DAIE,yBAAkB,8DAJpB,6DAIE,yBAAkB,8DAMpB,8DAKA,uGAzFF,6IAWE,4GAGE,yGAKF,oGAAA,kFAIA,iGAAA,+EAKA,sGAAA,oFAOA,4GAIE,+FAQF,6IAKA,uFAAA,wGAKA,qIAME,yIA0BF,8FAzFF,oIAWE,mGAGE,gGAKF,oGAAA,kFAIA,iGAAA,+EAKA,sGAAA,oFAOA,4GAIE,+FAQF,6IAKA,uFAAA,wGAKA,qIAME,yIAiCF,+DAQE,yCAAA,0CAAA,0CAAA,0CAAA,0CAAA,0CAAA,0CAUA,wDAMF,yDAAA,8DAUA,8EAGE,gFAAA,iFAAA,gFAMA,gFAIA,sFAAA,2FAOF,sDAOE,4DAAA,4DAAA,4DAAA,4DAAA,4DAAA,4DAvIF,oNAKE,2GAAA,4GAMA","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"],"sourcesContent":["@import url(\"../_custom-media.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-large-1);\n\n @media (--large) {\n margin-top: var(--hds-spacing-large-2);\n }\n }\n\n & h3 {\n margin-top: var(--hds-spacing-medium-4);\n\n @media (--large) {\n margin-top: var(--hds-spacing-large-1);\n }\n }\n\n & h4,\n & h5 {\n margin-top: var(--hds-spacing-medium-3);\n\n @media (--large) {\n margin-top: var(--hds-spacing-medium-4);\n }\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-small-4);\n\n @media (--large) {\n margin-top: var(--hds-spacing-medium-2);\n }\n }\n\n /* Combinations */\n & p + h2,\n & p + figure {\n margin-top: var(--hds-spacing-large-1);\n\n @media (--large) {\n margin-top: var(--hds-spacing-large-2);\n }\n }\n\n & p + h3 {\n margin-top: var(--hds-spacing-medium-4);\n\n @media (--large) {\n margin-top: var(--hds-spacing-large-1);\n }\n }\n\n & p + h4,\n & p + h5 {\n margin-top: var(--hds-spacing-medium-3);\n\n @media (--large) {\n margin-top: var(--hds-spacing-medium-4);\n }\n }\n\n /* Divider */\n & hr {\n margin-bottom: var(--hds-spacing-medium-2);\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-small-4);\n }\n\n /* Image */\n & figure {\n /* TODO: @extend .hw-figure; */\n\n margin-top: var(--hds-spacing-medium-3);\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-small-3);\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"],"names":[]}
|