util-css

css utils

Usage no npm install needed!

<script type="module">
  import utilCss from 'https://cdn.skypack.dev/util-css';
</script>

README

util-css

util-css package is a collection of classes based in css properties

install

npm install util-css

Syntax

util-css uses util sysntax to construct their class names. Here is an example

.u-[property]--[value]
.u-display--none

Usage

  • Add the properties css files you want to your project styles
  • Use them as syntax requires (.u-)
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello world</title>
</head>
<body>
    <section class="u-text-align--center">
        Hello world
    </section>
</body>
</html>

Contribute

  • fork the repository
  • go to /generator/files
  • Add the ones you think I'm missing (Pllease follow the syntax)
  • run npm run generate
  • It'll generate the files
  • Make me a pull request
  • I will review it and accept it a soon is possible
  • Enjoy or style!
  • :)