@stihl-design-system/components
Version:
Welcome to the STIHL Design System react component library.
2 lines (1 loc) • 12.1 kB
CSS
:where(.ds-text-utility_root_5fggr_6){margin:0}.ds-text-utility_root_5fggr_6{padding:0;border:none;color:#252525}.ds-text-utility_root--large_5fggr_15{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-size:1.125rem;line-height:1.33;font-size-adjust:.414;font-weight:400}.ds-text-utility_root--large-bold_5fggr_26{font-family:STIHL Contraface Digital Text Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-size:1.125rem;line-height:1.33;font-size-adjust:.426;font-weight:700;font-synthesis-weight:none}.ds-text-utility_root--medium_5fggr_38{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-size:1rem;line-height:1.25;font-size-adjust:.414;font-weight:400}.ds-text-utility_root--medium-bold_5fggr_49{font-family:STIHL Contraface Digital Text Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-size:1rem;line-height:1.25;font-size-adjust:.426;font-weight:700;font-synthesis-weight:none}.ds-text-utility_root--small_5fggr_61{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-size:.875rem;line-height:1.14;font-size-adjust:.414;font-weight:400}.ds-text-utility_root--small-bold_5fggr_72{font-family:STIHL Contraface Digital Text Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-size:.875rem;line-height:1.14;font-size-adjust:.426;font-weight:700;font-synthesis-weight:none}.ds-text-utility_root--small-demi_5fggr_84{font-family:STIHL Contraface Digital Text Demi,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-size:.875rem;line-height:1.14;font-size-adjust:.42}.ds-text-utility_root--x-small-demi_5fggr_94{font-family:STIHL Contraface Digital Text Demi,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-size:.75rem;line-height:1.33;font-size-adjust:.42}.ds-text-utility_root_5fggr_6 a:not([class]){display:inline;padding-inline-end:2px;padding-inline-start:2px;padding-block-start:0;padding-block-end:0;line-height:inherit;font-size:inherit;text-decoration-skip-ink:auto;text-decoration-line:underline;text-underline-offset:2px;text-decoration-thickness:1px;text-decoration-color:currentColor}:where(.ds-text-utility_root_5fggr_6 a:not([class]))[href^="http://"]:after,:where(.ds-text-utility_root_5fggr_6 a:not([class]))[href^="https://"]:after,:where(.ds-text-utility_root_5fggr_6 a:not([class]))[href^="#"]:after{display:inline-block;margin-inline-start:.375em;width:.75em;height:.75em}.ds-text-utility_root_5fggr_6 a:not([class]){color:#252525}.ds-text-utility_root_5fggr_6 a:not([class]):link,.ds-text-utility_root_5fggr_6 a:not([class]):visited{color:#252525}.ds-text-utility_root_5fggr_6 a:not([class]):active{background-color:#0000001a;color:#252525}@media(hover:hover){.ds-text-utility_root_5fggr_6 a:not([class]):hover{background-color:#0000001a;color:#252525}}@media screen and (hover:hover)and (forced-colors:active){.ds-text-utility_root_5fggr_6 a:not([class]):hover{background-color:Canvas}}.ds-text-utility_root_5fggr_6 a:not([class])[href^="http://"]:after,.ds-text-utility_root_5fggr_6 a:not([class])[href^="https://"]:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23252525' viewBox='0 0 16 16' focusable='false' width='100%25' height='100%25'%3E%3Cpath fill-rule='evenodd' d='M9 2V0h7v7h-2V3.4L8.1 9.3 6.7 7.9 12.6 2H9Zm5 8h-2v4H2V4h4V2H0v14h14v-6Z' clip-rule='evenodd'/%3E%3C/svg%3E")}.ds-text-utility_root_5fggr_6 a:not([class])[href^="#"]:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23252525' viewBox='0 0 16 16' focusable='false' width='100%25' height='100%25'%3E%3Cpath d='M14.4 9.6 8 16 1.6 9.6 3 8.2l4 4V0h2v12.2l4-4 1.4 1.4Z'/%3E%3C/svg%3E")}@media screen and (forced-colors:active){.ds-text-utility_root_5fggr_6 a:not([class])[href^="http://"]:after,.ds-text-utility_root_5fggr_6 a:not([class])[href^="https://"]:after{forced-color-adjust:none;content:"";background-color:LinkText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='100%25' height='100%25'%3E%3Cpath fill-rule='evenodd' d='M9 2V0h7v7h-2V3.4L8.1 9.3 6.7 7.9 12.6 2H9Zm5 8h-2v4H2V4h4V2H0v14h14v-6Z' clip-rule='evenodd'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='100%25' height='100%25'%3E%3Cpath fill-rule='evenodd' d='M9 2V0h7v7h-2V3.4L8.1 9.3 6.7 7.9 12.6 2H9Zm5 8h-2v4H2V4h4V2H0v14h14v-6Z' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ds-text-utility_root_5fggr_6 a:not([class])[href^="#"]:after{forced-color-adjust:none;content:"";background-color:LinkText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='100%25' height='100%25'%3E%3Cpath d='M14.4 9.6 8 16 1.6 9.6 3 8.2l4 4V0h2v12.2l4-4 1.4 1.4Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='100%25' height='100%25'%3E%3Cpath d='M14.4 9.6 8 16 1.6 9.6 3 8.2l4 4V0h2v12.2l4-4 1.4 1.4Z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}.ds-text-utility_root_5fggr_6 a:not([class]):focus{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors:active){.ds-text-utility_root_5fggr_6 a:not([class]):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-text-utility_root_5fggr_6 a:not([class]):focus{outline:revert;outline-offset:revert}.ds-text-utility_root_5fggr_6 a:not([class]):focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors:active){.ds-text-utility_root_5fggr_6 a:not([class]):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-text-utility_root_5fggr_6 a:not([class]){transition:background-color var(--ds-animation-duration, .1s) linear,border-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media(prefers-reduced-motion:reduce){.ds-text-utility_root_5fggr_6 a:not([class]){transition-duration:0ms}}.ds-text-utility_root--theme-dark_5fggr_205{color:#fff}.ds-text-utility_root--theme-dark_5fggr_205 a:not([class]){display:inline;padding-inline-end:2px;padding-inline-start:2px;padding-block-start:0;padding-block-end:0;line-height:inherit;font-size:inherit;text-decoration-skip-ink:auto;text-decoration-line:underline;text-underline-offset:2px;text-decoration-thickness:1px;text-decoration-color:currentColor}:where(.ds-text-utility_root--theme-dark_5fggr_205 a:not([class]))[href^="http://"]:after,:where(.ds-text-utility_root--theme-dark_5fggr_205 a:not([class]))[href^="https://"]:after,:where(.ds-text-utility_root--theme-dark_5fggr_205 a:not([class]))[href^="#"]:after{display:inline-block;margin-inline-start:.375em;width:.75em;height:.75em}.ds-text-utility_root--theme-dark_5fggr_205 a:not([class]){color:#fff}.ds-text-utility_root--theme-dark_5fggr_205 a:not([class]):link,.ds-text-utility_root--theme-dark_5fggr_205 a:not([class]):visited{color:#fff}.ds-text-utility_root--theme-dark_5fggr_205 a:not([class]):active{background-color:#ffffff26;color:#fff}@media(hover:hover){.ds-text-utility_root--theme-dark_5fggr_205 a:not([class]):hover{background-color:#ffffff26;color:#fff}}@media screen and (hover:hover)and (forced-colors:active){.ds-text-utility_root--theme-dark_5fggr_205 a:not([class]):hover{background-color:Canvas}}.ds-text-utility_root--theme-dark_5fggr_205 a:not([class])[href^="http://"]:after,.ds-text-utility_root--theme-dark_5fggr_205 a:not([class])[href^="https://"]:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 16 16' focusable='false' width='100%25' height='100%25'%3E%3Cpath fill-rule='evenodd' d='M9 2V0h7v7h-2V3.4L8.1 9.3 6.7 7.9 12.6 2H9Zm5 8h-2v4H2V4h4V2H0v14h14v-6Z' clip-rule='evenodd'/%3E%3C/svg%3E")}.ds-text-utility_root--theme-dark_5fggr_205 a:not([class])[href^="#"]:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 16 16' focusable='false' width='100%25' height='100%25'%3E%3Cpath d='M14.4 9.6 8 16 1.6 9.6 3 8.2l4 4V0h2v12.2l4-4 1.4 1.4Z'/%3E%3C/svg%3E")}@media screen and (forced-colors:active){.ds-text-utility_root--theme-dark_5fggr_205 a:not([class])[href^="http://"]:after,.ds-text-utility_root--theme-dark_5fggr_205 a:not([class])[href^="https://"]:after{forced-color-adjust:none;content:"";background-color:LinkText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='100%25' height='100%25'%3E%3Cpath fill-rule='evenodd' d='M9 2V0h7v7h-2V3.4L8.1 9.3 6.7 7.9 12.6 2H9Zm5 8h-2v4H2V4h4V2H0v14h14v-6Z' clip-rule='evenodd'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='100%25' height='100%25'%3E%3Cpath fill-rule='evenodd' d='M9 2V0h7v7h-2V3.4L8.1 9.3 6.7 7.9 12.6 2H9Zm5 8h-2v4H2V4h4V2H0v14h14v-6Z' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ds-text-utility_root--theme-dark_5fggr_205 a:not([class])[href^="#"]:after{forced-color-adjust:none;content:"";background-color:LinkText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='100%25' height='100%25'%3E%3Cpath d='M14.4 9.6 8 16 1.6 9.6 3 8.2l4 4V0h2v12.2l4-4 1.4 1.4Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='100%25' height='100%25'%3E%3Cpath d='M14.4 9.6 8 16 1.6 9.6 3 8.2l4 4V0h2v12.2l4-4 1.4 1.4Z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}.ds-text-utility_root--theme-dark_5fggr_205 a:not([class]):focus{outline:2px solid;outline-color:#fff;outline-offset:0}@media screen and (forced-colors:active){.ds-text-utility_root--theme-dark_5fggr_205 a:not([class]):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-text-utility_root--theme-dark_5fggr_205 a:not([class]):focus{outline:revert;outline-offset:revert}.ds-text-utility_root--theme-dark_5fggr_205 a:not([class]):focus-visible{outline:2px solid;outline-color:#fff;outline-offset:0}@media screen and (forced-colors:active){.ds-text-utility_root--theme-dark_5fggr_205 a:not([class]):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-text-utility_root--theme-dark_5fggr_205 a:not([class]){transition:background-color var(--ds-animation-duration, .1s) linear,border-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media(prefers-reduced-motion:reduce){.ds-text-utility_root--theme-dark_5fggr_205 a:not([class]){transition-duration:0ms}}