RUSH

grid system simple framework.

class / mixin / sass based simple framework.

create by RYOHEI WADA

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.

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

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

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.