carbon-react/esm/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.style.js

A library of reusable React components for easily building user interfaces.

import o,{css as r}from"styled-components";import t from"../../../style/utils/add-focus-styling.js";const i=o.li.withConfig({displayName:"anchor-navigation-item.style__StyledNavigationItem",componentId:"sc-1d82dafe-0"})(["width:100%;a{cursor:pointer;display:block;text-decoration:none;color:var(--colorsUtilityYin090);background-color:transparent;border-left:var(--sizing050) solid var(--colorsActionMinor100);font-weight:500;padding:12px 24px;border-top-right-radius:var(--borderRadius100);border-bottom-right-radius:var(--borderRadius100);&:focus{"," position:relative;}&:hover{",";}","}"],t(),(({isSelected:o})=>!o&&r(["background-color:var(--colorsActionMinor100);"])),(({isSelected:o})=>o&&r(["background-color:var(--colorsActionMajorYang100);border-left-color:var(--colorsActionMajor500);"])));export{i as default};