This package has been deprecated

Author message:

Fae has been rewritten and called Genie. Please checkout genie.css on npm.

fae-css

Everything you need to create custom components on the fly. No more build tools, no more preprocessors or vendor prefixers.

Fae allows you to pick what you want to use rather than everything like Bootstrap and Bulma offer. Be more in control of your own app.

Quick Start

To install FaeCSS, you have several options. As this project is still quite young, the options are not as wide as we expect it.

Through NPM

$ npm i fae-css

Through unpkg CDN

<link rel="stylesheet" href="https://unpkg.com/fae-css/dist/fae.css">

Cloning the repository

$ git clone https://github.com/zana-a/fae.git

Checklist

To Version 0.1.0

• [x] Reset
  • [x] MonoSet
• [x] Colours
  • [x] Black
  • [x] White
  • [x] Grey
  • [x] Red
  • [x] Orange
  • [x] Yellow
  • [x] Green
  • [x] Blue
  • [x] Purple
  • [x] Pink
• [ ] Typography
  • [x] p
  • [x] h1
  • [x] h2
  • [x] h3
  • [x] h4
  • [x] h5
  • [x] h6
  • [ ] mark [highlight]
  • [ ] abbr
  • [ ] blockquote
  • [ ] code
  • [ ] pre
  • [ ] kdp
  • [ ] a
  • [ ] .big
  • [ ] .lead
• [x] Margins
  • [x] Margin Top
  • [x] Margin Right
  • [x] Margin Bottom
  • [x] Margin Left
  • [x] Margin Y
  • [x] Margin X
  • [x] No Margin
  • [x] Margin Strength
• [x] Padding
  • [x] Padding Top
  • [x] Padding Right
  • [x] Padding Bottom
  • [x] Padding Left
  • [x] Padding Y
  • [x] Padding X
  • [x] Padding
  • [x] No Padding
  • [x] Padding Strength
• [ ] Borders
  • [x] Border Top
  • [x] Border Right
  • [x] Border Bottom
  • [x] Border Left
  • [x] Border Y
  • [x] Border X
  • [x] Border
  • [x] No Border
  • [x] Border Radius [needs work]
  • [x] Border Colours
• [x] Backgrounds
  • [x] Black
  • [x] White
  • [x] Red
  • [x] Orange
  • [x] Yellow
  • [x] Green
  • [x] Blue
  • [x] Purple
• [x] Text Colours
  • [x] Black
  • [x] White
  • [x] Red
  • [x] Orange
  • [x] Yellow
  • [x] Green
  • [x] Blue
  • [x] Purple
• [ ] Shadows
  • [ ] Shadow Sizes [Level 1 - 6]
• [x] Display
  • [x] Block
  • [x] Block inline
  • [x] Flex [Align, Justification]
  • [x] Flex inline
  • [x] Inline
• [x] Position
  • [x] Static
  • [x] Fixed
  • [x] Absolute
  • [x] Sticky
  • [x] Initial
  • [x] Inherit
• [ ] Visibility
  • [ ] Hidden
  • [ ] Visible
• [ ] Overflow
  • [ ] Overflow X Show
  • [ ] Overflow Y Show
  • [ ] Overflow Show
  • [ ] Overflow X Hidden
  • [ ] Overflow Y Hidden
  • [ ] Overflow Hidden
• [x] Misc
  • [x] Opacity
  • [x] Full Height
  • [x] Hover Colours [background, text]