v5.7.2

Fixes

• fix missing import
• fix button cursors
• correct pre >> code white-space rendering

v5.7.1

Fixes

• install sourcemaps
• update source code formatting/style & jsdoc
• update backend to es6

v5 is Feature Locked

xmeter v5+ is now Feature Locked. No new features will be added until v6 is released. Until then, only patches will be made using version numbers v5.7.x, where x denotes a patch number.

v5.7.0

Non-Breaking Changes

Deprecations

• DEPRECATES all fallback mixins, i.e., all files that start with __fallback. Use Autoprefixer in your own project instead. Fallback mixins will be removed in v6. Tool mixins (__tool.*.less) will be left intact.
• DEPRECATES -nsK, -nsM, etc. class suffixes. Use -nK, -nM, etc. (see #11)
• DEPRECATE .-mb-1vru: use [email protected] .-mb-1 instead
• DEPRECATE .-pt-1vru: use [email protected] .-pt-1 instead

New Features

• moves mixin tool .transitions() (which sets each long-hand transition property separately) from __fallback.transition.less to __tool.transitions.less (still in old file but copied to new file. old file will be removed in v6.)

v5.6.2

Fixes

• removes display: contents from transparent elements (not what I thought it meant)
• updates docs section on box-shadow hack
• fixes initial text-align value for default browser stylesheets
• removes opinionated backgrounds & borders from form elements; fixes border width & style on universal selector
• fixes initial column-rule width and style for all elements
• updates fallback mixins to match gulp-autoprefixer v4 default settings

v5.6.1

Fixes

• corrections to [email protected]
• use box-shadow hack for borders affecting vertical rhythm (box-shadow may replace .border-vert(all)). See /docs/tools.md#box-shadow-hack.
• fixes typographical block selectors & adds form element
• removes list-style from dl elements
• code clarification & optimization
• add initial values to grid fallback mixins
• fixes & updates to documentation & comments
• adds "jump to top" ax link to docs & repositions inner page contents on Large+ screens

v5.6.0

Minor Changes

• renames docs files and partials to .pug, but keeping DEPRECATED file _base.jade for backwards-compatibility. will be removed in v6
• adds new text-decoration-line property to elements using text-decoration in base styles (currently only u and s). text-decoration: none resets are kept on selectors that use it. otherwise, the text-decoration shorthand is still supported, but will be removed once all major browsers support the longhand. http://caniuse.com/#feat=text-decoration
• DEPRECATES the following mixins in __fallback.flexbox.less. However, flex-[direction, wrap, grow, shrink, basis] are still stable and unchanged in this release.
  • .flex-justify-content()
  • .flex-align-content()
  • .flex-align-items()
  • .flex-align-self()
• adds new mixins for CSS3 Box Alignment Module, which can be used with Flexbox, Grid, Multicolumn, and many other layouts.
  • .justify-content()
  • .align-content()
  • .justify-items()
  • .align-items()
  • .justify-self()
  • .align-self()
• drops -moz prefix support on all Flexbox and alignment properties
• NEW! Permalink Component — read the description in /docs/_includes/_comp.permalink.pug
• NEW! fallback mixins for CSS grid (see /src/__fallback.grid.less)
• DEPRECATED: Grid Object. This class will be repurposed in v6, using CSS Grid (no longer Flexbox). It will not be removed, but it will no longer work with Flexbox-related properties. If you use .o-Grid in your code now, you can either stop using it (and replace it with .o-Flex), or you can modify it by preemptively using CSS Grid!

Fixes

• deletes /index.jade, using /index.html as source
• fixes an issue where sup and sub were inheriting the vertical-align value of their parent
• fixes an issue where online docs weren't getting a stylesheet

v5.5.0

Minor Changes

• new default styles for form elements
• drops a small fallback for rgba()
• drops a small fallback for content: none;
• publish Xmeter style guide to https://chharvey.github.io/xmeter/
• UNDOES a deprecation in v5.3.1: the most up-to-date source files are now in directory /src/, and not in /styles/. Only /src/ will be maintained, and /styles/ is DEPRECATED and will be removed in v6. this overrides the specification listed in Patch v5.3.1.

Fixes

• uses absolute URLs for documentation internal links

v5.4.0

Minor Changes

• adds new .h-Hidden helper class, for hiding elements visually, but are still accessible to screen readers
• adds accessible skip links to Docs
• adds role="directory" to docs site & page navs
• renames negative breakpoint class suffixes from, e.g. -nsK to -nK (removes the 's'). Old classes, with the 's', are still available but DEPRECATED. They will be removed in v6. see #11

Fixes

• closes #10
• restructure style guide template
• updates docs frag-id links
• fixes issue where label did not have line-height: 0

v5.3.1

Fixes

• renames docs include partials AGAIN (sorry). see folder /docs/_includes/. instead of using component (etc) names, filenames are now using the ID of the corresponding section. Again, leaving /docs/_includes/base.docs.jade as well as /docs/includes/_base.docs.jade for backwards compatibility.
• duplicates /src/ into /styles/. the former is DEPRECATED and will be removed in v6.

v5.3.0

Minor Changes

• adds Flexbox tools docs
• refactors docs jade partials: move from folder /docs/includes/ to /docs/_includes/ and remove leading underscore from partial files
  • exception: leaves /docs/includes/_base.docs.jade for other projects who still use it. REMOVING the file in v6
• closes #11 negative breakpoints

Fixes

• <details> elements are now treated as typographical blocks

• adds cursor: pointer to <summary> for clearer interactivity

• minor comment and documentation updates

• fixes default param for .flex(): it is now .flex(0 1 auto), no longer .flex(initial) (for IE not supporting initial)

• adds !important to Xmeter Atoms. Atoms are meant to override, but will fail to do so if they’re not imported last (unless they have !important). Example:

  /* xmeter.css */
  .-fz-kilo { font-size: 1.5em !important; }
  /* your-project.css */
  .YourComponent {
    /* ... default component styles ... */
    font-size: 3em;
  }

  <div class="YourComponent -fz-kilo">
    adding Atom .-fz-kilo to override YourComponent’s default styles.
    font-size will be 1.5 as desired,
    even if xmeter.css is imported before your-project.css.
  </div>