html, body { padding: 0; margin: 0; height: 100%; width: 100%; min-height: 100%; } body { --background: var(--spectrum-alias-background-color-primary); --background-alt: var(--spectrum-alias-background-color-secondary); --border-light: 1px solid var(--spectrum-global-color-gray-200); --border-dark: 1px solid var(--spectrum-global-color-gray-300); --ink: var(--spectrum-alias-text-color); --grey-1: var(--spectrum-global-color-gray-100); --grey-2: var(--spectrum-global-color-gray-200); --grey-3: var(--spectrum-global-color-gray-300); --grey-4: var(--spectrum-global-color-gray-400); --grey-5: var(--spectrum-global-color-gray-500); --grey-6: var(--spectrum-global-color-gray-600); --grey-7: var(--spectrum-global-color-gray-700); --grey-8: var(--spectrum-global-color-gray-800); --grey-9: var(--spectrum-global-color-gray-900); font-family: var(--font-sans); color: var(--ink); background-color: var(--background); } #app { height: 100%; box-sizing: border-box; overflow: hidden; } .hoverable:hover { cursor: pointer; } /* Top bottom spacing */ .bb-margin-m { margin-bottom: var(--spacing-m); } * + .bb-margin-m { margin-top: var(--spacing-m); } .bb-margin-xl { margin-bottom: var(--spacing-xl); } * + .bb-margin-xl { margin-top: var(--spacing-xl); }