blob: 9fdfdd282404e8838d0cf965f4f0d48aaa28e2c2 (
plain)
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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
|
/**
* This is the main application stylesheet. It should include or import all
* stylesheets used throughout the application as this is the only stylesheet in
* the Grunt configuration that is automatically processed.
*/
/**
* First, we include the Twitter Bootstrap LESS files. Only the ones used in the
* project should be imported as the rest are just wasting space.
*/
@import '../../vendor/bootstrap/less/mixins.less';
@import '../../vendor/bootstrap/less/bootstrap.less';
@import 'mixins.less'; /** this one comes from the template */
/**
* This is our main variables file. It in turn imports the `variables` file from
* Twitter Bootstrap. We must include it last so we can overwrite any variable
* definitions in our imported stylesheets.
*/
@import 'variables.less';
/**
* Typography
*/
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto Regular'), local('Roboto-Regular'), url(fonts/Roboto-Regular.woff) format('woff');
}
code, pre, .pre {
padding: 5px;
margin: 10px 0;
background-color: #EFEFEF;
border: 1px solid #DADADA;
// .border-radius(3px);
}
code {
padding: 0 3px;
}
pre {
margin: 10px 0;
padding: 5px;
}
.page-header {
margin-top: 60px;
&:first-child {
margin-top: 20px;
}
}
h2 {
margin: 20px 0;
color: #666;
}
.main {
position: relative;
}
/**
* Navigation
*/
/**
* Footer
*/
.footer {
margin-top: 80px;
.footer-inner {
padding: 40px 0;
border-top: 1px solid #DDD;
}
.social {
float: right;
margin: 0;
list-style: none;
li {
float: left;
margin-left: 20px;
a, a:visited {
// color: @grayLight;
text-decoration: none;
font-size: 40px;
.transition( 250ms ease-in-out );
&:hover {
// color: @gray;
}
}
}
}
}
.remove-padding {
padding: 0px !important;
}
/**
* Now that all app-wide styles have been applied, we can load the styles for
* all the submodules and components we are using.
*
* TODO: In a later version of this boilerplate, I'd like to automate this.
*/
@import 'design.less';
@import 'other.less';
@import '../common/navigation/navigation.less';
@import '../common/login/login.less';
@import '../common/topbar/topbar.less';
@import '../assets/js/codemirror/lib/codemirror.less';
@import '../assets/js/codemirror/theme/eclipse.less';
@import '../assets/js/codemirror/theme/eclipse-disabled.less';
@import '../assets/js/codemirror/addon/hint/show-hint.less';
|
