Releases: leejordan/reflex
Remove deprecated divisions inside calcs
Update version tags for npm and bower
Corrects missing updated version number from npm and bower and correctly bumps to 2.0.7
Remove screen from media queries
- Remove
only screen and
from media queries to simplify compiled CSS - Small improvement to docs page, specifically the table demonstrating responsive visibility
Add more robust visibility utilities
Adds more robust visibility utilities inspired by bootstrap
Class name changes and custom css properties
Fixes naming convention for order and offset classes
Add CSS custom properties
Use more general wildcard for col elements
Use *
selector instead of ^
for col
elements to allow the grid to function when col-
is not the first class
Adds offset classes
Adds offset classes
Adds missing legacy condition for a star hack
Adds missing .hidden-xlg class
Fix compiled CSS
- Brings the included compiled CSS up to date with the SCSS.
- Adds Browserstack logo and blurb to the docs to thank them for their free account.
Version 2
This is version 2 of reflex grid and is not compatible with version 1. Many things have changed in version 2 which will need addressing if you want to update.
- All class names have dropped the
grid__
andgrid--
prefixes but are otherwise unchanged - Columns are no longer flexbox by default. They can be converted to flexbox containers with the
col-grid
class - There is far better support for older browsers, particularly the ie10 implementation of flexbox
- Added container classes
- Added better support for "cards" as well as some example code
optional visibility helper classes
- adds optional visibility helper classes
.hidden-xxs
.hidden-xs
.hidden-sm
.hidden-md
.hidden-lg
You can remove the optional visibility helper classes from the compiled css by setting the variable visibility-helpers
to false
in the variables file. This is set to true by default.
- adds the
!default
flag to$legacy-support
variable in the SCSS version to allow it to be overriden properly