vanilla-extract-css/vanilla-extract @vanilla-extract/sprinkles@1.5.0

on GitHub

Minor Changes

• #812 009e122 Thanks @markdalgleish! - Add support for container query conditions

  Example usage

  import { createContainer, style } from '@vanilla-extract/css';
  import { defineProperties } from '@vanilla-extract/sprinkles';
  
  const containerName = createContainer();
  
  export const container = style({
    containerName,
    containerType: 'size',
  });
  
  const containerProperties = defineProperties({
    conditions: {
      small: {},
      medium: {
        '@container': `${containerName} (min-width: 768px)`,
      },
      large: {
        '@container': `${containerName} (min-width: 1024px)`,
      },
    },
    defaultCondition: 'small',
    // etc.
  });