beta-parity-react
Version:
Beta Parity React Components
1 lines • 2.6 kB
CSS
.content-navigation{background-color:var(--par-color-bg-content-navigation);font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.375rem;padding:1rem}.content-navigation-list{list-style-type:none;margin:0;padding:0}.content-navigation-list li{margin:0;padding:0;width:-moz-fit-content;width:fit-content}.content-navigation-item{color:var(--par-color-text-content-navigation-enabled);cursor:pointer;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:500;height:2rem;line-height:1.375rem;margin-left:1.5rem;overflow:visible;padding-left:1rem;padding-right:1rem;position:relative;transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.content-navigation-item:before{background-color:var(--par-color-border-content-navigation-enabled);height:100%;left:-1px;position:absolute;top:0;width:1px;--tw-content:"";content:var(--tw-content)}.content-navigation-item:focus-visible{z-index:1}.content-navigation-item:focus-visible{border-radius:.375rem}.content-navigation-item:focus-visible{outline-offset:0}.content-navigation-item:focus-visible:before{background-color:transparent;content:var(--tw-content)}.content-navigation-item:not(.content-navigation-item-active):hover{color:var(--par-color-text-content-navigation-hovered)}.content-navigation-item:not(.content-navigation-item-active):active{color:var(--par-color-text-content-navigation-pressed)}.content-navigation-item-heading{border-style:none;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:500;height:-moz-fit-content;height:fit-content;line-height:1.375rem;margin:0;padding:.5rem 1.25rem}.content-navigation-item-heading:before{background-color:transparent;content:var(--tw-content)}.content-navigation-item-active{color:var(--par-color-text-content-navigation-neutral-selected)}.content-navigation-item-active:before{background-color:var(--par-color-border-content-navigation-active-neutral);content:var(--tw-content);width:.125rem}.content-navigation.accent .content-navigation-item-active{color:var(--par-color-text-content-navigation-accent-selected)}.content-navigation.accent .content-navigation-item-active:before{background-color:var(--par-color-border-content-navigation-active-accent);content:var(--tw-content);width:.125rem}.content-navigation-item-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}