carbon-react/lib/components/navigation-bar/navigation-bar.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"),e=require("styled-system"),n=require("../../style/themes/apply-base-theme.js");function r(o){return o&&o.__esModule?o:{default:o}}const a=r(o).default.nav.attrs(n.default).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;}"," ",""],e.padding,e.flexbox,(({position:e,orientation:n,offset:r})=>e&&n&&o.css(["position:",";",":",";",""],e,n,r,"fixed"===e&&o.css(["box-sizing:border-box;width:100%;"]))),(({navigationType:e,theme:n,isGlobal:r})=>o.css(["min-height:40px;z-index:",";"," "," "," ",""],r?n.zIndex.globalNav:n.zIndex.nav,"light"===e&&o.css(["background-color:var(--colorsComponentsMenuSpringStandard500);border-bottom:var(--borderWidth100) solid var(--colorsComponentsMenuSpringChildAlt500);"]),"dark"===e&&o.css(["background-color:var(--colorsComponentsMenuAutumnStandard500);color:var(--colorsComponentsMenuYang100);"]),"black"===e&&o.css(["background-color:var(--colorsComponentsMenuWinterStandard500);color:var(--colorsComponentsMenuYang100);"]),"white"===e&&o.css(["background-color:var(--colorsComponentsMenuSummerStandard500);border-bottom:var(--borderWidth100) solid var(--colorsComponentsMenuSummerChildAlt500);"]))));exports.default=a;