Fiber Elements

This is a work-in-progress, things might not work correctly.

A work in progress library of web components.

Install

bower install fiber-elements

Reference fiber-elements inside the HTML of your project

<link rel="import" href="fiber-elements.html">

Build

To process styles inside HTML elements

gulp build

This processes any PostCSS styles within inline <style> tags and creates CSS from fiber attributes used within HTML.

Attributes

Style markup using fiber attributes

<fiber-button w_10gu>View</fiber-button>

Properties

Style markup using CSS properties

:host {
    layout: flex;
    guttering: 4gu;
    width: 50%;
}