Releases: turretcss/turretcss
Releases · turretcss/turretcss
v5.2.1
v5.2.0
Possible breaking changes
- Moved
@custom-mediacustom media queries from_base.cssto_media_queries.cssand remove from:root {}context as per issue (csstools/postcss-custom-media#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
v5.1.3
Additions
- Add
border-radius-noneutility class
Fixes
- Restructure button indicator classes hierarchy to allow for optional
.button-*classes for indicators for consistency
v5.1.2
Fixes
- Fix control checkbox tick rendering error
v5.1.1
Fixes
- Update
http://links in CSS source tohttps://
v5.1.0
Breaking changes
- Updated
hideandshowutility classes to be consistant with naming convention as outlined in #23
Fixes
- Remove
padding-lefton<li>tags within<ol>,<ul>with the.list-unstyledclass - Replace abritory
right: 15pxvalue onselect::afterarrow with1em
Additions
- Add
display-none,display-contents,display-flex,display-inline-flex,display-gridutility classes - Extend
overflowutility classes with x/y varients and adding-webkit-overflow-scrolling: touch;tooverflow-scrollutility classes - Added
--headings-font-styleand--headings-small-font-styleproperty declarations - Added
--display-title-font-styleproperty declaration - Added
--all-caps-font-styleproperty declaration - Added
--strong-font-styleproperty declaration - Added
--code-font-styleproperty declaration - Added
--pre-font-styleproperty declaration - Added
--kbd-font-styleproperty declaration - Added
--mark-font-styleproperty declaration - Added
--lead-font-style,--lead-text-transformand--lead-letter-spacingproperty declarations - Added
--paragraph-font-style,--paragraph-text-transformand--paragraph-letter-spacingproperty declarations - Added
--blockquote-text-transformand--blockquote-letter-spacingproperty declarations - Added
--cite-line-height,--cite-text-transformand--cite-letter-spacingproperty declarations - Added
--definition-term-font-style,--definition-term-text-transformand--definition-term-letter-spacingproperty declarations - Added
--definition-description-font-style,--definition-description-text-transformand--definition-description-letter-spacingproperty declarations - Added
--list-font-style,--list-text-transformand--list-letter-spacingproperty declarations - Added
--emphasis-font-family,--emphasis-font-weight,--emphasis-colorproperty declarations
Documentation
- Added documentation for
pointer-eventutility classes
v5.0.0
Upgrades
- Upgrade
normalize.csstov8.0.0 - Change PostCSS dependancy from
postcss-cssnexttopostcss-preset-env. - Update dependencies to latest compatible major versions
- Commit package-lock.json
- Updated
color()function tocolor-mod()(stage 2) CSS spec
Breaking Changes
- Removed
@applyrules and remove_mixins.cssdefinitions along with documentation - Removed
--gutterand utity classes in preference for--container-gutterbeing set on the container element only - Removed
--margin-*and--padding-*custom property definitions in preference for--spaceavoiding duplicate values - Removed font size responsive declarations for
:rootelement, it's not being used, has no real benefit and is easy to update manually - Removed
--input-*-paddingand--select-*-paddingcustom property definitions asinputandselectsizes already use relative padding size (em) and this is not required - Removed
@applyfromprogressandinput[type="range"]elements - Removed
.bigtypography styles - Removed
.small-capstypography styles, rplaced withall-capswith size variants - Removed
left-*andright-*float utility classes (along with responsive breakpoint classes) - Renamed
text-*utility alignment classes to.text-align-*and text-transform utility classes to.text-transform-* - Refactored
button-iconsizing to add sizing for each size under--button-icon-*-sizevariable definitions, these sizes are inhertited by the<svg>element within a.button-iconelement without the need for anicon-*class
Additions
- Added
xxs, andxxlvariants for all global classes (font-size,line-height, etc.) elements (input,button, etc.) and@mediaquery breakpoints - Added support for
control-reversedmodifier - Added support for
[disabled]attribute on<a class="button ..."> - Added space utility classes to add
widthandheightto an element based on--space-*custom property defintions - Added
.all-capsas a replacement for.small-capswith size variants for greater flexibility - Extended
.display-titlewith size variants for greater flexibility - Extended
.leadwith size variants for greater flexibility - Added
.groupbase class with alignment and size variants to be placed on wrappers of<ul>lists with margins applied to<li>elements within - Added
--spinner-widthto control the thickness of the.spinnerelement - Added support for
.spinner-*sizes - Added
.box-shadow-*sizes and utility classes - Add
margin-negative-*utility classes for all sizes - Add
margin-vertical-*utility classes for relative sizes (em) including 1, 3-4, 1-2, 1-4 - Add
min-height-*utility classesvhbasedmin-heightsettings - Add
order-*utility classes for 1, 2, 3 and aliases first, middle, last - Added
.button-textmodifier class - Added
.font-family,.font-weight,.font-size,.line-height,.letter-spacing, and.box-shadowutility classes for base settings - Added
--link-text-decoration-skipand--link-hover-text-decoration-skipfor links - Added
--all-caps-colorvariable definition - Added
--label-text-transformand--label-letter-spacingvariable definitions - Added
--control-text-transform,--control-letter-spacingvariable definitions - Added
--definition-term-line-heightand--definition-description-line-heightvariable definitions - Added
text-decoration-underlineandtext-decoration-noneutility classes
Fixes
- Added
.table-responsiveto margin reset - Fixed
.button-groupnot resettingborder-radiusfor direct decendants - Removed
heightfrom being set oninput[type="range"]withheight: auto - Updated
package.jsonscripts to be more descriptive and meaningful - Fixed
.controlcheck indicator border color to default to checked background color - Updated
.control:checkedindicator SVG glyph, no longerbase64but ratherutf-8encoding for editing and scaling purposes - Removed
:not(:disabled)frominput,.field-float-label,select, andbuttonstyles - Fix direct child
<ul>/<ol>of<li>recieving styles to avoid nested markup inheriting styles - Add
pxaffix toflex-1utility class flex property value:flex: 1 1 0pxfor IE support - Fixes to links
text-decoration-skip-inkproperty value addingtext-decoration-skip-ink: auto;to links by default
Style Changes
- Tighten global
--space-*sizes - Increase default global
--border-radiuscustom property definition to0.125rem(4px) - Update default global
--max-widthand--letter-spacingcustom property definitions to have generic scales - Tightened
progressandinput[type="range"]heights - Tightened
.controlsize scale - Decrease default global
--label-magincustom property definition - Update default global
--field-maginand--range-magincustom property definition - Updated default
<pre>and<code>styles - Updated default
-icon-*sizes
Documentation
- Removed
<mark>indicator variants - Add prettier formatter for
.mdmarkdown files - Docs move quick start to getting started
v4.1.4
Fixes
- Reset
<caption>margin for:first-childand:last-child
Updates
- Updated default
line-heightvariable defintions to be proper fractions
--line-height-xl: 1.75;
--line-height-l: 1.625;
--line-height-m: 1.5;
--line-height-s: 1.375;
--line-height-xs: 1.25;