Abrusco Docs

Hackable & Functional CSS toolbox.



Normalize

html {
  font-size: var(--font-size);
  font-family: var(--font-family);
  color: var(--text-color);
  background-color: var(--background-color);
  box-sizing: border-box;
}

body {
  min-height: 100vh;
  @media (--ie) {
    height: 100%;
  }
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

a {
  color: inherit;
  text-decoration: none;
  background-color: transparent;
  outline: 0;
}

hr {
  margin: 0;
  border: 0;
}

Default Variables

:root {

  --font-size: 16px;
  --font-family: var(--sansserif-font-family);

  --background-color: var(--white, white);
  --text-color: var(--black, black);

  @custom-media --ie screen and (-ms-high-contrast: active), (-ms-high-contrast: none);

}