@import 'mixins';

html,
body,
div,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
a,
legend {
  .reset-element;
  vertical-align: baseline;
  border: none;
  font-size: 100%;
  font: inherit;
}

* {
    box-sizing: border-box;
}

/* gives us nice smooth fonts that match our Sketch files */
body {
    .font-smoothing;
    line-height: 1;
}

/* gets rid of inner box shadow on ios safari */
input:not([type='checkbox']):not([type='radio']),
textarea {
    .reset-appearance;
}

/* disabled input has a weird look on ios safari */
input:disabled {
    -webkit-opacity: 1;
}

/* remove blue outlines */
input:focus,
select:focus,
textarea:focus,
button:focus,
a {
    outline: 0;
}

/* smoothes the fonts on inputs */
input,
textarea,
button {
    .font-smoothing;
}

ol,
ul {
  list-style: none;
}

a {
    font-family: inherit;
    font-weight: inherit;
    text-decoration: inherit;
    color: inherit;
    .standard-transition(color, background-color);
}

/* we use this to measure scrollbar of body */
.measure-scrollbar {
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
}

body.freeze {
    overflow: hidden;
}
