sassless/layout.css at master · wraybowling/sassless · GitHub

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
html,body {
	height:100%;
}

html[dir="rtl"] body { direction:rtl; }

.page-width {
	max-width:960px;
	margin:0 auto;
}

.cushion { padding:10px; }
.cushion-sides { padding: 0 10px; }
.cushion-ends { padding: 10px 0; }

.float-layout > * {
	float:left;
	width:100%;
}
html[dir="rtl"] .float-layout > * { float:right; }

.right { float:right; }
html[dir="rtl"] .right { float:left; }
.left { float:left; }
html[dir="rtl"] .left { float:right; }

@media (min-width: 700px) {
	.full { width:100%; }
	.half { width:50%; }
	.third { width:33.33333333%; }
	.two-thirds { width:66.66666666%; }
	.quarter { width:25%; }
	.three-quarters { width:75%; }
	.fifth { width:20%; }
	.two-fifths { width:40%; }
	.three-fifths { width:60%; }
	.four-fifths { width:80%; }
	.sixth { width:16.66666666%; }
	.five-sixths { width:83.33333333%; }
}

.clear,
html[dir="rtl"] .clear { clear:both; float:none; }
.spacer { height:2em; }
.hidden { display:none; }

.table-layout { display:table; width:100%; }
.table-layout > * { display:table-row; }
.table-layout > * > * { display:table-cell; }

.flex-layout { display:-webkit-flex; display:-ms-flexbox; display:flex; }

.transform-center {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}