RUSH

grid system simple framework.

class / mixin / sass based simple framework.

create by RYOHEI WADA

DOWNLOAD

Features

Make faster website.

Simple and Clean

RUSH is a simple framework.

Responsive

RUSH is cross device compatible.

Sass

RUSH builds on Sass Base.

Icon Font

RUSH is include font awesome.

Grid System

Class or Mixin base your project.

Class Base

  • .l-container
  • .l-row
  • .l-grid-1
  • .l-grid-2
  • .l-grid-3
  • .l-grid-4
  • .l-grid-5
  • .l-grid-6
  • .l-grid-7
  • .l-grid-8
  • .l-grid-9
  • .l-grid-10
  • .l-grid-11
  • .l-grid-12
  • .l-offset-right-1
  • .l-offset-right-2
  • .l-offset-right-3
  • .l-offset-right-4
  • .l-offset-right-5
  • .l-offset-right-6
  • .l-offset-right-7
  • .l-offset-right-8
  • .l-offset-right-9
  • .l-offset-right-10
  • .l-offset-right-11
  • .l-offset-right-12
  • .l-offset-left-1
  • .l-offset-left-2
  • .l-offset-left-3
  • .l-offset-left-4
  • .l-offset-left-5
  • .l-offset-left-6
  • .l-offset-left-7
  • .l-offset-left-8
  • .l-offset-left-9
  • .l-offset-left-10
  • .l-offset-left-11
  • .l-offset-left-12
  • .l-full
  • .l-tile-grid-1
  • .l-tile-grid-2
  • .l-tile-grid-3
  • .l-tile-grid-4
  • .l-tile-grid-5
  • .l-tile-grid-6
  • .l-tile-grid-7
  • .l-tile-grid-8
  • .l-tile-grid-9
  • .l-tile-grid-10
  • .l-tile-grid-11
  • .l-tile-grid-12

Mixin Base

  • @include l-container
  • @include l-row
  • @include l-grid-1
  • @include l-grid-2
  • @include l-grid-3
  • @include l-grid-4
  • @include l-grid-5
  • @include l-grid-6
  • @include l-grid-7
  • @include l-grid-8
  • @include l-grid-9
  • @include l-grid-10
  • @include l-grid-11
  • @include l-grid-12
  • @include l-offset-right-1
  • @include l-offset-right-2
  • @include l-offset-right-3
  • @include l-offset-right-4
  • @include l-offset-right-5
  • @include l-offset-right-6
  • @include l-offset-right-7
  • @include l-offset-right-8
  • @include l-offset-right-9
  • @include l-offset-right-10
  • @include l-offset-right-11
  • @include l-offset-right-12
  • @include l-offset-left-1
  • @include l-offset-left-2
  • @include l-offset-left-3
  • @include l-offset-left-4
  • @include l-offset-left-5
  • @include l-offset-left-6
  • @include l-offset-left-7
  • @include l-offset-left-8
  • @include l-offset-left-9
  • @include l-offset-left-10
  • @include l-offset-left-11
  • @include l-offset-left-12
  • @include l-full
  • @include l-tile-grid-1
  • @include l-tile-grid-2
  • @include l-tile-grid-3
  • @include l-tile-grid-4
  • @include l-tile-grid-5
  • @include l-tile-grid-6
  • @include l-tile-grid-7
  • @include l-tile-grid-8
  • @include l-tile-grid-9
  • @include l-tile-grid-10
  • @include l-tile-grid-11
  • @include l-tile-grid-12

Usage

You can create a web site with simple code. Grid system, some variable, mixin, component are included.

l-container > l-row > l-grid-**

<div class="l-container">
	<div class="l-row">
		<div class="l-grid-4">example1</div>
		<div class="l-grid-4">example2</div>
		<div class="l-grid-4">example3</div>
	</div>
</div>

.l-grid-12 or @include l-grid-12

.l-grid-6 or @include l-grid-6

.l-grid-6 or @include l-grid-6

.l-grid-4 or @include l-grid-4

.l-grid-4 or @include l-grid-4

.l-grid-4 or @include l-grid-4

.l-grid-3 or @include l-grid-3

.l-grid-3 or @include l-grid-3

.l-grid-3 or @include l-grid-3

.l-grid-3 or @include l-grid-3

.l-grid-2 or @include l-grid-2

.l-grid-2 or @include l-grid-2

.l-grid-2 or @include l-grid-2

.l-grid-2 or @include l-grid-2

.l-grid-2 or @include l-grid-2

.l-grid-2 or @include l-grid-2

.l-grid-7 or @include l-grid-7

.l-grid-5 or @include l-grid-5

.l-grid-4 or @include l-grid-4

.l-grid-8 or @include l-grid-8

l-container > l-full > l-tile-grid-**

<div class="l-container">
	<div class="l-full">
		<div class="l-tile-grid-4">example1</div>
		<div class="l-tile-grid-4">example2</div>
		<div class="l-tile-grid-4">example3</div>
	</div>
</div>

.l-tile-grid-12 or @include l-tile-grid-12

.l-tile-grid-6 or @include l-tile-grid-6

.l-tile-grid-6 or @include l-tile-grid-6

.l-tile-grid-4 or @include l-tile-grid-4

.l-tile-grid-4 or @include l-tile-grid-4

.l-tile-grid-4 or @include l-tile-grid-4

.l-tile-grid-3 or @include l-tile-grid-3

.l-tile-grid-3 or @include l-tile-grid-3

.l-tile-grid-3 or @include l-tile-grid-3

.l-tile-grid-3 or @include l-tile-grid-3

.l-tile-grid-2 or @include l-tile-grid-2

.l-tile-grid-2 or @include l-tile-grid-2

.l-tile-grid-2 or @include l-tile-grid-2

.l-tile-grid-2 or @include l-tile-grid-2

.l-tile-grid-2 or @include l-tile-grid-2

.l-tile-grid-2 or @include l-tile-grid-2

.l-tile-grid-7 or @include l-tile-grid-7

.l-tile-grid-5 or @include l-tile-grid-5

.l-tile-grid-4 or @include l-tile-grid-4

.l-tile-grid-8 or @include l-tile-grid-8

license & More

License and more information.

MIT License

RUSH is a simple and clean framework. You can customize and development easier and faster.

Special Thanks

Special thanks to Sass, jQuery, normalize.css, sanitize.css, reset.css, and FontAwesome.

Found a bug?

Please open a new issue on GitHub. Or tell me by mail or Twitter.