import { styleVariants } from '@vanilla-extract/css' ; import omit from 'lodash/omit' ; import { mapToStyleProperty } from '../../utils/mapToStyleProperty' ; import { theme , themeUtils } from '@island.is/island-ui/theme' ; const spacing = omit ( theme . spacing , 'auto' ) ; const negativeMarginLeft = ( grid , rows ) => ( { marginLeft : - ( grid * rows ) , } ) ; export const xs = styleVariants ( { ... mapToStyleProperty ( spacing , 'marginLeft' , ( rows ) => negativeMarginLeft ( 1 , rows ) ) , } ) ; export const sm = styleVariants ( mapToStyleProperty ( { ... spacing } , 'marginLeft' , ( rows ) => themeUtils . responsiveStyle ( { sm : negativeMarginLeft ( 1 , rows ) } ) ) ) ; export const md = styleVariants ( mapToStyleProperty ( { ... spacing } , 'marginLeft' , ( rows ) => themeUtils . responsiveStyle ( { md : negativeMarginLeft ( 1 , rows ) } ) ) ) ; export const lg = styleVariants ( mapToStyleProperty ( { ... spacing } , 'marginLeft' , ( rows ) => themeUtils . responsiveStyle ( { lg : negativeMarginLeft ( 1 , rows ) } ) ) ) ; export const xl = styleVariants ( mapToStyleProperty ( { ... spacing } , 'marginLeft' , ( rows ) => themeUtils . responsiveStyle ( { xl : negativeMarginLeft ( 1 , rows ) } ) ) ) ;