html {
/* Common: Match typography size */
font-size: 1rem;
}
body {
/* Common: Removes the default margin from body */
margin: 0;
/* Common: Sets in common the way of rendering the text */
text-rendering: optimizeLegibility;
/* Common: Standardizes typography */
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
/* Common: Standardizes line height. */
line-height: 125%;
}
a {
/* Hyperlink: Remove the bottom line. */
text-decoration: none;
/* Hyperlink: Remove default color */
color: unset;
/* iOS: remove the color of the highlight that appears over a link while it's being tapped */
-webkit-tap-highlight-color: transparent;
}
/* Pictures: Gives 100% width to fit containers */
img,
picture {
width: 100%;
}
table {
border-collapse: collapse;
margin-bottom: 10px;
width: 100%;
}
td,
th {
padding: 6px;
}
table,
th,
td {
border: 1px solid black;
}
/* Firefox: remove inner focus ring */
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="color"]::-moz-focus-inner {
border: 0;
}
a:focus,
textarea:focus,
button:focus,
input:focus {
outline: none;
}
a,
button,
input[type='submit'],
input[type='button'],
input[type='checkbox'] {
cursor: pointer;
}
/* iOS: remove zoom double tap */
button {
touch-action: manipulation;
}
/* iOS && Firefox: remove default input appearince */
/* Remove or add any input type */
input[type="button"],
input[type="checkbox"],
input[type="email"],
input[type="file"],
input[type="number"],
input[type="reset"],
input[type="search"],
input[type="submit"],
input[type="tel"],
input[type="text"],
input[type="url"],
textarea {
-moz-appearance: none;
-webkit-appearance: none;
}
/* iOS: remove the "cancel button" at the edge of an of type="search" */
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
/* Remove resize option for textarea */
textarea {
resize: none;
}
/* Firefox: remove default input:invalid appearence */
input:invalid {
box-shadow: none;
}