melnik909 25 июн в 12:00

Магия CSS на практике: советы по вёрстке от гика

Средний

8 мин

16K

Блог компании RUVDS.comВеб-разработка*CSS*HTML*

Туториал

+54

Комментарии 9

Hallfire 25 июн в 19:00

касательно place-items: center;

Я убрал свойства top, left и transform. На их место добавил свойство place-items.

а ещё было добавлено свойство display: grid;
что весьма важно, т.к., насколько я понимаю, свойство place-items работает только с grid и flexbox (mdn)
и из-за этого этот способ не всегда применим (без сопутствующих изменений других свойств/классов, что может быть весьма затратным)

monochromer 25 июн в 21:05

как избавиться от соседнего родственного комбинатора + при реализации нестандартных чекбоксов и радиокнопок

Можно вообще без всяких обёрток и комбинаторов просто добавить appearance: none на нативный элемент и стилизовать почти как угодно, используя те же псевдоэлементы. К тому же такой способ позволяет использовать нативный вид фокуса.

Пример: https://codepen.io/monochromer/pen/xxyMrqQ

melnik909 25 июн в 22:03

стилизовать почти как угодно, используя те же псевдоэлементы

Скажите, пожалуйста, какие ограничения есть?

dom1n1k 26 июн в 04:14

Практически никаких значимых минусов. Уже года 3 минимум, как я подкатываю глаза к потолку, видя очередную статью про стилизацию чекбоксов через плюс :) А их (статей) до сих пор очень много, даже от сильных авторов, уж не знаю почему...