@canonical/launchpad-design-tokens/dist/css/dimension/responsive.css

Design tokens for Canonical's Launchpad

/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --dimension-stroke-thickness-default: 1px;
  --dimension-stroke-thickness-large: 3px;
  --dimension-radius-none: 0px;
  --dimension-radius-small: 0px;
  --dimension-radius-medium: 0px;
  --dimension-radius-large: 0px;
  --dimension-radius-full: 9999px;
  --tmp-dimension-size-xxxs: 0.5rem;
  --tmp-dimension-size-xxs: 0.75rem;
  --tmp-dimension-size-xs: 1rem;
  --tmp-dimension-size-s: 1.25rem;
  --tmp-dimension-size-m: 1.5rem;
  --tmp-dimension-size-l: 2rem;
  --tmp-dimension-size-xl: 2.5rem;
  --tmp-dimension-size-xxl: 3rem;
  --tmp-dimension-size-xxxl: 4rem;
  --tmp-dimension-spacing-inline-minimum: 0rem;
  --tmp-dimension-spacing-inline-xxxs: 0.125rem;
  --tmp-dimension-spacing-inline-xxs: 0.25rem;
  --tmp-dimension-spacing-inline-xs: 0.375rem;
  --tmp-dimension-spacing-inline-s: 0.5rem;
  --tmp-dimension-spacing-inline-m: 0.75rem;
  --tmp-dimension-spacing-inline-l: 1rem;
  --tmp-dimension-spacing-inline-xl: 1.25rem;
  --tmp-dimension-spacing-inline-xxl: 1.5rem;
  --tmp-dimension-spacing-inline-xxxl: 2rem;
  --tmp-dimension-spacing-block-minimum: 0rem;
  --tmp-dimension-spacing-block-xxxs: 0.125rem;
  --tmp-dimension-spacing-block-xxs: 0.25rem;
  --tmp-dimension-spacing-block-xs: 0.375rem;
  --tmp-dimension-spacing-block-s: 0.5rem;
  --tmp-dimension-spacing-block-m: 0.75rem;
  --tmp-dimension-spacing-block-l: 1rem;
  --tmp-dimension-spacing-block-xl: 1.25rem;
  --tmp-dimension-spacing-block-xxl: 1.5rem;
  --tmp-dimension-spacing-block-xxxl: 2rem;
}


/**
 * Do not edit directly, this file was auto-generated.
 */

@media (min-width: 621px) {
  :root {
    --tmp-dimension-spacing-inline-minimum: 0rem;
    --tmp-dimension-spacing-inline-xxxs: 0.125rem;
    --tmp-dimension-spacing-inline-xxs: 0.25rem;
    --tmp-dimension-spacing-inline-xs: 0.5rem;
    --tmp-dimension-spacing-inline-s: 0.75rem;
    --tmp-dimension-spacing-inline-m: 1rem;
    --tmp-dimension-spacing-inline-l: 1.5rem;
    --tmp-dimension-spacing-inline-xl: 2rem;
    --tmp-dimension-spacing-inline-xxl: 2.5rem;
    --tmp-dimension-spacing-inline-xxxl: 3rem;
    --tmp-dimension-spacing-block-minimum: 0rem;
    --tmp-dimension-spacing-block-xxxs: 0.125rem;
    --tmp-dimension-spacing-block-xxs: 0.25rem;
    --tmp-dimension-spacing-block-xs: 0.5rem;
    --tmp-dimension-spacing-block-s: 0.75rem;
    --tmp-dimension-spacing-block-m: 1rem;
    --tmp-dimension-spacing-block-l: 1.5rem;
    --tmp-dimension-spacing-block-xl: 2rem;
    --tmp-dimension-spacing-block-xxl: 2.5rem;
    --tmp-dimension-spacing-block-xxxl: 3rem;
  }
}


/**
 * Do not edit directly, this file was auto-generated.
 */

@media (min-width: 1037px) {
  :root {
    --tmp-dimension-spacing-inline-minimum: 0rem;
    --tmp-dimension-spacing-inline-xxxs: 0.125rem;
    --tmp-dimension-spacing-inline-xxs: 0.25rem;
    --tmp-dimension-spacing-inline-xs: 0.5rem;
    --tmp-dimension-spacing-inline-s: 0.75rem;
    --tmp-dimension-spacing-inline-m: 1rem;
    --tmp-dimension-spacing-inline-l: 1.5rem;
    --tmp-dimension-spacing-inline-xl: 2rem;
    --tmp-dimension-spacing-inline-xxl: 2.5rem;
    --tmp-dimension-spacing-inline-xxxl: 3rem;
    --tmp-dimension-spacing-block-minimum: 0rem;
    --tmp-dimension-spacing-block-xxxs: 0.125rem;
    --tmp-dimension-spacing-block-xxs: 0.25rem;
    --tmp-dimension-spacing-block-xs: 0.5rem;
    --tmp-dimension-spacing-block-s: 0.75rem;
    --tmp-dimension-spacing-block-m: 1rem;
    --tmp-dimension-spacing-block-l: 1.5rem;
    --tmp-dimension-spacing-block-xl: 2rem;
    --tmp-dimension-spacing-block-xxl: 2.5rem;
    --tmp-dimension-spacing-block-xxxl: 3rem;
  }
}


/**
 * Do not edit directly, this file was auto-generated.
 */

@media (min-width: 1681px) {
  :root {
    --tmp-dimension-spacing-inline-minimum: 0.125rem;
    --tmp-dimension-spacing-inline-xxxs: 0.25rem;
    --tmp-dimension-spacing-inline-xxs: 0.5rem;
    --tmp-dimension-spacing-inline-xs: 0.75rem;
    --tmp-dimension-spacing-inline-s: 1rem;
    --tmp-dimension-spacing-inline-m: 1.5rem;
    --tmp-dimension-spacing-inline-l: 2rem;
    --tmp-dimension-spacing-inline-xl: 2.5rem;
    --tmp-dimension-spacing-inline-xxl: 3rem;
    --tmp-dimension-spacing-inline-xxxl: 3.5rem;
    --tmp-dimension-spacing-block-minimum: 0.125rem;
    --tmp-dimension-spacing-block-xxxs: 0.25rem;
    --tmp-dimension-spacing-block-xxs: 0.5rem;
    --tmp-dimension-spacing-block-xs: 0.75rem;
    --tmp-dimension-spacing-block-s: 1rem;
    --tmp-dimension-spacing-block-m: 1.5rem;
    --tmp-dimension-spacing-block-l: 2rem;
    --tmp-dimension-spacing-block-xl: 2.5rem;
    --tmp-dimension-spacing-block-xxl: 3rem;
    --tmp-dimension-spacing-block-xxxl: 3.5rem;
  }
}