hairline

极细的线 - 用极简的方式实现 - Demo

Usage

Usage1: npm

1. install

   npm install hairline --save
   

2. import

   import 'hairline';

3. use

   <div class="hairline hairline--round">hairline</div>

Usage2: Download

1. download hairline.css

2. link css

   <link rel="stylesheet" href="path/to/hairline.css">

3. use

   <div class="hairline hairline--round">hairline</div>

APIDoc

Class	Description
.hairline	base class
.hairline--round	round hairline border
.hairline--top	top hairline border
.hairline--right	right hairline border
.hairline--bottom	bottom hairline border
.hairline--left	left hairline border
.hairline--input	input/textarea element hairline border

其他实现

• postcss-retina
• Hairlines · Framework7
• blear.scss.hairline
• border-retina
• border-1px.less
• border.less
• webkit-sassui-hairline
• Hairline border
• retina-border

参考

• Retina屏的移动设备如何实现真正1px的线？
• CSS retina hairline, the easy way