7.0.8 • Published 3 years ago

@xiwell/auto-styles v7.0.8

Weekly downloads
78
License
ISC
Repository
-
Last release
3 years ago

##Install

npm install @xiwell/auto-styles
yarn add @xiwell/auto-styles

##Usage

import autostyle from '@xiwell/auto-styles';

// Basic usage
console.log(
  autostyle({
    margin: 10,
    padding: 10
  }).px().toString()
); /* margin: 10px; padding: 10px */

// Use array
console.log(
  // string and object can be added to the array
  autostyle([
    {
      margin: 10,
      padding: 10
    },
    'fontSize: 10'
  ]).px().toString()
); /* margin: 10px; padding: 10px; font-size: 10px */

// Use function
console.log(
  autostyle(function (utils) {
    // return array || string || object
    return [
      'margin: 10',
      {
        padding: 10
      }
    ]
  }).px().toString()
); /* margin: 10px; padding: 10px; */

// force cover
console.log(
  autostyle('fontSize: 10px; margin: 10px!important')
    .rem()
    .toString()
); /* font-size: 10rem; margin: 10rem!important */

// use @ sign to ignore
console.log(
  autostyle({
    margin: '@10px',
    padding: 10
  }).rem().toString()
); /* margin: 10px; padding: 10rem */

##API

const style = autostyle(...args);
// unit
style.px();
style.pc();
style.pt();
style.rem();
style.em();
style.vh();
style.vw();
style.percent();
// return
style.px().toJSON();
style.px().toString();
style.px().toStringify()
7.0.8

3 years ago

7.0.7

3 years ago

7.0.4

3 years ago

7.0.6

3 years ago

7.0.5

3 years ago

7.0.3

3 years ago

7.0.2

3 years ago

7.0.1

3 years ago

5.0.1

3 years ago

5.0.0

3 years ago

4.0.5

3 years ago

4.0.1

3 years ago

4.0.0

3 years ago

3.0.1

3 years ago

3.0.0

3 years ago

2.0.2

3 years ago

2.0.1

3 years ago

1.0.7

3 years ago

2.0.0

3 years ago

1.0.6

3 years ago

1.0.5

3 years ago

1.0.4

3 years ago

1.0.3

3 years ago

1.0.2

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago