1. sass-flex-mixin
Set of mixins for cross-browser compatible flexbox
sass-flex-mixin
Package: sass-flex-mixin
Created by: mastastealth
Last modified: Sun, 26 Jun 2022 16:02:50 GMT
Version: 1.0.3
License: MIT
Downloads: 22,221
Repository: https://github.com/mastastealth/sass-flex-mixin

Install

npm install sass-flex-mixin
yarn add sass-flex-mixin

Sass flexbox mixin

This is a set of mixins for those who want to mess
around with flexbox using the native support of current
browsers. For full support table check: http://caniuse.com/flexbox

Basically this will use:

  • Fallback, old syntax (IE10, mobile webkit browsers - no wrapping)
  • Final standards syntax (FF, Safari, Chrome, IE11, Opera)

Installation

Bower

bower install sass-flex-mixin


This was inspired by:

  • http://dev.opera.com/articles/view/advanced-cross-browser-flexbox/

With help from:

  • http://www.w3.org/TR/css3-flexbox/
  • http://the-echoplex.net/flexyboxes/
  • http://msdn.microsoft.com/en-us/library/ie/hh772069%28v=vs.85%29.aspx

A version compatible with Compass is provided by @trinonsense, on the compass branch.

Licensed under MIT.

RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code