https://github.com/potch/flex-box

A Custom Element to aid usage of flexbox
https://github.com/potch/flex-box

Last synced: 10 months ago
JSON representation

A Custom Element to aid usage of flexbox

• Host: GitHub
• URL: https://github.com/potch/flex-box
• Owner: potch
• Created: 2015-01-07T18:58:10.000Z (over 11 years ago)
• Default Branch: master
• Last Pushed: 2015-05-11T15:54:34.000Z (about 11 years ago)
• Last Synced: 2024-12-09T18:21:44.899Z (over 1 year ago)
• Language: JavaScript
• Homepage:
• Size: 193 KB
• Stars: 2
• Watchers: 2
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-flexbox - flex-box - A Custom Element to make the basics of flexbox easier to use. (Featured Projects / [Sketching with CSS](http://www.sketchingwithcss.com) Flexbox Guide by [@sfioritto](https://github.com/sfioritto))

README

          
# <flex-box>

A Custom Element to make the basics of flexbox easier to use

## Usage

```html

  

    

    

    

  

```

## Attributes

### `axis`

Controls direction of layout. `axis="x"` for horizontal layout, `axis="y"` for vertical layout (default)

### `fill`

The `` element will size itself to `width: 100%` and `height: 100%`. Useful for top-level layout.

### `flex`

Place this attribute on direct children to make them flex to take up available excess width.