Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/brandoncorbin/oh-flex
Flexible designs with just HTML
https://github.com/brandoncorbin/oh-flex
css css-toolkit design flex html
Last synced: 16 days ago
JSON representation
Flexible designs with just HTML
- Host: GitHub
- URL: https://github.com/brandoncorbin/oh-flex
- Owner: brandoncorbin
- Created: 2017-10-19T21:28:47.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2018-02-19T13:39:28.000Z (almost 7 years ago)
- Last Synced: 2024-11-11T02:16:10.959Z (about 2 months ago)
- Topics: css, css-toolkit, design, flex, html
- Language: CSS
- Homepage: https://brandoncorbin.github.io/oh-flex
- Size: 986 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## OH FLEX!
## Design with attributes! Built for developers who hate writing CSS.
Oh-Flex exists to help non front-end developers build nice looking consistent web pages and apps by abusing html tag attributes.
### What's inside?
HTML Attributes that control:
- Full flex control
- Toolbars
- Flex based Layouts
- All Material Design colors for text and backgrounds
- Font control
- Avatars
- Padding and margins
- Box sizing
- Mobile List Items
- ... and more
### Character Mapin
- w = width
- h = height
- b = border
- m = margin
- p = padding
- t = text
- bs = box-shadow
- av = avatar
[Full documentation and examples](https://brandoncorbin.github.io/oh-flex)
### Installation
#### The Easy Way
Simply embed oh-flex.css directly into your web page using unpkg.
```
```
#### Sass Way
```
npm install oh-flex --save-dev
```
Add to your sass file
```
@import '~oh-flex/src/oh-flex'
```