Getting Started

Download

Select the way to download Wire:

Wire Compiled

Includes compiled and minified CSS and JS.

Download compiled
Wire Sass

Includes all source code in Sass, requires Sass compiler.

Download Sass
Install Wire with Bower or NPM $ bower install wire.css // OR $ npm install wire.css

Css

Include wire.min.css in your html:

<link rel="stylesheet" href="https://npmcdn.com/wire.css/dist/wire.min.css" type="text/css">

Or put scss folder in your Scss folder and import wire.scss in your Scss files:

@import 'vendor/wirecss/wire';

Javascript

Include wire.min.js in your html. Only required for reorder elements of grid in HTML and responsive tables.

<script async src="https://npmcdn.com/wire.css/dist/wire.min.js"></script>

Basic Usage

This is a example usage of wire.css in basic boilerplate.

<!DOCTYPE html> <html lang="en" > <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Wire Template</title> <!-- Wire CSS --> <link rel="stylesheet" href="https://npmcdn.com/wire.css/dist/wire.min.css" type="text/css"> </head> <body> <h1>Hello world</h1> <!-- Wire JS --> <script src="https://npmcdn.com/wire.css/dist/wire.min.js"></script> </body> </html>