NPM

npm install --save style.init.css
# OR
yarn add style.init.css

Use

import 'style.init.css'

项目描述

项目使用 postcss 插件实现样式兼容，可供日常项目开发使用。
部分样式参考 normalize.css
有好的提议可以在 Issues 反馈给我，我会很乐意采纳。

Project description^百度翻译

The project uses postcss plug-in to achieve style compatibility, which can be used in daily project development.
Some styles refer to normalize.css
There are good suggestions that can be fed back to me at Issues, and I will be happy to adopt them.

h1

h2

h3

h4

h5

h6

Buttons

Button	Code
	`<button>normal</button>`
	`<button class="btn-{{ n }}">{{ n }}</button>`
	`<button disabled>disabled</button>`

.ellipsis

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo voluptas cupiditate consectetur impedit molestias et, atque voluptatem, culpa commodi ipsa incidunt vel animi facere libero id quidem, quam accusantium officiis.

<p class="ellipsis">lorem text.</p> // set width.

.ellipsis-multi-1 ~ .ellipsis-multi-10

<p class="ellipsis-multi-{{ n }}">lorem text.</p> // set width.

.justifyIn different browsers, it will show different effects.

<p class="justify">{{ n.split('').join(' ') }}</p> // Spaced by space

.ps-bgJust for experience

<div class="ps-bg"></div>

.ant-lineJust for experience

<div class="ant-line"></div>

sub, sup

English_en English^en English_{long text long text long text long text}

123₄₅₆ 123⁴⁵⁶ 123_{3.1415926535897932384626433832795028841971}

中文_测试中文^测试中文_{长文本长文本长文本长文本长文本长文本长文本长文本}

kbd

Keyboard keys: {{ n }} ctrl shift alt

Style.init.css Demo

NPM

Use