wocss-trumps-utilitiesdeprecated

[DEPRECATED] BassCSS port

Usage no npm install needed!

<script type="module">
  import wocssTrumpsUtilities from 'https://cdn.skypack.dev/wocss-trumps-utilities';
</script>

README

This module is DEPRECATED

This module has been renamed to wocss-utilities-basscss

UTILITIES

Trump

The wocss-trumps-utilities module contains a port of BassCSS library using wocss variables and the BEMIT naming convention.

Install using npm:

$ npm install wocss-trumps-utilities --save

Usage

With a tool like webpack you can import all modules writing:

@import '~wocss-trumps-utilities';

or import only that you need:

@import '~wocss-trumps-utilities/src/trumps.hide';
@import '~wocss-trumps-utilities/src/trumps.show';

Modules

  • Align

  • Background colors

    NOTE: Here we have extra utilities classes. e.g.: u-bg-primary

  • Borders

  • Colors

    NOTE: Here we have extra utilities classes. e.g.: u-color-primary

  • Flexbox

    NOTE: There is a u-flex-fit (it can shrink to 0 width) and u-flex-auto (it can shrink to content width)

  • Hide

  • Layout

    NOTE: There is not max-width utilities. (check wocss-objects-wrapper)

  • Margin

  • Padding

  • Positions

  • Show

    Use these utilities to conditionally show elements based on viewport width.

  • Type scale

    NOTE: The font-size utilities has a extra namespace ('fz'). e.g.: .u-fz-h1

  • Typography

    NOTE: The font-weight utilities has a extra namespace ('fw'). e.g.: .u-fw-regular

Dependencies