@postenbring/hedwig-css 0.0.15 → 0.0.17
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/body.css +1 -1
- package/dist/body.css.map +1 -1
- package/dist/classnames.d.ts +8 -1
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/scoped.css +1 -1
- package/dist/tabs.css +2 -0
- package/dist/tabs.css.map +1 -0
- package/package.json +1 -1
package/dist/tabs.css
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
.hds-tabs{--hds-tabs-border-active-size:var(--hds-stroke-thick);font:var(--hds-typography-body)}.hds-tabs .hds-tabs--list{width:auto;padding-left:0;display:inline-flex}.hds-tabs .hds-tabs--list.hds-tabs--list-horizontal{color:red}@media (min-width:720px){.hds-tabs .hds-tabs--list.hds-tabs--list-horizontal{border-bottom:var(--hds-stroke-default)solid var(--hds-ui-colors-light-grey-fill);flex-direction:row}.hds-tabs .hds-tabs--list.hds-tabs--list-horizontal .hds-tabs--tab{padding:var(--hds-spacing-small-3)0;border-bottom:var(--hds-tabs-border-active-size)solid transparent}.hds-tabs .hds-tabs--list.hds-tabs--list-horizontal .hds-tabs--tab.hds-tabs--tab-active{border-bottom-color:var(--hds-brand-colors-signature)}.hds-tabs .hds-tabs--list.hds-tabs--list-horizontal .hds-tabs--tab:not(:last-child){margin-right:var(--hds-spacing-medium-3)}}@media (max-width:719.999px){.hds-tabs .hds-tabs--list.hds-tabs--list-horizontal{border-left:1px solid var(--hds-ui-colors-light-grey-fill);flex-direction:column;padding-left:1px}.hds-tabs .hds-tabs--list.hds-tabs--list-horizontal .hds-tabs--tab{padding:var(--hds-spacing-small-2)var(--hds-spacing-small-3);width:auto}.hds-tabs .hds-tabs--list.hds-tabs--list-horizontal .hds-tabs--tab.hds-tabs--tab-active{margin-left:calc(var(--hds-tabs-border-active-size)*-1);border-left:var(--hds-tabs-border-active-size)solid var(--hds-brand-colors-signature)}}.hds-tabs .hds-tabs--list.hds-tabs--list-vertical{border-left:1px solid var(--hds-ui-colors-light-grey-fill);flex-direction:column;padding-left:1px}.hds-tabs .hds-tabs--list.hds-tabs--list-vertical .hds-tabs--tab{padding:var(--hds-spacing-small-2)var(--hds-spacing-small-3);width:auto}.hds-tabs .hds-tabs--list.hds-tabs--list-vertical .hds-tabs--tab.hds-tabs--tab-active{margin-left:calc(var(--hds-tabs-border-active-size)*-1);border-left:var(--hds-tabs-border-active-size)solid var(--hds-brand-colors-signature)}.hds-tabs .hds-tabs--list .hds-tabs--tab{cursor:pointer;font:var(--hds-typography-body);text-align:left;background:0 0;border:0}.hds-tabs .hds-tabs--list .hds-tabs--tab:hover{color:var(--hds-brand-colors-dark)}.hds-tabs .hds-tabs--list .hds-tabs--tab.hds-tabs--tab-active{color:var(--hds-brand-colors-dark)}.hds-tabs .hds-tabs--contents{margin-top:var(--hds-spacing-large-2)}
|
|
2
|
+
/*# sourceMappingURL=./tabs.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"mappings":"AAAA,gGAKE,wEAKE,8DAEE,yBAAyB,yJAIvB,yKAIE,8IAIA,8HAKJ,6BAAwB,sJAKtB,2IAIE,uOAQN,oJAKE,yIAIE,oOAOJ,gIAOE,kFAIA,iGAMJ","sources":["../src/tabs/tabs.css"],"sourcesContent":[".hds-tabs {\n --hds-tabs-border-active-size: var(--hds-stroke-thick);\n\n font: var(--hds-typography-body);\n\n .hds-tabs--list {\n padding-left: 0;\n display: inline-flex;\n width: auto;\n\n &.hds-tabs--list-horizontal {\n color: red;\n @media (width >= 720px) {\n border-bottom: var(--hds-stroke-default) solid var(--hds-ui-colors-light-grey-fill);\n flex-direction: row;\n\n .hds-tabs--tab {\n padding: var(--hds-spacing-small-3) 0;\n border-bottom: var(--hds-tabs-border-active-size) solid transparent;\n\n &.hds-tabs--tab-active {\n border-bottom-color: var(--hds-brand-colors-signature);\n }\n\n &:not(:last-child) {\n margin-right: var(--hds-spacing-medium-3);\n }\n }\n }\n @media (width < 720px) {\n border-left: 1px solid var(--hds-ui-colors-light-grey-fill);\n flex-direction: column;\n padding-left: 1px;\n\n .hds-tabs--tab {\n width: auto;\n padding: var(--hds-spacing-small-2) var(--hds-spacing-small-3);\n\n &.hds-tabs--tab-active {\n margin-left: calc(var(--hds-tabs-border-active-size) * -1);\n border-left: var(--hds-tabs-border-active-size) solid var(--hds-brand-colors-signature);\n }\n }\n }\n }\n\n &.hds-tabs--list-vertical {\n border-left: 1px solid var(--hds-ui-colors-light-grey-fill);\n flex-direction: column;\n padding-left: 1px;\n\n .hds-tabs--tab {\n width: auto;\n padding: var(--hds-spacing-small-2) var(--hds-spacing-small-3);\n\n &.hds-tabs--tab-active {\n margin-left: calc(var(--hds-tabs-border-active-size) * -1);\n border-left: var(--hds-tabs-border-active-size) solid var(--hds-brand-colors-signature);\n }\n }\n }\n\n .hds-tabs--tab {\n cursor: pointer;\n font: var(--hds-typography-body);\n background: transparent;\n border: 0 none;\n text-align: left;\n\n &:hover {\n color: var(--hds-brand-colors-dark);\n }\n\n &.hds-tabs--tab-active {\n color: var(--hds-brand-colors-dark);\n }\n }\n }\n\n .hds-tabs--contents {\n margin-top: var(--hds-spacing-large-2);\n }\n}\n"],"names":[]}
|