• Merged pull request #20

• Merged Pull Request #19
• Reset margin top/bottom for first/last child instance of a <table> element

Big fix for switch control top and left positions not being negated

Turret 4.1.0 Release Notes

Additions

• Moved color variable defintions to new top level _colors.css file to seperate color globals from general global variables in _globals.css
• Added "-50" shades of each color with utility classes for color, border-color, background, fill and stroke
• Shade colors linear tint/shade weights
• Slope linear interpolation functions for setting fluid scaling -space- variables
• Added flex utility classes for flex: auto; and flex: none; as well as utility class for .flex-justify behaviour
• Added color: currentColor; and color: inherit; utility classes for background, fill, and stroke
• Added icon sizes variable definitions with utility classes to set sizes on <svg> icons
• Added svg selector to fill and stroke utility classes for specificity of fill applies to inherited fills e.g. in buttons
• Added button-icon class for buttons to allow for svgs icons to be included with larger sizes that button for size
• Added new media ratios media-4-5 and media-5-4
• Added background and color utility classes to apply globally set color and background values
• Added utility classes for z-index globals z-index-low, z-index-medium, z-index-high
• Added utility classes for font-size defaults font-size-initial, font-size-inherit, font-size-unset
• Added utility classes for overflow overflow-initial, overflow-inherit, overflow-unset, overflow-hidden, overflow-visible, overflow-scroll, overflow-auto
• Added utility classes for pointer-events pointer-events-initial, pointer-events-inherit, pointer-events-unset, pointer-events-none, pointer-events-auto
• Added border-color-current-color and border-color-inherit utility classes
• Added line-height-1 utility class

Fixes

• Set --container-xl default to 80rem
• Step down global --max-width-* vars 10rem to compensate for reduction in --container-xl width
• Removed --slope-* global vars in preference for standard rem scale for space
• Global border radius set to 0.125em
• Updated default headings font sizes
• Updated --horizontal-rule-background to be global var(--border-color);
• Updated --cite-text-align to be inherit
• Fixed position utility classes not being imported
• Updated margin reset for small-caps, ul, ol, display-title, and big
• Fixed media child element not inheriting border-radius from .media container
• Fixed <progress> not removing margins on first and last child element within container
• Set page-break-inside: avoid; on field, input, textarea, .control, and .media elements in print.css
• Updated default table head background to light-50
• Updated default <pre> background to light-50
• Move media queries to _globals.css
• Set default :focus outline color to --dark
• Added missing inline-flex utility class styles
• Remove width: 100%; from input-group
• Added focus ring to controls and select
• Updated default input hover and focus styles to use color functions
• Updated default button hover and active styles with color functions
• Updated range small height to 0.625rem
• Minor semantic space variable update for horizontal rule margin variable definition
• Added icon-m utility class
• Updated default focus ring color and style to better reflect accessibility standards
• Reduce table selector specificity
• Updated typography.md with variable definition --link-hover-text-decoration: underline;
• Updated docs for it's typo in utilities.md
• Remove margin on figcaption element for :first-child and :last-child
• Override IE opacity styles as they apply to the full input and not just placeholder text
• Removed flex-inline class

Docs

• Color palettes use CSS Grid
• Removed /blog in preference for GitHub Releases
• Replaced light-100 background within tables to light-50
• Fix typo with var(--gutter) on gutter utility classes
• Remove instances of non-existent button-m class
• Added background-* utility class documentation to Docs
• Updated border radius example to use dark background to make border-radius more obvious
• Updated Position typo in nav.yml
• Add documentation for transition utility classes
• Add button group to demo

Fixes

Simplify button SVG color inheritance using currentColor instead of explicitly setting colors for SVG foreach shade/palette/indicator option

Additions

Added overflow scroll mixins for X/Y axis with @apply --overflow-x-scroll and @apply --overflow-y-scroll
Added .circle utility class to apply border-radius: 50%;
Added color-inherit and current-color utility classes
Added border-radius utility class to apply var(--border-radius) to any element with the class

Fixes

Added --display-title-color property variable
Fixed typo with --link-hover-text-decoration property variable
Added --media-border-radius property variable with default value var(--border-radius)

Fixes

• Added --focus-outline-offset global to offset focus outline.
• Default border-color for utility classes now using --border-color global.
• Added .border-horizontal and .border-vertical utility classes.