Releases: joeleisner/chassis-css
Version v4.0.8
This patch switches the package to ESM, drops IE support, updates all dependencies to their latest versions, and reorganizes the build system to be more maintainable.
Version 4.0.7
This patch updates all dependencies to their latest versions and replaces all SASS slash as division operations to math.div(...)
due to future deprecation.
Version 4.0.6
Dependency updates
Updated the following dependencies to their latest versions:
- @babel/register@7.12.1
- gulp-postcss@9.0.0
- autoprefixer@9.8.6
- @babel/core@7.12.3
- @babel/preset-env@7.12.1
In addition, sass
has been added as a development dependency to switch gulp-sass
's SASS compiler from NodeSass to DartSass.
Readme & changelog updates
Updated the readme.md
and changelog.md
files to include information regarding the 4.0.6 patch.
Version 4.0.5
This patch updates autoprefixer
and gulp-sass
to their latest versions, fixes security vulnerabilities with development dependencies, and simplifies the Gulp tasks and NPM scripts to make maintenance and development easier.
Version 4.0.4
This patch updates autoprefixer
to its latest version, fixes security vulnerabilities with the development dependencies, and simplifies the header used within the output files.
Version 4.0.3
This patch explicitly sets the font-size of code elements (pre
, code
, kbd
, and samp
) to 1rem. It also updates autoprefixer and its sub-dependency of caniuse-lite to their latest versions.
Version 4.0.2
This patch no longer explicitly sets the root font-size to 16px, leaving it up to the browser's default and respecting the user's preference if set. It also updates some packages to their latest version.
Version 4.0.1
This patch brings some much needed stability to the framework after its big release. Here's what to expect:
- Rows no longer change their
flex-direction
betweencolumn
on extra small viewports androw
on small viewports and above.- Rows now wrap columns to vertically stack them.
- Vertical and horizontal alignment modifier classes no longer flip-flop functionality between extra small and small viewports.
- The reverse row modifier class,
.row.rev
, has been changed. - The way columns fill the row's width on extra small viewports has been changed.
- New align content modifier classes,
.ac-*
, have been added to provide more vertical alignment options.
Version 4.0.0
Chassis.css has been overhauled from the ground up to support some killer new features. Here's what you can look forward to:
- The grid system now uses Flexbox!
- You can simply use the
.col
class to automatically take up remaining space in a row. .row.rev
allows you to quickly reverse the order of a row.- Gone are the days of push/pull - You can now order/space your columns with
.or-*
(order),.or-r*
(order reset on mobile), and.os-*
(offset) classes. - You can now vertically/horizontally align columns with
.ai-*
(align-items),.as-*
(align-self), and.jc-*
(justify-content) classes.
- You can simply use the
- The reset and typography defaults have been ironed out.
- The reset only overrides necessary things and avoids practices that can compromise accessibility.
- Overall sizes and spacing between typography elements have been simplified dramatically.
- New heading
.h*
classes allow you to make any typography element look like a heading.
- Utility classes, particularly for margins/padding, have become way more concise/versatile.
- These classes are now constructable, allowing you to target all/specfic sides, add negative/positive adjustments, and utilize 6 levels of adjustments.
Plus more! There's a lot in this update to get excited about.
Version 3.0.2
Even more minor fixes and improvements:
- Proper styling for nested columns!
- Nested rows now remove left/right padding, keeping your content aligned and visually cohesive
- All build-system javascript has been upgraded to ES2015 (ES6)
- Gulp task names have been simplified
- The following packages were upgraded:
autoprefixer
,cssnano
, andgulp-postcss