carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 1.21 kB
JavaScript
import t,{css as i}from"styled-components";import{space as o}from"styled-system";import e from"../button/button.style.js";import n from"../../style/themes/apply-base-theme.js";const l=t.dl.attrs(n).withConfig({displayName:"definition-list.style__StyledDl",componentId:"sc-fefc9f1b-0"})([""," "," width:100%;height:auto;background-color:transparent;"],o,(({asSingleColumn:t,w:o})=>i([""," ",""],!t&&i(["display:grid;grid-template-rows:auto;grid-template-columns:","% auto;"],o),t&&i(["line-height:21px;"])))),s=t.dt.attrs(n).withConfig({displayName:"definition-list.style__StyledDt",componentId:"sc-fefc9f1b-1"})([""," font-size:var(--fontSizes100);font-weight:500;color:var(--colorsUtilityYin090);"," ",""],o,(({asSingleColumn:t})=>!t&&i(["grid-column:1;"])),(({dtTextAlign:t})=>i(["text-align:",";"],t))),d=t.dd.withConfig({displayName:"definition-list.style__StyledDd",componentId:"sc-fefc9f1b-2"})(["font-size:var(--fontSizes100);font-weight:var(--fontWeights400);color:var(--colorsUtilityYin065);margin-left:0px;"," "," ","{padding:0;border:none;}",""],(({asSingleColumn:t})=>!t&&i(["grid-column:2;"])),(({ddTextAlign:t})=>i(["text-align:",";"],t)),e,o);export{d as StyledDd,l as StyledDl,s as StyledDt};