open-index/open-npm huggingface dataset:
npm package: @jswork/wsui-enlarge
Description: wsui module for enlarge clickable area.
Author: afei
Latest version: 1.0.0

# wsui-enlarge
> wsui module for enlarge clickable area.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-enlarge
```

## usage
```scss
// use sass
@import '~@jswork/wsui-enlarge/dist/index.scss';
// use css
@import '~@jswork/wsui-enlarge/dist/style.css';
```

```html
<style>
  button{
    position: relative;
  }
</style>

<p><button class="wsui-enlarge" data-value="small" type="button">我是可点击区域 data-value="small"</button></p>
<p><button class="wsui-enlarge" data-value="normal" type="button">我是可点击区域 data-value="normal"</button></p>
<p><button class="wsui-enlarge" data-value="large" type="button">我是可点击区域 data-value="large"</button></p>
```

## preview
- https://afeiship.github.io/wsui-enlarge/

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-enlarge/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-enlarge
[version-url]: https://npmjs.org/package/@jswork/wsui-enlarge

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-enlarge
[license-url]: https://github.com/afeiship/wsui-enlarge/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-enlarge
[size-url]: https://github.com/afeiship/wsui-enlarge/blob/master/dist/wsui-enlarge.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-enlarge
[download-url]: https://www.npmjs.com/package/@jswork/wsui-enlarge
npm package: @jswork/wsui-envelope-border
Description: Envelope border for wsui.
Author: afei
Latest version: 1.0.0

# wsui-envelope-border
> Envelope border for wsui.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-envelope-border
```

## usage
```scss
@import '~@jswork/wsui-envelope-border';

// options
@include wsui-envelope-border(
  $in-size: 5px, 
  $in-bg-size: 10%, 
  $in-radius: 10px, 
  $in-body-padding: 10px
);
```

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-envelope-border/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-envelope-border
[version-url]: https://npmjs.org/package/@jswork/wsui-envelope-border

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-envelope-border
[license-url]: https://github.com/afeiship/wsui-envelope-border/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-envelope-border
[size-url]: https://github.com/afeiship/wsui-envelope-border/blob/master/dist/wsui-envelope-border.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-envelope-border
[download-url]: https://www.npmjs.com/package/@jswork/wsui-envelope-border
npm package: @jswork/wsui-fieldset-divider
Description: Divider implement by field set and legend tag.
Author: afei
Latest version: 1.0.0

# wsui-fieldset-divider
> Divider implement by field set and legend tag.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-fieldset-divider
```

## usage
```scss
// use sass
@import '~@jswork/wsui-fieldset-divider/dist/index.scss';
// use css
@import '~@jswork/wsui-fieldset-divider/dist/style.css';
```

## preview
- https://afeiship.github.io/wsui-fieldset-divider/

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-fieldset-divider/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-fieldset-divider
[version-url]: https://npmjs.org/package/@jswork/wsui-fieldset-divider

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-fieldset-divider
[license-url]: https://github.com/afeiship/wsui-fieldset-divider/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-fieldset-divider
[size-url]: https://github.com/afeiship/wsui-fieldset-divider/blob/master/dist/wsui-fieldset-divider.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-fieldset-divider
[download-url]: https://www.npmjs.com/package/@jswork/wsui-fieldset-divider
npm package: @jswork/wsui-flexbox
Description: Sass flexbox.
Author: afei
Latest version: 1.0.8

# wsui-flexbox
> Sass flexbox.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-flexbox
```

## usage
```scss
@import '~@jswork/wsui-flexbox';
```

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-flexbox/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-flexbox
[version-url]: https://npmjs.org/package/@jswork/wsui-flexbox

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-flexbox
[license-url]: https://github.com/afeiship/wsui-flexbox/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-flexbox
[size-url]: https://github.com/afeiship/wsui-flexbox/blob/master/dist/wsui-flexbox.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-flexbox
[download-url]: https://www.npmjs.com/package/@jswork/wsui-flexbox
npm package: @jswork/wsui-flexbox-grid
Description: Webkit sass flexbox grid system.
Author: afei
Latest version: 1.1.4

# wsui-flexbox-grid
> Webkit sass flexbox grid system.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-flexbox-grid
```

## usage
```html

<div class="wsui-cols-1 wsui-cols-xs-2 wsui-cols-sm-4 wsui-cols-md-5 wsui-cols-lg-6">
  <div class="col">111</div>
  <div class="col">111</div>
  <div class="col">111</div>
  <div class="col">111</div>
  <div class="col">111</div>
  <div class="col">111</div>
  <div class="col">111</div>
  <div class="col">111</div>
</div>
```

## customize
```scss
$grid-gap: 10px !default;
$grid-gap-x: $grid-gap !default;
$grid-gap-y: $grid-gap !default;
$grid-list: (1, 2, 3, 4, 5, 6, 7, 8, 9, 10);
$grid-responsive: (
  xs: 390px,
  sm: 1280px,
  md: 1440px,
  lg: 1600px
) !default;

@import '@jswork/wsui-flexbox-grid';
```

## resources
- https://www.zhihu.com/question/29924791
- https://segmentfault.com/a/1190000002910324
- https://segmentfault.com/q/1010000043586951
- http://the-echoplex.net/flexyboxes/

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-flexbox-grid/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-flexbox-grid
[version-url]: https://npmjs.org/package/@jswork/wsui-flexbox-grid

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-flexbox-grid
[license-url]: https://github.com/afeiship/wsui-flexbox-grid/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-flexbox-grid
[size-url]: https://github.com/afeiship/wsui-flexbox-grid/blob/master/dist/wsui-flexbox-grid.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-flexbox-grid
[download-url]: https://www.npmjs.com/package/@jswork/wsui-flexbox-grid
npm package: @jswork/wsui-frame-wrapper
Description: Webkit sass ui module media wrapper.
Author: afei
Latest version: 1.0.0

# wsui-frame-wrapper
> Webkit sass ui module media wrapper.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-frame-wrapper
```

## usage
```scss
// use sass
@import '~@jswork/wsui-frame-wrapper/dist/index.scss';
// use css
@import '~@jswork/wsui-frame-wrapper/dist/style.css';
```

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-frame-wrapper/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-frame-wrapper
[version-url]: https://npmjs.org/package/@jswork/wsui-frame-wrapper

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-frame-wrapper
[license-url]: https://github.com/afeiship/wsui-frame-wrapper/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-frame-wrapper
[size-url]: https://github.com/afeiship/wsui-frame-wrapper/blob/master/dist/wsui-frame-wrapper.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-frame-wrapper
[download-url]: https://www.npmjs.com/package/@jswork/wsui-frame-wrapper
npm package: @jswork/wsui-functions
Description: Webkit sass functions.
Author: afei
Latest version: 1.0.4

# wsui-functions
> Webkit sass functions.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-functions
```

## usage
```scss
@import '~@jswork/wsui-functions';
```

## documentation
- [x] [at.scss](./documentation/at.scss.md)
- [x] [dynamic-color.scss](./documentation/dynamic-color.scss.md)
- [x] [get.scss](./documentation/get.scss.md)
- [x] [pow.scss](./documentation/pow.scss.md)
- [x] [range.scss](./documentation/range.scss.md)
- [x] [rem.scss](./documentation/rem.scss.md)
- [x] [str-split.scss](./documentation/str-split.scss.md)
- [x] [strip-unit.scss](./documentation/strip-unit.scss.md)

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-functions/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-functions
[version-url]: https://npmjs.org/package/@jswork/wsui-functions

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-functions
[license-url]: https://github.com/afeiship/wsui-functions/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-functions
[size-url]: https://github.com/afeiship/wsui-functions/blob/master/dist/wsui-functions.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-functions
[download-url]: https://www.npmjs.com/package/@jswork/wsui-functions
npm package: @jswork/wsui-icon-rotate
Description: Icon rotoate.
Author: afei
Latest version: 1.0.0

# wsui-icon-rotate
> Icon rotoate.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-icon-rotate
```

## usage
```scss
// use sass
@import '~@jswork/wsui-icon-rotate/dist/index.scss';
// use css
@import '~@jswork/wsui-icon-rotate/dist/style.css';
```

## preview
- https://afeiship.github.io/wsui-icon-rotate/

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-icon-rotate/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-icon-rotate
[version-url]: https://npmjs.org/package/@jswork/wsui-icon-rotate

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-icon-rotate
[license-url]: https://github.com/afeiship/wsui-icon-rotate/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-icon-rotate
[size-url]: https://github.com/afeiship/wsui-icon-rotate/blob/master/dist/wsui-icon-rotate.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-icon-rotate
[download-url]: https://www.npmjs.com/package/@jswork/wsui-icon-rotate
npm package: @jswork/wsui-justify-list
Description: wsui module for negative margin list.
Author: afei
Latest version: 1.0.3

# wsui-justify-list
> wsui module for negative margin list.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-justify-list
```

## usage
```scss
// deps - `strip-unit`
@import "~@jswork/wsui-functions/dist/index.scss";

// use scss
@import '~@jswork/wsui-justify-list/dist/index.scss';
// use css
@import '~@jswork/wsui-justify-list/dist/style.css';

// in-width: 盒子的宽度
// in-item-width: 每个子级元素的宽度
// in-columns: 每行有多少列
// in-selector: 默认选择器 (默认: > .is-item)
// in-slibling: 末行兄弟选择器 (默认: .is-item)

.list1 {
  margin-bottom: 20px;
  @include wsui-justify-list(1000px, 220px, 4) {
    background: #ddd;
  }
}
```

```html
<div class="list1">
  <div class="is-item">item1</div>
  <div class="is-item">item2</div>
  <div class="is-item">item3</div>
  <div class="is-item">item4</div>
  <div class="is-item">item5</div>
  <div class="is-item">item6</div>
  <div class="is-item">item7</div>
</div>
```

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-justify-list/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-justify-list
[version-url]: https://npmjs.org/package/@jswork/wsui-justify-list

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-justify-list
[license-url]: https://github.com/afeiship/wsui-justify-list/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-justify-list
[size-url]: https://github.com/afeiship/wsui-justify-list/blob/master/dist/wsui-justify-list.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-justify-list
[download-url]: https://www.npmjs.com/package/@jswork/wsui-justify-list
npm package: @jswork/wsui-layout-fixed-footer
Description: Fixed footer footer for wsui.
Author: afei
Latest version: 1.0.0

# wsui-layout-fixed-footer
> Fixed footer footer for wsui.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-layout-fixed-footer
```

## usage
```scss
@import '~@jswork/wsui-layout-fixed-footer';

// header-height: 50px;
// gap: 10px;
@include wsui-layout-fixed-footer($in-height: 50px, $in-gap: 10px);
```

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-layout-fixed-footer/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-layout-fixed-footer
[version-url]: https://npmjs.org/package/@jswork/wsui-layout-fixed-footer

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-layout-fixed-footer
[license-url]: https://github.com/afeiship/wsui-layout-fixed-footer/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-layout-fixed-footer
[size-url]: https://github.com/afeiship/wsui-layout-fixed-footer/blob/master/dist/wsui-layout-fixed-footer.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-layout-fixed-footer
[download-url]: https://www.npmjs.com/package/@jswork/wsui-layout-fixed-footer
npm package: @jswork/wsui-layout-fixed-header
Description: Fixed header bar for wsui.
Author: afei
Latest version: 1.0.0

# wsui-layout-fixed-header
> Fixed header bar for wsui.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-layout-fixed-header
```

## usage
```scss
@import '~@jswork/wsui-layout-fixed-header';

// header-height: 50px;
// gap: 10px;
@include wsui-layout-fixed-header($in-height: 50px, $in-gap: 10px);
```

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-layout-fixed-header/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-layout-fixed-header
[version-url]: https://npmjs.org/package/@jswork/wsui-layout-fixed-header

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-layout-fixed-header
[license-url]: https://github.com/afeiship/wsui-layout-fixed-header/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-layout-fixed-header
[size-url]: https://github.com/afeiship/wsui-layout-fixed-header/blob/master/dist/wsui-layout-fixed-header.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-layout-fixed-header
[download-url]: https://www.npmjs.com/package/@jswork/wsui-layout-fixed-header
npm package: @jswork/wsui-layout-fixed-sidebar
Description: Sassui for layout fixed sidebar.
Author: afei
Latest version: 1.0.1

# wsui-layout-fixed-sidebar
> Sassui for layout fixed sidebar.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-layout-fixed-sidebar
```

## usage
```scss
// use sass
@import '~@jswork/wsui-layout-fixed-sidebar/dist/index.scss';
// use css
@import '~@jswork/wsui-layout-fixed-sidebar/dist/style.css';


// generate your styles
.test-wsui-layout-fixed-sidebar {
  @include wsui-layout-fixed-sidebar(250px);
  height: 400px;
  background: #eee;
  .is-sidebar,
  .is-main {
    height: 400px;
  }

  > .is-sidebar {
    background: lightgreen;
  }
  > .is-main {
    background: orange;
  }
}
```

```html
<div class="test-wsui-layout-fixed-sidebar is-container" data-placement="left">
  <aside class="is-sidebar">Sidebar</aside>
  <div class="is-main">main</div>
</div>
```

## preview
- https://afeiship.github.io/wsui-layout-fixed-sidebar/

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-layout-fixed-sidebar/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-layout-fixed-sidebar
[version-url]: https://npmjs.org/package/@jswork/wsui-layout-fixed-sidebar

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-layout-fixed-sidebar
[license-url]: https://github.com/afeiship/wsui-layout-fixed-sidebar/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-layout-fixed-sidebar
[size-url]: https://github.com/afeiship/wsui-layout-fixed-sidebar/blob/master/dist/wsui-layout-fixed-sidebar.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-layout-fixed-sidebar
[download-url]: https://www.npmjs.com/package/@jswork/wsui-layout-fixed-sidebar
npm package: @jswork/wsui-layout-holy-grail
Description: Holy Grail Layout solved by flexbox.
Author: afei
Latest version: 1.0.1

# wsui-layout-holy-grail
> Holy Grail Layout solved by flexbox.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-layout-holy-grail
```

## usage
```scss
// use sass
@import '~@jswork/wsui-layout-holy-grail/dist/index.scss';
// use css
@import '~@jswork/wsui-layout-holy-grail/dist/style.css';
```

```html
<!-- .wsui-layout-holy-grail > .hg-body > {.hg-content + .hg-sidebar + .hg-sidebar } -->
<section class="wsui-layout-holy-grail">
  <!-- Header -->
  <header>
    <p>Header</p>
  </header>

  <article class="hg-body">
    <div class="hg-content">
      <p>Main content of the page</p>
    </div>
    <div class="hg-sidebar-1 hg-sidebar">
      <p>Sidebar 1</p>
    </div>
    <div class="hg-sidebar-2 hg-sidebar">
      <p>Sidebar 2</p>
    </div>
  </article>

  <!-- Footer -->
  <footer>
    <p>Footer</p>
  </footer>
</section>
```

## preview
- https://afeiship.github.io/wsui-layout-holy-grail/

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-layout-holy-grail/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-layout-holy-grail
[version-url]: https://npmjs.org/package/@jswork/wsui-layout-holy-grail

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-layout-holy-grail
[license-url]: https://github.com/afeiship/wsui-layout-holy-grail/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-layout-holy-grail
[size-url]: https://github.com/afeiship/wsui-layout-holy-grail/blob/master/dist/wsui-layout-holy-grail.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-layout-holy-grail
[download-url]: https://www.npmjs.com/package/@jswork/wsui-layout-holy-grail
npm package: @jswork/wsui-layout-sticky-footer
Description: Sticky footer use absolute solution.
Author: afei
Latest version: 1.0.1

# wsui-layout-sticky-footer
> Sticky footer use absolute solution.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-layout-sticky-footer
```

## usage
```scss
@import '~@jswork/wsui-layout-sticky-footer';

.global-sticky-footer{
  @include wsui-layout-sticky-footer(100px, 10px);
}
```

```html
<section class="global-sticky-footer">
  <div class="is-body"> Body </div>
  <!-- ... -->
  <!--  .is-footer  -->
  <footer class="is-footer">
    <p> My Footer </p>
  </footer>
</section>
```

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-layout-sticky-footer/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-layout-sticky-footer
[version-url]: https://npmjs.org/package/@jswork/wsui-layout-sticky-footer

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-layout-sticky-footer
[license-url]: https://github.com/afeiship/wsui-layout-sticky-footer/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-layout-sticky-footer
[size-url]: https://github.com/afeiship/wsui-layout-sticky-footer/blob/master/dist/wsui-layout-sticky-footer.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-layout-sticky-footer
[download-url]: https://www.npmjs.com/package/@jswork/wsui-layout-sticky-footer
npm package: @jswork/wsui-layout-trbla
Description: Simply flexable trbla layout for wsui.
Author: afei
Latest version: 1.0.8

# wsui-layout-trbla
> Simply flexable trbla layout for wsui.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-layout-trbla
```

## usage
```scss
// use sass
@import '~@jswork/wsui-layout-trbla/dist/index.scss';
@import '~@jswork/wsui-layout-trbla/dist/index.weapp.scss';
// use css
@import '~@jswork/wsui-layout-trbla/dist/style.css';
```

## documentation
- https://afeiship.github.io/wsui-layout-trbla/

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-layout-trbla/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-layout-trbla
[version-url]: https://npmjs.org/package/@jswork/wsui-layout-trbla

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-layout-trbla
[license-url]: https://github.com/afeiship/wsui-layout-trbla/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-layout-trbla
[size-url]: https://github.com/afeiship/wsui-layout-trbla/blob/master/dist/wsui-layout-trbla.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-layout-trbla
[download-url]: https://www.npmjs.com/package/@jswork/wsui-layout-trbla
npm package: @jswork/wsui-loader
Description: Css loader for wsui.
Author: afei
Latest version: 1.0.0

# wsui-loader
> Css loader for wsui.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-loader
```

## usage
```scss
// use sass
@import '~@jswork/wsui-loader/dist/index.scss';
// use css
@import '~@jswork/wsui-loader/dist/style.css';
```

## preview
- https://afeiship.github.io/wsui-loader/
- https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_loader

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-loader/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-loader
[version-url]: https://npmjs.org/package/@jswork/wsui-loader

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-loader
[license-url]: https://github.com/afeiship/wsui-loader/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-loader
[size-url]: https://github.com/afeiship/wsui-loader/blob/master/dist/wsui-loader.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-loader
[download-url]: https://www.npmjs.com/package/@jswork/wsui-loader
npm package: @jswork/wsui-loading
Description: Loading component for webkit sass.
Author: afei
Latest version: 1.0.0

# wsui-loading
> Loading component for webkit sass.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-loading
```

## usage
```scss
// use sass
@import '~@jswork/wsui-loading/dist/index.scss';
// use css
@import '~@jswork/wsui-loading/dist/style.css';
```

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-loading/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-loading
[version-url]: https://npmjs.org/package/@jswork/wsui-loading

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-loading
[license-url]: https://github.com/afeiship/wsui-loading/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-loading
[size-url]: https://github.com/afeiship/wsui-loading/blob/master/dist/wsui-loading.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-loading
[download-url]: https://www.npmjs.com/package/@jswork/wsui-loading
npm package: @jswork/wsui-mask
Description: Mask sass component.
Author: afei
Latest version: 1.0.0

# wsui-mask
> Mask sass component.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-mask
```

## usage
```scss
// use sass
@import '~@jswork/wsui-mask/dist/index.scss';
// use css
@import '~@jswork/wsui-mask/dist/style.css';
```

## preview
- https://afeiship.github.io/wsui-mask/

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-mask/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-mask
[version-url]: https://npmjs.org/package/@jswork/wsui-mask

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-mask
[license-url]: https://github.com/afeiship/wsui-mask/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-mask
[size-url]: https://github.com/afeiship/wsui-mask/blob/master/dist/wsui-mask.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-mask
[download-url]: https://www.npmjs.com/package/@jswork/wsui-mask
npm package: @jswork/wsui-mixins
Description: Webkit sass mixins.
Author: afei
Latest version: 1.0.0

# wsui-mixins
> Webkit sass mixins.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-mixins
```

## usage
```scss
@import '~@jswork/wsui-mixins';
```

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-mixins/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-mixins
[version-url]: https://npmjs.org/package/@jswork/wsui-mixins

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-mixins
[license-url]: https://github.com/afeiship/wsui-mixins/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-mixins
[size-url]: https://github.com/afeiship/wsui-mixins/blob/master/dist/wsui-mixins.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-mixins
[download-url]: https://www.npmjs.com/package/@jswork/wsui-mixins
npm package: @jswork/wsui-modal
Description: Sass for modal.
Author: afei
Latest version: 1.0.0

# wsui-modal
> Sass for modal.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-modal
```

## usage
```scss
// use sass
@import '~@jswork/wsui-modal/dist/index.scss';
// use css
@import '~@jswork/wsui-modal/dist/style.css';
```

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-modal/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-modal
[version-url]: https://npmjs.org/package/@jswork/wsui-modal

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-modal
[license-url]: https://github.com/afeiship/wsui-modal/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-modal
[size-url]: https://github.com/afeiship/wsui-modal/blob/master/dist/wsui-modal.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-modal
[download-url]: https://www.npmjs.com/package/@jswork/wsui-modal
npm package: @jswork/wsui-moveup
Description: Move up with animate.
Author: afei
Latest version: 1.0.0

# wsui-moveup
> Move up with animate.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-moveup
```

## usage
```scss
// use sass
@import '~@jswork/wsui-moveup/dist/index.scss';
// use css
@import '~@jswork/wsui-moveup/dist/style.css';
```

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-moveup/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-moveup
[version-url]: https://npmjs.org/package/@jswork/wsui-moveup

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-moveup
[license-url]: https://github.com/afeiship/wsui-moveup/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-moveup
[size-url]: https://github.com/afeiship/wsui-moveup/blob/master/dist/wsui-moveup.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-moveup
[download-url]: https://www.npmjs.com/package/@jswork/wsui-moveup
npm package: @jswork/wsui-opacity-element
Description: Opacity black bg & white text.
Author: afei
Latest version: 1.0.0

# wsui-opacity-element
> Opacity black bg & white text.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-opacity-element
```

## usage
```scss
// use sass
@import '~@jswork/wsui-opacity-element/dist/index.scss';
// use css
@import '~@jswork/wsui-opacity-element/dist/style.css';
```

## preview
- https://afeiship.github.io/wsui-opacity-element/

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-opacity-element/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-opacity-element
[version-url]: https://npmjs.org/package/@jswork/wsui-opacity-element

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-opacity-element
[license-url]: https://github.com/afeiship/wsui-opacity-element/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-opacity-element
[size-url]: https://github.com/afeiship/wsui-opacity-element/blob/master/dist/wsui-opacity-element.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-opacity-element
[download-url]: https://www.npmjs.com/package/@jswork/wsui-opacity-element
npm package: @jswork/wsui-playpause
Description: Play pause button for wsui.
Author: afei
Latest version: 1.0.0

# wsui-playpause
> Play pause button for wsui.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-playpause
```

## usage
```scss
// use sass
@import '~@jswork/wsui-playpause/dist/index.scss';
// use css
@import '~@jswork/wsui-playpause/dist/style.css';
```

## preview
- https://afeiship.github.io/wsui-playpause/

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-playpause/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-playpause
[version-url]: https://npmjs.org/package/@jswork/wsui-playpause

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-playpause
[license-url]: https://github.com/afeiship/wsui-playpause/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-playpause
[size-url]: https://github.com/afeiship/wsui-playpause/blob/master/dist/wsui-playpause.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-playpause
[download-url]: https://www.npmjs.com/package/@jswork/wsui-playpause
npm package: @jswork/wsui-popup
Description: Slide in or out for webkit sass ui.
Author: afei
Latest version: 1.0.0

# wsui-popup
> Slide in or out for webkit sass ui.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-popup
```

## usage
```scss
// use sass
@import '~@jswork/wsui-popup/dist/index.scss';
// use css
@import '~@jswork/wsui-popup/dist/style.css';
```

## preview
- https://afeiship.github.io/wsui-popup/

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-popup/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-popup
[version-url]: https://npmjs.org/package/@jswork/wsui-popup

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-popup
[license-url]: https://github.com/afeiship/wsui-popup/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-popup
[size-url]: https://github.com/afeiship/wsui-popup/blob/master/dist/wsui-popup.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-popup
[download-url]: https://www.npmjs.com/package/@jswork/wsui-popup
npm package: @jswork/wsui-position-box
Description: Position box for wsui.
Author: afei
Latest version: 1.0.1

# wsui-position-box
> Position box for wsui.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

<center>
  <img src="https://tva1.sinaimg.cn/large/008i3skNgy1grom0qahx0j30js0jy0tz.jpg" width="800" />
</center>

## installation
```shell
npm i @jswork/wsui-position-box
```

## usage
```scss
// use sass
@import '~@jswork/wsui-position-box/dist/index.scss';
// use css
@import '~@jswork/wsui-position-box/dist/style.css';
```

## preview
- https://afeiship.github.io/wsui-position-box/

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-position-box/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-position-box
[version-url]: https://npmjs.org/package/@jswork/wsui-position-box

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-position-box
[license-url]: https://github.com/afeiship/wsui-position-box/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-position-box
[size-url]: https://github.com/afeiship/wsui-position-box/blob/master/dist/wsui-position-box.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-position-box
[download-url]: https://www.npmjs.com/package/@jswork/wsui-position-box
npm package: @jswork/wsui-purecss-grid
Description: Responsive percentage grid system use purecss.
Author: afei
Latest version: 1.0.5

# wsui-purecss-grid
> Responsive percentage grid system use purecss.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-purecss-grid
```

## usage
```scss
// default to `scss`
@import '~@jswork/wsui-purecss-grid';

// or use `css`
@import '~@jswork/wsui-purecss-grid/dist/index.css';

/* you can customize prefix */
$wsui-purecss-grid-prefix: "wsui-" !default;
```

## documentation
- https://purecss.io/grids/

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-purecss-grid/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-purecss-grid
[version-url]: https://npmjs.org/package/@jswork/wsui-purecss-grid

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-purecss-grid
[license-url]: https://github.com/afeiship/wsui-purecss-grid/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-purecss-grid
[size-url]: https://github.com/afeiship/wsui-purecss-grid/blob/master/dist/wsui-purecss-grid.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-purecss-grid
[download-url]: https://www.npmjs.com/package/@jswork/wsui-purecss-grid
npm package: @jswork/wsui-ratio-image
Description: Image with special ratio for webkit sass.
Author: afei
Latest version: 1.0.0

# wsui-ratio-image
> Image with special ratio for webkit sass.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-ratio-image
```

## usage
```scss
@import '~@jswork/wsui-ratio-image';
```

## documentation
- https://afeiship.github.io/wsui-ratio-image/

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-ratio-image/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-ratio-image
[version-url]: https://npmjs.org/package/@jswork/wsui-ratio-image

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-ratio-image
[license-url]: https://github.com/afeiship/wsui-ratio-image/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-ratio-image
[size-url]: https://github.com/afeiship/wsui-ratio-image/blob/master/dist/wsui-ratio-image.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-ratio-image
[download-url]: https://www.npmjs.com/package/@jswork/wsui-ratio-image
npm package: @jswork/wsui-reset
Description: Reset css for wsui.
Author: afei
Latest version: 1.0.2

# wsui-reset
> Reset css for wsui.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-reset
```

## usage
~~~
.
├── base.css
├── base.scss
├── index.css
└── index.scss
~~~

```scss
// will reset a/h1-6/ul and..
@import '~@jswork/wsui-reset';

// or use basic reset styles
@import '~@jswork/wsui-reset/dist/base.scss';
```

## options
> you can customize use `sass`

```scss
$wsui-reset-options: (
  font-family: "STHeiti, Microsoft YaHei, Helvetica, Arial, sans-serif",
  header1: 14px,
  header4: 12px
) !default;
```

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-reset/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-reset
[version-url]: https://npmjs.org/package/@jswork/wsui-reset

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-reset
[license-url]: https://github.com/afeiship/wsui-reset/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-reset
[size-url]: https://github.com/afeiship/wsui-reset/blob/master/dist/wsui-reset.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-reset
[download-url]: https://www.npmjs.com/package/@jswork/wsui-reset
npm package: @jswork/wsui-rotatable
Description: Rotatable element.
Author: afei
Latest version: 1.0.0

# wsui-rotatable
> Rotatable element.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-rotatable
```

## usage
```scss
// use sass
@import '~@jswork/wsui-rotatable/dist/index.scss';
// use css
@import '~@jswork/wsui-rotatable/dist/style.css';
```

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-rotatable/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-rotatable
[version-url]: https://npmjs.org/package/@jswork/wsui-rotatable

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-rotatable
[license-url]: https://github.com/afeiship/wsui-rotatable/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-rotatable
[size-url]: https://github.com/afeiship/wsui-rotatable/blob/master/dist/wsui-rotatable.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-rotatable
[download-url]: https://www.npmjs.com/package/@jswork/wsui-rotatable
npm package: @jswork/wsui-rte-icons
Description: Rich editor icons for wsui.
Author: afei
Latest version: 1.0.0

# wsui-rte-icons
> Rich editor icons for wsui.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-rte-icons
```

## usage
```scss
// use sass
@import '~@jswork/wsui-rte-icons/dist/index.scss';
// use css
@import '~@jswork/wsui-rte-icons/dist/style.css';
```

```html
<section class="wsui-rte-icons">
  <button class="wsui-icon-undo is-active"></button>
  <button class="wsui-icon-redo"></button>
  <!-- ... -->
</section>
```

## icons
| name                | description |
| ------------------- | ----------- |
| undo                | -           |
| redo                | -           |
| unordered-list-item | -           |
| ordered-list-item   | -           |
| blockquote          | -           |
| bold                | -           |
| italic              | -           |
| underline           | -           |
| strikethrough       | -           |
| code                | -           |
| link                | -           |
| remove-link         | -           |
| image               | -           |
| cancel              | -           |
| accept              | -           |
| align_left          | -           |
| align_center        | -           |
| align_right         | -           |
| align_justify       | -           |



## resources
- https://react-rte.org/demo
- https://github.com/sstur/react-rte/blob/master/src/ui/IconButton.css

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-rte-icons/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-rte-icons
[version-url]: https://npmjs.org/package/@jswork/wsui-rte-icons

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-rte-icons
[license-url]: https://github.com/afeiship/wsui-rte-icons/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-rte-icons
[size-url]: https://github.com/afeiship/wsui-rte-icons/blob/master/dist/wsui-rte-icons.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-rte-icons
[download-url]: https://www.npmjs.com/package/@jswork/wsui-rte-icons
npm package: @jswork/wsui-scaleable-image
Description: Scaleble image.
Author: afei
Latest version: 1.0.0

# wsui-scaleable-image
> Scaleble image.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-scaleable-image
```

## usage
```scss
@import '~@jswork/wsui-scaleable-image';
```

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-scaleable-image/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-scaleable-image
[version-url]: https://npmjs.org/package/@jswork/wsui-scaleable-image

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-scaleable-image
[license-url]: https://github.com/afeiship/wsui-scaleable-image/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-scaleable-image
[size-url]: https://github.com/afeiship/wsui-scaleable-image/blob/master/dist/wsui-scaleable-image.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-scaleable-image
[download-url]: https://www.npmjs.com/package/@jswork/wsui-scaleable-image
npm package: @jswork/wsui-scrollbar
Description: Customize scrollbar.
Author: afei
Latest version: 1.0.0

# wsui-scrollbar
> Customize scrollbar.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-scrollbar
```

## usage
```scss
// use sass
@import '~@jswork/wsui-scrollbar/dist/index.scss';
// use css
@import '~@jswork/wsui-scrollbar/dist/style.css';
```

## preview
- https://afeiship.github.io/wsui-scrollbar/

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-scrollbar/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-scrollbar
[version-url]: https://npmjs.org/package/@jswork/wsui-scrollbar

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-scrollbar
[license-url]: https://github.com/afeiship/wsui-scrollbar/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-scrollbar
[size-url]: https://github.com/afeiship/wsui-scrollbar/blob/master/dist/wsui-scrollbar.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-scrollbar
[download-url]: https://www.npmjs.com/package/@jswork/wsui-scrollbar
npm package: @jswork/wsui-selection
Description: Customize page selection.
Author: afei
Latest version: 1.0.0

# wsui-selection
> Customize page selection.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-selection
```

## usage
```scss
// use sass
@import '~@jswork/wsui-selection/dist/index.scss';
// use css
@import '~@jswork/wsui-selection/dist/style.css';
```

## preview
- https://afeiship.github.io/wsui-selection/

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-selection/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-selection
[version-url]: https://npmjs.org/package/@jswork/wsui-selection

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-selection
[license-url]: https://github.com/afeiship/wsui-selection/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-selection
[size-url]: https://github.com/afeiship/wsui-selection/blob/master/dist/wsui-selection.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-selection
[download-url]: https://www.npmjs.com/package/@jswork/wsui-selection