UNPKG

@activecollab/components

Version:

ActiveCollab Components

18 lines 683 B
import styled, { css } from "styled-components"; import { screenBelow } from "../BreakPoints"; import { SPACE } from "../LayoutTokens"; export const StyledTiles = styled.div.withConfig({ displayName: "Styles__StyledTiles", componentId: "sc-mti52-0" })(["display:grid;grid-template-columns:repeat(", ",minmax(0,1fr));gap:", ";", ""], _ref => { let $cols = _ref.$cols; return $cols; }, _ref2 => { let $space = _ref2.$space; return SPACE[$space]; }, _ref3 => { let $collapse = _ref3.$collapse; return $collapse && css(["", "{grid-template-columns:minmax(0,1fr);}"], screenBelow[$collapse]); }); StyledTiles.displayName = "StyledTiles"; //# sourceMappingURL=Styles.js.map