Releases: oddbird/cascading-color-system
Releases · oddbird/cascading-color-system
v0.1.0-beta.16
- 🏠 INTERNAL: Remove documentation from npm package
- 🏠 INTERNAL: Upgrade dependencies
New Contributors
Full Changelog: v0.1.0-beta.15...v0.1.0-beta.16
Fix demo site
- INTERNAL: Update dependencies & fix demo site [#12]
Documentation cleanup
- INTERNAL: Update homepage & documentation links
More flexible user form controls
- NEW: All form inputs & buttons are now optional
- NEW: Support radio-inputs for
light
/dark
/auto
modes:[data-ccs-input="light-mode"]
[data-ccs-input="dark-mode"]
[data-ccs-input="auto-mode"]
- NEW: Optionally unset theme-related user values when changing themes:
- Add
unset-values
to theme input:[data-ccs-input="theme unset-values"]
- Add
- INTERNAL: Upgrade dev dependencies
Documentation and Cleanup
This is a minor non-breaking pre-release, upgrading dependencies and adding documentation to the repository and npm package, along with some module re-arranging.
- INTERNAL: Upgrade dev dependencies
- INTERNAL: Split
modes
andpalette
into their owntools
module that can be imported as plain Sass without any CSS output - DOCS: Added documentation to repo
Arbitrary Colors
This is a major breaking pre-release, adding support for arbitrary color names,
so you can define more complex and customized cascading themes.
- BREAKING: Replaced individual
$*-hue
settings with a combined$hues
map
of (string
) color name keys with (number
|null
) hue values.
This allows the tool to generate any number of colors.
The default('prime', 'accent', 'neutral')
shorthand
creates identical default settings to previous releases.
Acceptable shorthands:- a single
number
|null
value will be assigned a key:prime
- a
string
|list
(of strings) will generate keys withnull
values
- a single
- BREAKING: Added a
$colors
list argument (first) in both the
colors()
andgradient()
mixins --
set to the list of$hues
map-keys by default - BREAKING: Since
accent
colors are no longer hard-coded,
the built-in themes have replaced--ccs-accent--theme
settings
with more generic--ccs-theme--1
and--ccs-theme--2
--
which can be assigned to other color names as needed. - NEW: Any color with
neutral
in the name
will use the neutral saturation,
rather than the default saturation
Mode fixes and improvements
- BUGFIX: Source & cascade order was causing HTML modes to fail
- BREAKING: Rename
--ccs-mode--invert
to--ccs-invert
,
and--ccs-mode--invert-zero
to--ccs-invert--zero
- BREAKING: Remove
prefers-color-scheme
media-query from fallback colors,
since more browsers support variables than color-scheme queries - DOCS: Added documentation of fallback and mode settings
mode toggles
- NEW:
--ccs-mode--zero
and--ccs-mode--invert-zero
provide mode values of0
(dark) or1
(light),
rather than-1
(dark) and1
(light) - NEW:
if-mode($light, $dark)
function returns a CSScalc()
toggle
between two values, depending on the current (light/dark) mode
Improved flexibility & organization
- BREAKING: Set defaults on
background-color
rather thanbackground
shorthand - BREAKING:
--ccs-custom-display
and--ccs-field-display
variables
for more customized control of CCS menu field display - BREAKING: Set
background-color
andcolor
on all[data-ccs-colors]
,
with both fallback values and variables defaulting to
--ccs-neutral--(fg/bg)-full
- BREAKING: Re-order the output from general to specific
- NEW:
--ccs-background
and--ccs-color
override the default
[data-ccs-colors]
background and text - NEW:
$neutral-hue
and--ccs-neutral--config
for setting neutral hues - NEW:
$neutral-saturation
and--ccs-s-neutral--config
override contrast-based saturation on neutral palette - MOVE:
LICENSE
=>LICENSE.md
(and fix inpackage.json
)
Naming conventions (BREAKING)
- BREAKING: rename
[data-ccs="*-select"]
attributes
with nested form inputs to
[data-ccs-field="*"]
and nested[data-ccs-input="*"]
- BREAKING: rename
[data-ccs="unset"]
to[data-ccs-input="unset"]
- BREAKING: rename
[data-ccs="invert"]
to[data-ccs-input="mode"]
- Use Hipocratic License
- Add root-level
_index.scss
for simpler Sass imports