hairline

极细的线

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