Releases: scriptex/itscss
Updated metadata
Updated flexbox mixins
BREAKING
This release updates the already existing flexbox mixins and introuduces several new ones.
For more information, please refer to the documentation
Fix "reduced-motion" media query
This release fixes the incorrect usage of the "reduced motion" built-in mixin and media query.
Migrate from Node SASS to Dart SASS
This release migrates away from the legacy Node SASS module and starts using the supported port of Dart SASS.
z-index management
This release introduces a new function z($keys)
which manages z-index
so you don't have to.
Native smooth anchor scrolling
This release adds support for native smooth anchor scrolling.
It also adds peer dependencies.
Improved grid
BREAKING CHANGES:
This release
- Removes the modifier classnames for grid items (
.o-grid__item--1of2
and such) and instead introduces a new grid system based on variables. The variables are explained and demoed in the README.
NEW FEATURES
- Introduces several new variables:
$gap
- used to define the spacing between grid items and floated elements$columns
- used to define the columns in the new grid$shell-gap
- used to define the right and left padding of theo-shell
object$breakpoints
- map of min and max media queries used to build the responsive helper classes$displays
- list ofdisplay
properties used to build the responsive helper classes$alignments
- list oftext-align
properties used to build the text alignment utilities.
- Adds new
clear
utility classes for clearing after floats:clear
,clear-left
andclear-right
- Adds a new
display
mixin.
User preferences media queries
This release introduces media queries for user preferences: @media (prefers-color-scheme: light)
and @media (prefers-reduced-motion: reduce)
.
This release improves the usage details and documentation.
Better responsive utilities
This release adds more responsive utility classes for flex
and inline-flex
display on all devices and breakpoints.
Details in the PR
Various updates
This release:
- Updates the
reduced-motion
media query to accept an argument - Updates the
text-decoration-skip-ink
property to match the latest spec