@activecollab/components/dist/esm/components/Columns/Styles.js

ActiveCollab Components

import styled, { css } from "styled-components";
import { screenBelow } from "../BreakPoints";
import { FLEX_ALIGN, SPACE } from "../LayoutTokens";
export const StyledColumns = styled.div.withConfig({
  displayName: "Styles__StyledColumns",
  componentId: "sc-1n1enni-0"
})(["display:flex;flex-direction:row;align-items:", ";gap:", ";> .c-columns-col{min-width:0;}", ""], _ref => {
  let $alignY = _ref.$alignY;
  return FLEX_ALIGN[$alignY];
}, _ref2 => {
  let $space = _ref2.$space;
  return SPACE[$space];
}, _ref3 => {
  let $collapse = _ref3.$collapse;
  return $collapse && css(["", "{flex-direction:column;align-items:stretch;> .c-columns-col{flex:0 0 auto !important;width:100%;}}"], screenBelow[$collapse]);
});
StyledColumns.displayName = "StyledColumns";
//# sourceMappingURL=Styles.js.map