-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathhaGrid.css
More file actions
34 lines (28 loc) · 870 Bytes
/
haGrid.css
File metadata and controls
34 lines (28 loc) · 870 Bytes
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
/**
haGrid is a flexible grid system using simple,
readable english class names.
Since haGrid uses percentages, the best way to
use it would be to separate container and content -
use these classes for width and positioning, and
then child elements to add gutters, padding, backgrounds,
and borders.
**/
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.clearfix { overflow: hidden; }
.quarter { width: 25%; }
.half { width: 50%; }
.three-quarters { width: 75%; }
.third { width: 33.3%; }
.two-thirds { width: 66.7%; }
.fifth { width: 20%; }
.two-fifths { width: 40%; }
.three-fifths { width: 60%; }
.four-fifths { width: 80%; }
.tenth { width: 10%; }
.three-tenths { width: 30%; }
.seven-tenths { width: 70%; }
.nine-tenths { width: 90%; }
.divine-small { width: 38%; }
.divine-large { width: 62%; }