JSPM

1grids

4.0.6
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 6
  • Score
    100M100P100Q37026F
  • License MIT

A Professional but Simple CSS Grid System.

Package Exports

  • 1grids

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (1grids) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

1Grids v4.0

A Professional but Simple CSS Grid System.

Feature

  • Responsive
  • Old browser support
  • Simple to use
  • ...

More responsive sizes

  • .w1 ... .w12 , .visible-x, .hidden-x for eXtra small and mobile screen size (<480px)
  • .wt1 ... .wt12, .visible-t, .hidden-t for Table screen size (>=480px)
  • .ws1 ... .ws12, .visible-s, .hidden-s for Small computer screen size devices (>=768px)
  • .wm1 ... .wm12, .visible-m, .hidden-m for Medium computer screen size devices (>=992px)
  • .wl1 ... .wl12, .visible-l, .hidden-l for Large computer screen size devices (>=1200px)

Browser support

  • Chrome 4+
  • Firefox 4+
  • Safari 5+
  • Opera 11+
  • Edge 15+
  • Internet Explorer 8+

Download and use

Public cdn.

For use on production websites with any amount of traffic. Files are served via MaxCDN's super fast global CDN.

<link href="http://cdn.rawgit.com/AliMD/1Grids/v4.0.6/dist/1grids.css" type="text/css" rel="stylesheet" />

For dev/testing latest version with low-traffic use the following link. Please don't use it on production websites.

<link href="http://rawgit.com/AliMD/1Grids/master/dist/1grids.css" type="text/css" rel="stylesheet" />

Bower

bower install 1grids

NPM

npm install 1grids

Sass

import 1Grids folder in your sass project

// grid_num = 12
@import '1Grids/'

Contributing

this project and want to get involved ?
Thanks! There are plenty of ways you can help!
Check CONTRIBUTING.md

Help and support

Please ask any questions about web technologies here.

License

The MIT License (MIT) alimd.mit-license.org