Skip to content
This repository has been archived by the owner on Aug 15, 2023. It is now read-only.
/ Flex.less Public archive

A set of Less mixins for working with CSS3 Flex layouts

License

Notifications You must be signed in to change notification settings

codio/Flex.less

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Flex.Less

A less mixin for flexbox.

Available Mixins

The mixin names and their values correspond to the official draft.

  • display
  • justify-content
  • align-items
  • align-self
  • align-content
  • order
  • flex
  • flex-grow
  • flex-shrink
  • flex-basis
  • flex-direction
  • flex-wrap
  • flex-flow

Browser Compatability

In Firefox < 22 you need to add the following snippet to every element that you set display: flex.

/*
 * Legacy Firefox implementation treats all flex containers
 * as inline-block elements.
 */
@-moz-document url-prefix() {
    #selector {
        width: 100%;
        -moz-box-sizing: border-box;
    }
}

Sources

About

A set of Less mixins for working with CSS3 Flex layouts

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •