wsui-shorty

Short and pithy style toolkits.

installation

npm i @jswork/wsui-shorty

usage

// default to `scss`
@import '~@jswork/wsui-shorty/dist/index.scss';
// or use `css`
@import '~@jswork/wsui-shorty/dist/style.css";

// when tailwind
@import '~@jswork/wsui-shorty/dist/tailwind.css";
// OR use scss
@import '~@jswork/wsui-shorty/dist/tailwind.scss";

with tailwind

You can use @jswork/wsui-shorty with tailwind. At first, you need install sass.

@tailwind base;
@tailwind components;
@tailwind utilities;

@import '@jswork/wsui-shorty/dist/tailwind.css';

body {
    background: #eee;
}

documentation

• align.scss
• background.scss
• border.scss
• box-sizing.scss
• box.scss
• clearfix.scss
• cursor.scss
• debug.scss
• flip.scss
• display.scss
• float.scss
• font-size.scss
• height.scss
• line-clamp.scss
• margin.scss
• overflow.scss
• padding.scss
• position.scss
• shadow.scss
• shape.scss
• status.scss
• text.scss
• transform.scss
• transparent.scss
• width.scss
• z-index.scss

license

Code released under the MIT license.