carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 1.49 kB
JavaScript
import o,{css as n}from"styled-components";import{padding as r,flexbox as e}from"styled-system";import a from"../../style/themes/apply-base-theme.js";const t=o.nav.attrs(a).withConfig({displayName:"navigation-bar.style__StyledNavigationBar",componentId:"sc-2c6c4124-0"})(["display:flex;align-items:center;padding:0 40px;& > *{box-sizing:border-box;min-height:40px;vertical-align:middle;}@media only screen and (max-width:1259px){padding:0 32px;}@media only screen and (max-width:959px){padding:0 24px;}@media only screen and (max-width:599px){padding:0 16px;}&&{","}"," .carbon-logo{margin-right:10px;}"," ",""],r,e,(({position:o,orientation:r,offset:e})=>o&&r&&n(["position:",";",":",";",""],o,r,e,"fixed"===o&&n(["box-sizing:border-box;width:100%;"]))),(({navigationType:o,theme:r,isGlobal:e})=>n(["min-height:40px;z-index:",";"," "," "," ",""],e?r.zIndex.globalNav:r.zIndex.nav,"light"===o&&n(["background-color:var(--colorsComponentsMenuSpringStandard500);border-bottom:var(--borderWidth100) solid var(--colorsComponentsMenuSpringChildAlt500);"]),"dark"===o&&n(["background-color:var(--colorsComponentsMenuAutumnStandard500);color:var(--colorsComponentsMenuYang100);"]),"black"===o&&n(["background-color:var(--colorsComponentsMenuWinterStandard500);color:var(--colorsComponentsMenuYang100);"]),"white"===o&&n(["background-color:var(--colorsComponentsMenuSummerStandard500);border-bottom:var(--borderWidth100) solid var(--colorsComponentsMenuSummerChildAlt500);"]))));export{t as default};