Skip to content

brandoncorbin/oh-flex

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

76 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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'