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

Installation

The Easy Way

Simply embed oh-flex.css directly into your web page using unpkg.

<link rel="stylesheet" href="https://unpkg.com/oh-flex"  />

Sass Way

npm install oh-flex --save-dev

Add to your sass file

@import '~oh-flex/src/oh-flex'