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

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

import t,{css as e}from"styled-components";import{margin as i}from"styled-system";import o from"../../style/themes/apply-base-theme.js";import a from"../icon/icon.component.js";const l="16px",n=t.div.attrs(o).withConfig({displayName:"detail.style__StyledDetail",componentId:"sc-aaa150de-0"})(["position:relative;",";+ &{margin-top:20px;}"],i),p=t.div.withConfig({displayName:"detail.style__StyledDetailContent",componentId:"sc-aaa150de-1"})(["",""],(({hasIcon:t})=>e(["display:inline-block;line-height:18px;white-space:pre-wrap;text-overflow:ellipsis;overflow:hidden;",""],t&&e(["margin-left:26px;"])))),s=t(a).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;}"],l,l,l,l),d=t.div.withConfig({displayName:"detail.style__StyledDetailFootnote",componentId:"sc-aaa150de-3"})(["",""],(({hasIcon:t})=>e(["color:var(--colorsUtilityYin055);font-size:13px;position:relative;margin-top:-2px;",""],t&&e(["margin-left:26px;"]))));export{n as StyledDetail,p as StyledDetailContent,d as StyledDetailFootnote,s as StyledDetailIcon};