This repository has been archived by the owner on Jun 15, 2020. It is now read-only.
/
_page.sass
104 lines (84 loc) · 1.85 KB
/
_page.sass
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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
@import compass/css3
//-----------------------------------
// Basic Styles
//-----------------------------------
h1, h2, h3, h4, h5, h6
font-weight: normal
h1
+font-size(24px)
h2
+font-size(20px)
h3
+font-size(18px)
h4
+font-size(15px)
strong, th
font-weight: bold
small
// Use font-size mixin to convert to percentage for YUI
// http://developer.yahoo.com/yui/3/cssfonts/#fontsize
// approx 85% when base-font-size eq 13px
+font-size(11px)
// Add the 'required' attribute on inputs if you want to use these
input:valid, textarea:valid
input:invalid, textarea:invalid
+border-radius(1px)
+box-shadow(red, 0, 0, 5px, 0)
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid
background-color: #f0dddd
//-----------------------------------
// HTML5 Boilerplate + http://www.1kbgrid.com/ Grid Layout
//-----------------------------------
body
background-color: #f0f0f0
div#container
header#header
background-color: #cdd9e2
border-bottom: 1px solid #4f708b
color: #444
padding: 15px 0
.title
+col(9)
h1
+font-size(32px)
+text-shadow(#edf9ff, 0px, 2px, 3px)
.logo
+col(3)
nav#nav
background-color: #456989
border-top: 1px solid #87abc8
border-bottom: 1px solid #e0e8f0
+linear-gradient(color-stops(#7599b9, #456989))
color: #fff
padding: 10px 0
.menu
+col(9)
.search
+col(3)
text-align: right
div#main
background-color: #f0f0f0
color: #444
border-top: 1px solid #c0d0e0
padding: 15px 0
div.content
+col(12)
div.main
+col(9)
div.aside
+col(3)
footer#footer
border-top: 1px solid #b2b9bf
border-bottom: 1px solid #c2c9cf
background-color: #d0d9e0
color: #333
padding: 20px 0
.copyright
+col(2)
+prepend(10)
p
+font-size(10px)
//-----------------------------------
// Custom Application Styles
//-----------------------------------