127 lines
2.6 KiB
CSS
127 lines
2.6 KiB
CSS
/*
|
|
Typographic tweaks!
|
|
Add accessible line-height
|
|
Improve text rendering
|
|
*/
|
|
body {
|
|
/* Common: Standardizes typography */
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
|
|
/* Common: Sets in common the way of rendering the text */
|
|
text-rendering: optimizeLegibility;
|
|
/* Common: Optimize load font. */
|
|
font-display: swap;
|
|
/* Common: Smooth the font on the level of the pixel */
|
|
-webkit-font-smoothing: antialiased;
|
|
/* Common: correct the line height */
|
|
line-height: 1.5;
|
|
margin: 0;
|
|
}
|
|
|
|
/*
|
|
Improve media defaults
|
|
*/
|
|
img, picture, video, canvas, svg {
|
|
display: block;
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
/*
|
|
Remove built-in form typography styles
|
|
*/
|
|
input, button, textarea, select {
|
|
font: inherit;
|
|
}
|
|
|
|
/*
|
|
Avoid text overflows and add hyphenation when needed
|
|
*/
|
|
p, h1, h2, h3, h4, h5, h6 {
|
|
word-wrap: break-word;
|
|
overflow-wrap: break-word;
|
|
-webkit-hyphens: auto;
|
|
-moz-hyphens: auto;
|
|
hyphens: auto;
|
|
}
|
|
|
|
a {
|
|
/* Remove the bottom line */
|
|
text-decoration: none;
|
|
/* 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;
|
|
}
|
|
|
|
/*
|
|
Table: Standardize and modernize the appearance
|
|
*/
|
|
table {
|
|
border-collapse: collapse;
|
|
margin-bottom: 10px;
|
|
width: 100%;
|
|
}
|
|
td, th {
|
|
padding: .4rem;
|
|
border: 1px solid black;
|
|
}
|
|
|
|
input {
|
|
/* Remove border radius */
|
|
border-radius: 0;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
/* Firefox: remove default input:invalid appearence */
|
|
input:invalid {
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* iOS: remove the "cancel button" at the edge of an <input> of type="search" */
|
|
input[type="search"]::-webkit-search-cancel-button {
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
/* Remove resize option for textarea */
|
|
textarea {
|
|
resize: none;
|
|
}
|