Skip to content

Instantly share code, notes, and snippets.

// less/grid.less - less/variables.less - less/mixins/grid-framework.less
//
// for Media queries breakpoints
// Ex > @media @xs {...}
// =============================================================================================================
// @screen-lg-min: 1200px;
// @screen-md-max: (@screen-lg-min - 1); // 1199
// @screen-sm-max: (@screen-md-min - 1); // 991
// @screen-xs-max: (@screen-sm-min - 1); // 767
// --------------------------------------------------
// Flexbox LESS mixins
// The spec: http://www.w3.org/TR/css3-flexbox
// --------------------------------------------------
// Flexbox display
// flex or inline-flex
.flex-display(@display: flex) {
display: ~"-webkit-@{display}";
display: ~"-moz-@{display}";