carbon-react/lib/__internal__/full-screen-heading/full-screen-heading.style.js

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

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}var a=t(e);const d=a.default.div.withConfig({displayName:"full-screen-heading.style__StyledHeaderContainer",componentId:"sc-ad8dad23-0"})(["display:flex;flex-wrap:wrap;min-width:100%;"]),n=a.default.div.withConfig({displayName:"full-screen-heading.style__StyledFullScreenHeading",componentId:"sc-ad8dad23-1"})([""," background-color:var(--colorsUtilityYang100);display:flex;justify-content:space-between;align-items:flex-start;padding:0 16px;@media screen and (min-width:600px){padding:0 24px;}@media screen and (min-width:960px){padding:0 32px;}@media screen and (min-width:1260px){padding:0 40px;}",' [data-element="dialog-title-container"]{&:has([data-element="dialog-title"]){width:auto;margin-bottom:24px;[data-element="dialog-title"]{background-color:transparent;padding-bottom:0;margin:22px 24px 0 0;}}&:not(:has([data-element="dialog-title"])){width:100%;}}'],(({hasContent:t})=>t&&e.css(["border-bottom:1px solid var(--colorsUtilityMajor050);"])),(({hasCloseButton:t})=>t&&e.css(["&{padding-right:64px;}"])));exports.StyledHeaderContainer=d,exports.default=n;