@cesarlai/style-toolkit v0.1.0

@cesarlai/style-toolkit

A style lib that include useful mixins, help you get complex display easily.

Getting Started

installation

npm install @cesarlai/style-toolkit

using in .less

// import all mixins
@import "@cesarlai/style-toolkit/less/mixins";
// import text common mixins
@import "@cesarlai/style-toolkit/less/mixins/text";
// import scroll common mixins
@import "@cesarlai/style-toolkit/less/mixins/scroll";

.text {
  // show single line maximum
  .text-ellipsis-single-row();
}

.richtext {
  // show three lines maximum
  .text-ellipsis-multi-rows(3);
}

.container {
  // mixin to hide scrollbar
  .scrollbar-hidden();
}

API Reference

Scroll

Text