v3.0.0

Many things have been changed since the last release. The list of these changes are noted below. Keep in mind, however, that this version of Sparkle.css will not be backwards compatible.

New Features:

• The class names now follow the hyphenated classes, rather than the BEM class name format (i.e.: .card__header will now be .card-header, for more consistency with the modifier classes, which are already hyphenated).
• New .sass-lint.yml file was added to ensure consistency in sass/css style formatting.
• New npm commands were added to integrate new functionalities of the build.
• New progress bar design was added to UI.
• New modifier classes added to inputs (i.e.: .make-rounded, .make-{$size}).
• New "elevation" modifier utility classes were added.

Updates:

• Formatting updated.
• SASS variables updated.
• Modifiers class named after sizes no longer are make-xsmall and make-xlarge, but make-smaller and make-larger respectively.

Fixes:

• Many fixes, especially on variable names, were made; along with styling fixes, and more.

Thank you for using Sparkle. We strive to make this project of passion usable and memorable for all designers and developers. smile

v2.2.0

Sparkle has changed quite a few things, though not enough for a major release. The following sections will describe what were changed since v2.1.0:

New Features:

• Added new button group .make-centered and .make-right modifier classes;
• Added new variables for customization in _variables.sass file;
• Added new .box and .boxes elements (idea taken from official website);
• Added new .breadcrumb feature;
• Added new $grid-columns in _variables.sass file to keep track of column number (default set to 12);

Updates:

• Grid mixins has its own file, in the mixins folder;
• Redesigned tables: now allows you to use regular <table> or <div>;
• Improved spacing algorithms in .make-margin-$i and .make-padding-$i: allows multiple of 5's too;
• Updated dependency list to latest releases;

Deprecates:

• Removed button's .make-medium modifier;
• Removed border-right of .nav__brand class;
• Removed .form-group class in favor of .input__addon(s) for consistency;

Fixes:

• Fixes on .switch selectors;

Thank you for using Sparkle. We strive to make this project of passion usable and memorable for all designers and developers. 😄

v2.1.0

A few changes have occurred since the release of Sparkle v2.0.1(-beta). Below is the list of changes:

New:

• Created new mixins folder, where reusable mixins can be created and shared easier;
• No more external imports (Normalize and FontAwesome -- see blow);

Fixes:

• Fixed consistency of document: tabs are now 2 spaces instead of 4;
• Fixed name in text alignment classes;
• Fixed font-sizing of link text by making font-size: inherit;
• Fixed consistency of visibility classes in utilities;
• Fixed media__profile image by adding universal border-radius for consistency;
• Many other minor fixes and bug corrections;

Updates:

• Replaced $theme-map with $color-map;
• Divided utility features into separate files in utilities folder;
• Removed the import of FontAwesome link in sparkle.sass, which will allow user to decide whether to import it or not (and which version);
• Removed colors.sass file, as it is no longer needed: all was traversed into the variables.sass file;
• Removed unused images from img folder;
• Added new vendors folder to allow external libraries to be included into the framework (Normalize is still preferably required, but not necessarily mandatory);
• Supported browsers now include last 3 versions, as well as IE >= 10;

Note:
Sparkle v2.1.0 is the version v2 stable release. The branch v2.0-beta will no longer be supported, and everything from now on will happen within the dev branch. Unless new features will be implemented in the future.

Thank you for using and supporting Sparkle.CSS. We strive to keep the Framework up and running the best way possible. 😄

v2.0.1-beta.1

Major update on the overall design of Sparkle.

Updates:

• Grid name changed from .grid to .columns to keep it consistent with group naming;
• Grid now incorporates breakpoints (i.e.: .column make-$size-$breakpoint);
• Grid comes with gutters by default, instead of adding it--to remove the gutters, add the class .make-no-gaps (tentative name) to the .columns (aka .grid);

Fixes:

• Fixed many formatting issues;
• Fixed breakpoint visibility issues (i.e.: .make-mobile-hidden more specifically);
• Clean-ups, clean-ups, clean-ups!

Deprecates:

• Removed gulp-pug module from gulpfile.js as it is no longer needed for the development of Sparkle;

Tentatives:

• Consideration to migrate from gulp v3.9.1 to v4.0.1;

NOTE:
Although it isn't tagged as such, for the time being, v2.0.1 is actually a beta-release and still under development to optimize it. At the same time, we have officially terminated the support of v1.9.9-beta.1. However, because v1.10.10 release is fairly recent and uses most of the same components as v2.0.1(-beta), it will still be supported.

Thank you for using and supporting Sparkle. 😃

v1.10.0

Another minor version update, which includes the following:

Updated:

• New website available here -- Still in development;
• Minimized coding from a lot of components;
• Visibility utility has its own file (see below);
• Reduced margin/spacing when using .make-text-title with a .make-text-subtitle or h1 with h3 (or any every two headers) elements that are close siblings;

Added:

• Added web-friendly fonts as priority if 'Lato' is not installed;
• Added support for IE8 (tentatively);
• Added new breakpoints for utilities (visibility);

v1.9.14

Another quick release on the following issues and improvements:

Fixes:

• Added a new dependencies badge to ensure up-to-date features;
• Fixed list margins;
• Fixed font color of hero make-primary class;
• Fixed nav__brand positioning error when image/svg is used;

Updates:

• Updated list of devDependencies to latest release;
• Updated and fixed minor issues on nav class;
• Updated autoprefix to support latest 3 releases rather than latest 2;

New:

• Added web-safe fonts and system default fonts in case Lato font is not installed;
• Added buttons (button-group element) to its own file;
• Added tags (tag-group element) to its own file;
• Added IE9 support (tentative);
• Added header created by Postcss-header module to avoid updating manually;

Deprecated:

• Removed make-text-linethrough class, as it was not browser-compatible;

Thank you for using and supporting the development of Sparkle!

v1.9.13

This patch is a quick fix to a resizing problem that the grid system had, as well as some spacing inconsistencies with margins and paddings.

v1.9.11

Fixed Issue:

• Fixed a small bug where using <a href="#" class="button"></a> results in button acting like an anchor (upon hovering) rather than the regular button behavior (i.e.: <button class="button"></button>).

v1.9.10

This patch release focuses more on code clean-ups and bug fixes, and restyling some elements to keep consistencies.

New Features

• Theme colors have been cropped down to the essential colors (default, primary, info, success, warning, danger, light, and dark);
• Added customized radio buttons;
• Added customized checkbox;
• Added customized switch;
• Added Hero layout;
• Added loaders;
• Added form groups (permits input to 'stick' with a button on either side of the input);
• Redesigned vertical menu;
• Redesigned alerts;
• Redesigned default button (to implement default color theme rather than transparent);
• Removed blockquote modifiers;

Since Sparkle.CSS is mainly CSS-only, the JavaScript file was removed. CSS-Only approach would permit better compatibility with JS frameworks.

As always, thank you for using Sparkle.CSS! 😃

v1.9.9-beta.1

Sparkle has implemented a lot of new features and uses a completely different syntaxing. For this, backward compatibility will cause the framework to malfunction.

• Sparkle uses modifiers to make semantics more readable (instead of .button.button--primary it is now .button.make-primary);
• Folder structure was modified (better grouping of files);
• Inputs now have modifiers;
• Tags now have more modifiers (implemented .make-outline and .make-reverse modifiers);
• Button group fix (more to come);
• Grid fix (now can use .column on its own to make equal widths--similar to auto-width columns);
• Updated Dev Dependencies to latest releases;
• Now uses auto-prefixers: no longer manually writing them using mixins);

We strive to make Sparkle the best CSS framework it can be. Thank you for your support, and thank you for using Sparkle.CSS!

If you have any suggestions, bug reports, fixes, or improvements, please share! :)