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

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

import e,{css as t}from"styled-components";const a=e.div.withConfig({displayName:"full-screen-heading.style__StyledHeaderContainer",componentId:"sc-ad8dad23-0"})(["display:flex;flex-wrap:wrap;min-width:100%;"]),d=e.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:e})=>e&&t(["border-bottom:1px solid var(--colorsUtilityMajor050);"])),(({hasCloseButton:e})=>e&&t(["&{padding-right:64px;}"])));export{a as StyledHeaderContainer,d as default};