Last active
March 15, 2023 21:52
-
-
Save yuriy-o/5d0b9d4155124a2c3eb199974d8fd5a6 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
li { list-style: none; } | |
a { text-decoration: none; } | |
/* Вказуємо box sizing */ | |
*, | |
*::before, | |
*::after { | |
box-sizing: border-box; | |
} | |
/* Усуваємо внутрішні відступи */ | |
ul[class], | |
ol[class] { | |
padding: 0; | |
} | |
/* Усуваємо зовнішні відступи */ | |
body, | |
h1, | |
h2, | |
h3, | |
h4, | |
h5, | |
h6, | |
p, | |
ul[class], | |
ol[class], | |
li, | |
figure, | |
figcaption, | |
blockquote, | |
dl, | |
dd { | |
margin: 0; | |
} | |
/* Виставляємо основні налаштування за замовчуванням для body */ | |
body { | |
min-height: 100vh; | |
scroll-behavior: smooth; | |
text-rendering: optimizeSpeed; | |
line-height: 1.5; | |
} | |
/* Видаляємо стандартну стилізацію для всіх ul та il, у яких є атрибут class*/ | |
ul[class], | |
ol[class] { | |
list-style: none; | |
} | |
/* Елементи a, які не мають класу, скидаємо до дефолтних стилів */ | |
a:not([class]) { | |
text-decoration-skip-ink: auto; | |
} | |
/* Спрощуємо роботу із зображеннями */ | |
img, | |
picture { | |
max-width: 100%; | |
display: block; | |
height: auto; | |
} | |
/* Вказуємо зрозумілу періодичність у потоці даних у article*/ | |
article > * + * { | |
margin-top: 1em; | |
} | |
/* Наслідуємо шрифти для інпутів та кнопок */ | |
input, | |
button, | |
textarea, | |
select { | |
font: inherit; | |
} | |
/* Set core root defaults */ | |
html:focus-within { | |
scroll-behavior: smooth; | |
} | |
/* Видаляємо всі анімації та переходи для людей, які вважають за краще їх не використовувати */ | |
@media (prefers-reduced-motion: reduce) { | |
html:focus-within { | |
scroll-behavior: auto; | |
} | |
*, | |
*::before, | |
*::after { | |
animation-duration: 0.01ms !important; | |
animation-iteration-count: 1 !important; | |
transition-duration: 0.01ms !important; | |
scroll-behavior: auto !important; | |
} | |
} | |
/* Початкова стаття → https://andy-bell.co.uk/a-modern-css-reset/ */ | |
/* Переклад → https://medium.com/@stasonmars/%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D0%B8%CC%86-%D1%81%D0%B1%D1%80%D0%BE%D1%81-css-f5816963c82b */ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment