preset-style

Preset web application styles.

Usage no npm install needed!

<script type="module">
  import presetStyle from 'https://cdn.skypack.dev/preset-style';
</script>

README

preset-style

npm version npm version npm bundle size gitHub-last-commit license

Preset web application styles.

Installation

Using npm:

npm install preset-style --save

Using yarn:

yarn add preset-style

Features

Reset browser styles:

  1. Reset Elements padding and margin
  2. Remove inputs element outline and border
  3. Remove tag a link element default color and decoration style
  4. Replace autofill input shadow styles
  5. Remove tag img border

Common style snippets:

  1. Clear floor .clear-fix
  2. Overflow ellipsis .overflow-ellipsis
  3. iOS X safe container .safe-area
  4. Mobile phone balance scroll container .scroller

Some compatibility snippets:

  1. Adapter style for MAC OS dark theme

Example Usage

Using in css, less and sass:

@import('preset-style/dist/index.css');

Using in js:

import 'preset-style/dist/index.css'