base.css

base.css

:root {
  --font-bold: 600;
}

html {
  height: 100%;
  box-sizing: border-box;
}

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

body {
  min-height: 100%;
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
p,
pre,
form {
  margin: 0;
  font: inherit;
}

label,
input,
textarea,
button,
select {
  border: 0;
  box-sizing: inherit;
  font: inherit;
  color: inherit;
  background: transparent;
  border-radius: 0;
  appearance: none;
  padding: 0;
  letter-spacing: inherit;
}

input[type="search"] {
  appearance: none;
  box-sizing: inherit;
}

input[type="checkbox"] {
  appearance: checkbox;
}

input[type="radio"] {
  appearance: radio;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

a,
button,
label,
input[type="submit"],
input[type="button"] {
  cursor: pointer;
}

a {
  color: inherit;
  text-decoration: none;
}

a[href^="http"]:empty:before {
  content: attr(href);
}

img {
  max-width: 100%;
  height: auto;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

iframe {
  border: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

strong,
em {
  font-weight: var(--font-bold);
}

i,
cite,
address,
em {
  font-style: normal;
}

/**
 * Suppress the focus outline on links that cannot be accessed via keyboard.
 * This prevents an unwanted focus outline from appearing around elements that
 * might still respond to pointer events.
 */
[tabindex="-1"]:focus {
  outline: none !important;
}

/**
 * Normalize text color for disabled elements and input placeholders
 */
:disabled {
  color: inherit;
  opacity: .4;
  -webkit-text-fill-color: currentColor;
}

::placeholder {
  color: inherit;
  opacity: .8;
  text-overflow: ellipsis;
}

/**
 * Allow only vertical user resizing
 */
textarea {
  resize: vertical;
}

/**
 * Fix svg symbol clipping
 */
symbol {
  overflow: visible;
}