Skip to content

Releases: scriptex/itscss

Updated metadata

14 Sep 11:01
Compare
Choose a tag to compare

This release doesn't introduce any significant code changes except for adding of justify-content: space-between to the .o-shell--flex selector.
The rest of the updates are related to metadata and demo.

Updated flexbox mixins

07 Jan 08:07
3dd052d
Compare
Choose a tag to compare

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

16 Nov 12:34
f523fce
Compare
Choose a tag to compare

This release fixes the incorrect usage of the "reduced motion" built-in mixin and media query.

Migrate from Node SASS to Dart SASS

22 Oct 12:37
e64a46f
Compare
Choose a tag to compare

This release migrates away from the legacy Node SASS module and starts using the supported port of Dart SASS.

z-index management

01 Feb 13:56
Compare
Choose a tag to compare

This release introduces a new function z($keys) which manages z-index so you don't have to.

Native smooth anchor scrolling

01 Feb 08:04
Compare
Choose a tag to compare

This release adds support for native smooth anchor scrolling.
It also adds peer dependencies.

Improved grid

17 Nov 16:12
a3ea628
Compare
Choose a tag to compare

BREAKING CHANGES:

This release

  1. 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

  1. 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 the o-shell object
  • $breakpoints - map of min and max media queries used to build the responsive helper classes
  • $displays - list of display properties used to build the responsive helper classes
  • $alignments - list of text-align properties used to build the text alignment utilities.
  1. Adds new clear utility classes for clearing after floats: clear, clear-left and clear-right
  2. Adds a new display mixin.

User preferences media queries

10 Sep 12:07
Compare
Choose a tag to compare

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

21 Sep 05:35
Compare
Choose a tag to compare

This release adds more responsive utility classes for flex and inline-flex display on all devices and breakpoints.
Details in the PR

Various updates

08 May 05:31
a45cd1f
Compare
Choose a tag to compare

This release:

  1. Updates the reduced-motion media query to accept an argument
  2. Updates the text-decoration-skip-ink property to match the latest spec