spacing.html

<link rel="import" href="version.html">
<link rel="import" href="../polymer/lib/elements/custom-style.html">

<custom-style>
  <style>
    html {
      /* Square */
      --lumo-space-xs: 0.25rem;
      --lumo-space-s: 0.5rem;
      --lumo-space-m: 1rem;
      --lumo-space-l: 1.75rem;
      --lumo-space-xl: 2.75rem;

      /* Wide */
      --lumo-space-wide-xs: 0.1875rem 0.25rem;
      --lumo-space-wide-s: 0.3125rem 0.5rem;
      --lumo-space-wide-m: 0.625rem 1rem;
      --lumo-space-wide-l: 1.125rem 1.75rem;
      --lumo-space-wide-xl: 1.75rem 2.75rem;

      /* Tall */
      --lumo-space-tall-xs: 0.25rem 0.1875rem;
      --lumo-space-tall-s: 0.5rem 0.3125rem;
      --lumo-space-tall-m: 1rem 0.625rem;
      --lumo-space-tall-l: 1.75rem 1.125rem;
      --lumo-space-tall-xl: 2.75rem 1.75rem;
    }
  </style>
</custom-style>