@stihl-design-system/components
Version:
Welcome to the STIHL Design System react component library.
2 lines (1 loc) • 2.98 kB
CSS
.ds-tabs_tabs-wrapper_ccgp4_1{position:relative;grid-column:main-start/main-end}.ds-tabs_scroll-wrapper_ccgp4_6{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;position:relative;scrollbar-width:none}.ds-tabs_scroll-wrapper_ccgp4_6::-webkit-scrollbar{display:none}.ds-tabs_scroller_ccgp4_17{display:flex;flex-wrap:nowrap;min-width:min-content;border-bottom:1px solid #DADADA}.ds-tabs_scroller_ccgp4_17:has(li){list-style-type:none;padding:0;margin:0}.ds-tabs_scroller--centered_ccgp4_28{justify-content:center}.ds-tabs_tab_ccgp4_1{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-weight:400;font-size:1.125rem;line-height:1.33;font-size-adjust:.414;position:relative;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;color:#252525;gap:8px;height:63px;padding-block:0px;padding-inline:var(--ds-spacing-dynamic-xs);text-decoration:none;border:none;outline:none;cursor:pointer;white-space:nowrap;background-color:#fff}.ds-tabs_tab_ccgp4_1:focus{outline:2px solid;outline-color:#252525;outline-offset:-2px}@media screen and (forced-colors: active){.ds-tabs_tab_ccgp4_1:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-tabs_tab_ccgp4_1:focus{outline:revert;outline-offset:revert}.ds-tabs_tab_ccgp4_1:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:-2px}@media screen and (forced-colors: active){.ds-tabs_tab_ccgp4_1:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-tabs_tab_ccgp4_1:hover{background-color:#ededed}.ds-tabs_tab_ccgp4_1[aria-selected=true],.ds-tabs_tab_ccgp4_1[aria-current=page]{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-weight:400;font-size:1.125rem;line-height:1.33;font-size-adjust:.426}.ds-tabs_scroll-button_ccgp4_105{position:absolute;top:50%;transform:translateY(-50%)}.ds-tabs_scroll-button--hidden_ccgp4_110{opacity:0;pointer-events:none}.ds-tabs_scroll-button--right_ccgp4_114{right:0}.ds-tabs_scroll-button_ccgp4_105{transition:opacity var(--ds-animation-duration, .1s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){.ds-tabs_scroll-button_ccgp4_105{transition-duration:0ms}}.ds-tabs_indicator_ccgp4_126{position:absolute;left:0;bottom:0;height:4px;background-color:#e9640c}.ds-tabs_indicator_ccgp4_126{transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1),width var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){.ds-tabs_indicator_ccgp4_126{transition-duration:0ms}}@media screen and (forced-colors: active){.ds-tabs_indicator_ccgp4_126{background-color:Highlight}}