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

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

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components"),r=require("../../../style/utils/add-focus-styling.js");function e(o){return o&&o.__esModule?o:{default:o}}const t=e(o).default.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{",";}","}"],r.default(),(({isSelected:r})=>!r&&o.css(["background-color:var(--colorsActionMinor100);"])),(({isSelected:r})=>r&&o.css(["background-color:var(--colorsActionMajorYang100);border-left-color:var(--colorsActionMajor500);"])));exports.default=t;