Skip to content

Releases: decent-css/decent

Fixes missing spacing classes and removes position on .overlay

22 May 01:51
Compare
Choose a tag to compare

Moves modules into folders and adds README's to each

04 May 23:45
Compare
Choose a tag to compare

[Potentially Breaking]

If you imported modules individually, this release will likely break your build. You will need to update the paths to each modules, ie:

@import 'modules/color/index';

As opposed to"

@import 'modules/color`;

This change allows for mixins that only apply to a specific module to be scoped correctly and for documentation to be closely coupled to it's corresponding code.

Adds Documentation to Each Module

01 May 05:17
Compare
Choose a tag to compare

Bug Fixes and Tests

01 May 05:18
Compare
Choose a tag to compare
v2.1.1

2.1.1

Colorsets

20 Apr 03:21
Compare
Choose a tag to compare

This makes decent even less opinionated and more flexible!

Colorsets can be written as a map, so say you want to add another set called brand, you can completely rewrite the default set or merge a map with brand into the default $colorsets map.

$colorsets: (
  'primary': (
    'default':  hsl(240, 90, 50),
    'alt':      hsl(240, 90, 40),
    'alt-2':    hsl(240, 90, 30)
  ),
  'secondary': (
    'default':  hsl(27, 100, 53),
    'alt':      hsl(27, 100, 43),
  ),
  'success': (
    'default':  hsl(122, 90, 50),
    'alt':      hsl(122, 90, 40),
    'alt-2':    hsl(122, 90, 30)
  ),
  'error': (
    'default':  hsl(0, 90, 50),
    'alt':      hsl(0, 90, 40),
    'alt-2':    hsl(0, 90, 30),
  )
) !default;

This will give .c- and .cbgg- classes for each set. Default classes output without a key, ie cbg-primary, while the others will append the key, ie cbg-primary-alt.

The greyscale is also written similar, but can only be made up of one set.

$greyscale: (
  'black': hsl(240, 1, 1),
  '1':     hsl(240, 4, 10),
  '2':     hsl(240, 3, 24),
  '3':     hsl(240, 3, 30),
  '4':     hsl(240, 2, 40),
  '5':     hsl(240, 2, 50),
  '6':     hsl(240, 2, 84),
  '7':     hsl(240, 1, 92),
  '8':     hsl(240, 1, 96),
  'white': hsl(240, 0, 99)
) !default;

You can access greys with .cg- and .cbgg-.