Documentation

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>