123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156 |
- /* Reset and base styles */
- * {
- padding: 0;
- margin: 0;
- border: none;
- }
- *,
- *::before,
- *::after {
- box-sizing: border-box;
- }
- :focus,
- :active {
- /*outline: none;*/
- }
- a:focus,
- a:active {
- /* outline: none;*/
- }
- /* Links */
- a,
- a:link,
- a:visited {
- /* color: inherit; */
- text-decoration: none;
- /* display: inline-block; */
- }
- a:hover {
- /* color: inherit; */
- text-decoration: none;
- }
- /* Common */
- aside,
- nav,
- footer,
- header,
- section,
- main {
- display: block;
- }
- h1,
- h2,
- h3,
- h4,
- h5,
- h6,
- p {
- font-size: inherit;
- font-weight: inherit;
- }
- ul,
- ul li {
- list-style: none;
- }
- img {
- vertical-align: top;
- }
- img,
- svg {
- max-width: 100%;
- height: auto;
- }
- address {
- font-style: normal;
- }
- /* Form */
- input,
- textarea,
- button,
- select {
- font-family: inherit;
- font-size: inherit;
- color: inherit;
- background-color: transparent;
- }
- input::-ms-clear {
- display: none;
- }
- button,
- input[type="submit"] {
- display: inline-block;
- box-shadow: none;
- background-color: transparent;
- cursor: pointer;
- }
- input:focus,
- input:active,
- button:focus,
- button:active {
- outline: none;
- }
- input[type="number"]::-webkit-outer-spin-button,
- input[type="number"]::-webkit-inner-spin-button {
- -webkit-appearance: none;
- }
- input[type='number'],
- input[type="number"]:hover,
- input[type="number"]:focus {
- appearance: none;
- -moz-appearance: textfield;
- }
- input[type='color'] {
- -webkit-appearance: none;
- border: none;
- outline: none;
- }
- input[type="color"]::-webkit-color-swatch-wrapper {
- padding: 0;
- }
- input[type="color"]::-webkit-color-swatch {
- border: none;
- }
- button::-moz-focus-inner {
- padding: 0;
- border: 0;
- }
- label {
- cursor: pointer;
- }
- legend {
- display: block;
- }
- html,
- body {
- line-height: 1;
- min-height: 100vh;
- width: 100vw;
- margin: 0;
- }
|