clean-browser-style v1.0.1

clean-browser-style

Этот небольшой модуль, разработанный для собственных нужд, позволяет начать верстать без оглядки на стандартные стили браузеров, которые даже сейчас выглядят далеко не идеально и всё ещё не приведены к единому стандарту. Clean Browser Style разработан с нуля, учитывая самые современные css свойства. Я попытался привести самые часто-используемые html элементы к единому стилю, который выглядит минималистично. Так проще верстать с нуля, потому что в 95% случаев у вас есть макет всех компонентов проекта и стандартные браузерные стили вам будут только мешать.

Я намеренно оставил стили элементов в фокусе (:focus), потому что без них невозможно ориентироваться по сайту без использования мыши по горячим клавишам. Вы всегда сможете при необходимости переопределить стандартные стили фокуса:

:focus {
  outline: unset; /* удалить стандартные стили */
  /* ваши собственные стили */
}

Использование

1. Установка npm-пакета

npm i clean-browser-style

2. Подключение как обычный css-файл

<link rel="stylesheet" href="path/to/crean-browser-style.css">

3. Вы можете импортировать clean-browser-style с помощью директивы @import как в css, так и в less, scss, stylus

@import url('path/to/clean-browser-style.css');

Важно: clean-browser-style должен подключаться или импортироваться выше любых других стилей, чтобы не перекрыть ваш css код.

Системные требования

Desktop: Firefox 27+, Chrome 41+, Safari 9.1+, Opera 28+, Microsoft Edge 13+
Mobile: Safari, Chrome, Firefox

Internet Explorer, Opera mini не поддерживаются и поддерживаться не будут.