An overview of kimsQ RC, including how to download and use it, some basic templates and examples, and more.
Flexbox support has finally come to kimsQ RC. Opt-in to the new CSS layout styles with the flick of a variable or the swap of a stylesheet.
Flexbox support is available for a number of kimsQ RC’s components:
display: table;and a number of hacky styles to a simple
Vendor prefixes are provided in our compiled CSS with Autoprefixer via Grunt. Some bugs in IE10-11’s Flexbox implementation are worked around via postcss-flexbugs-fixes.
In a nutshell, flexbox provides simpler and more flexible layout options in CSS. More specifically, it provides:
All these things are possible outside flexbox, but typically require extra hacks and workarounds to do right.
If you’re familiar with modifying variables in Sass—or any other CSS preprocessor—you’ll be right at home to move into flexbox mode.
_variables.scssfile and find the
Alternatively, if you don’t need the source Sass files, you may swap the default kimsQ RC compiled CSS with the compiled flexbox variation. Head to the download page for more information.
Enabling flexbox means reduced browser and device support:
Please be extra conscious of your user base when enabling flexbox in your project. Visit Can I use… for details on browser support of flexbox.