@activecollab/components
Version:
ActiveCollab Components
18 lines • 683 B
JavaScript
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