Git Product home page Git Product logo

iotaCSS

Smart, open-source, Sass based OOCSS framework built for scale. iotaCSS helps you create lightweight, performant, readable and fully responsive user interfaces in no time.

Getting Started

You can install all iotaCSS modules at once:

$ npm install --save iotacss

and import them as follows:

@import 'node_modules/iotacss/settings/core';
@import 'node_modules/iotacss/tools/core';

...

Or you can install only the modules you need:

$ npm install --save iotacss-settings-core iotacss-tools-core ...

and import them as follows:

@import 'node_modules/iotacss-settings-core/settings.core';
@import 'node_modules/iotacss-tools-core/tools.core';

...

Documentation

For more information about iotaCSS as well as the complete documentation of each module, use the official iotaCSS documentation - https://iotacss.com/docs.

License

Licensed under the Apache License, Version 2.0. Copyright © 2016–2017. Dimitris Psaropoulos.

iotaCSS's Projects

iotacss icon iotacss

Smart, open-source, SASS based OCSS framework built for scale.

iotaplate icon iotaplate

Get up and running with iotaCSS in less than 1 second

objects.grid icon objects.grid

The grid object is responsible for building a smart grid when used with Size, Push or Pull utilities.

objects.list icon objects.list

The list object is responsible for creating inline, block and span lists.

objects.media icon objects.media

The media object is an improved version of @stubbornella's media object.

settings.breakpoint icon settings.breakpoint

[Deprecated in v1.0] Breakpoint settings file contains a list of the breakpoint sizes.

settings.column icon settings.column

[Deprecated in v1.0] The column settings file contains the column sizes for your Size, Push and Pull utilities.

settings.default icon settings.default

[Deprecated in v1.0] The default settings file contains all the important settings for iotaCSS to work.

tools.mixin icon tools.mixin

[Deprecated in v1.0] A collection of mixins for iotaCSS

utilities.align icon utilities.align

The align utility contains helper classes for the CSS vertical align property.

utilities.color icon utilities.color

The color utility contains helper classes for the color CSS property.

utilities.float icon utilities.float

The float utility contains helper classes for the CSS float property.

utilities.margin icon utilities.margin

The margin utility contains helper classes for the CSS margin property.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.