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

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

"use strict";var e=require("styled-components"),t=require("styled-system"),i=require("../../style/themes/apply-base-theme.js"),a=require("../icon/icon.component.js");function l(e){return e&&e.__esModule?e:{default:e}}var o=l(e);const s="16px",n=o.default.div.attrs(i.default).withConfig({displayName:"detail.style__StyledDetail",componentId:"sc-aaa150de-0"})(["position:relative;",";+ &{margin-top:20px;}"],t.margin),d=o.default.div.withConfig({displayName:"detail.style__StyledDetailContent",componentId:"sc-aaa150de-1"})(["",""],(({hasIcon:t})=>e.css(["display:inline-block;line-height:18px;white-space:pre-wrap;text-overflow:ellipsis;overflow:hidden;",""],t&&e.css(["margin-left:26px;"])))),p=o.default(a.default).withConfig({displayName:"detail.style__StyledDetailIcon",componentId:"sc-aaa150de-2"})(["position:absolute;color:var(--colorsUtilityYin065);height:",";width:",";top:-1px;vertical-align:top;span{height:",";width:",";vertical-align:middle;}"],s,s,s,s),r=o.default.div.withConfig({displayName:"detail.style__StyledDetailFootnote",componentId:"sc-aaa150de-3"})(["",""],(({hasIcon:t})=>e.css(["color:var(--colorsUtilityYin055);font-size:13px;position:relative;margin-top:-2px;",""],t&&e.css(["margin-left:26px;"]))));exports.StyledDetail=n,exports.StyledDetailContent=d,exports.StyledDetailFootnote=r,exports.StyledDetailIcon=p;