New
v5.2.0
Possible breaking changes
- Moved
@custom-mediacustom media queries from_base.cssto_media_queries.cssand remove from:root {}context as per issue (https://github.com/postcss/postcss-custom-media/issues/54) - Removed
position: absolute;from.position-[direction]utility classes
Additons
- Added numerical value
.font-weight-*utility classes for 100-900 values - Added
position-absolute,position-fixed,position-relativeclassname variants for utility classes - Added
sticky,position-sitckyandstatic,position-staticutility classes - Added
cursor-*utility classes for all values of thecursorproperty - Added
font-style-*utility classes for all values of thefont-styleproperty - Added
media-coverclass to set media element to absolutely cover containing element - Added
no-border-radiusalias for settingborder-radius: 0: - Added
overflow-wrap-*utility classes for all values of theoverflow-wrapproperty - Added
group-columnandgroup-nowrapto groups - Added
opacity-*utility classes for general 5% opacity scales - Added
height-100utility class forheight: 100% - Added
width-100utility class forwidth: 100% - Added
--form-message-font-style,--form-message-text-transformand--form-message-letter-spacingproperty declarations - Added
--label-font-styleproperty declaration - Added
--input-font-style,--input-text-transformand--input-letter-spacingproperty declarations - Added
--select-font-style,--select-text-transformand--select-letter-spacingproperty declarations - Added
--control-font-style,--control-text-transformand--control-letter-spacingproperty declarations
Updates
- Updated dependancies. Including major versions for
postcss@^7.0.17andpostcss-preset-env@^6.7.0 - Updated
--select-border-radiusdefault variable definition in_form.cssto--input-border-radius - Updated
.font-weight-*named variables and utility classes to match common name matching as identified in issue #32 - Updated
.position-[direction]utility classes to include variants forposition-top,position-right,position-bottom,position-left - Updated
display-titledefault variable definitions for better default styling - Updated opinionated styles from
<fieldset>default variable definitions, instead opting basic display which can be customised if desired - Updated
--legend-paddingto0default variable definitions removing opinionated styles - Updated
.mediaclass to set child<img>,<video>, &<canvas>elements to beobject-fit: coverby default
Removals
- Removed duplicate
captionselector inreset.css - Removed
position: absolute;from.position-[direction]utility classes
Fixes
- Fix typo in package.json browserlist value
- Button with
spinnerclass setcolor: transparentto ensure spinner is visible over text
Docs
- Updated Border Color examples with
margin-vertical-xs - Remove unnecessary duplicate or "Example"
<h2>from utility class pages - Updated
fieldexamples to use<p>tags to improve semantics - Cleanup
<input />tags for prettier HTML cleanup - Update
nav.ymlutility class pages into alphabetical order - Improve navigation active visual indicators to highlight 3rd level pages