@scottdejonge scottdejonge released this May 14, 2018 · 1 commit to master since this release


  • Reset <caption> margin for :first-child and :last-child


  • Updated default line-height variable 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;


@scottdejonge scottdejonge released this Apr 7, 2018 · 9 commits to master since this release

  • Merged pull request #20


@scottdejonge scottdejonge released this Apr 5, 2018 · 14 commits to master since this release

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


@scottdejonge scottdejonge released this Mar 21, 2018 · 18 commits to master since this release

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


@scottdejonge scottdejonge released this Mar 20, 2018 · 26 commits to master since this release

Turret 4.1.0 Release Notes


  • 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


  • 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


  • 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


@scottdejonge scottdejonge released this May 30, 2017 · 111 commits to master since this release


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


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


@scottdejonge scottdejonge released this Apr 13, 2017 · 117 commits to master since this release


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)


@scottdejonge scottdejonge released this Apr 10, 2017 · 124 commits to master since this release


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