carbon-react/lib/components/content/content.style.js

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

"use strict";var t=require("styled-components"),e=require("styled-system"),n=require("../../style/themes/apply-base-theme.js");function i(t){return t&&t.__esModule?t:{default:t}}var l=i(t);const s=l.default.div.attrs(n.default).withConfig({displayName:"content.style__StyledContent",componentId:"sc-273b17cd-0"})(["",""],(({bodyFullWidth:n,align:i})=>t.css([""," & + &{margin-top:15px;}"," ",""],e.margin,i&&t.css(["text-align:",";"],i),n&&t.css(["text-align:left;"])))),o=l.default.div.withConfig({displayName:"content.style__StyledContentTitle",componentId:"sc-273b17cd-1"})(["",";"],(({titleWidth:e,inline:n,variant:i,align:l})=>t.css(["display:",";font-weight:500;width:",";text-align:",";"," ",""],n?"inline-block":"block",e&&`calc(${e}% - 30px)`,!n&&l,"center"===l&&n&&t.css(["text-align:right;width:calc(50% - 30px);"]),"secondary"===i&&t.css(["color:var(--colorsUtilityYin055);font-weight:normal;"])))),a=l.default.div.withConfig({displayName:"content.style__StyledContentBody",componentId:"sc-273b17cd-2"})(["",";"],(({bodyFullWidth:e,titleWidth:n,inline:i,align:l})=>t.css(["display:",";margin-top:2px;white-space:pre-wrap;word-wrap:break-word;font-weight:normal;"," "," "," "," ",""],i?"inline-block":"block","center"===l&&i&&t.css(["width:50%;"]),n&&t.css(["width:","%;"],100-Number(n)),e&&t.css(["width:100%;"]),i&&e&&t.css(["margin-top:15px;"]),i&&!e&&t.css(["margin-top:0;margin-left:var(--spacing300);text-align:left;"]))));exports.StyledContent=s,exports.StyledContentBody=a,exports.StyledContentTitle=o;