bootstrapped 0.0.6 → 0.9.0
Sign up to get free protection for your applications and to get access to all the features.
- data/.gitignore +1 -0
- data/README.rdoc +36 -66
- data/Rakefile +10 -0
- data/bootstrapped.gemspec +10 -5
- data/features/Installation.feature +26 -0
- data/features/bootstrap_layout.feature +30 -1
- data/features/bootstrap_scaffold.feature +4 -5
- data/lib/bootstrapped.rb +5 -1
- data/lib/bootstrapped/engine.rb +14 -2
- data/lib/bootstrapped/version.rb +1 -1
- data/lib/generators/bootstrapped.rb +6 -2
- data/lib/generators/bootstrapped/install/install_generator.rb +36 -14
- data/lib/generators/bootstrapped/install/templates/application.css +8 -0
- data/lib/generators/bootstrapped/install/templates/application.js +10 -0
- data/lib/generators/bootstrapped/install/templates/bootstrap.coffee +3 -0
- data/lib/generators/bootstrapped/install/templates/bootstrap_and_overrides.less +17 -0
- data/lib/generators/bootstrapped/layout/layout_generator.rb +14 -8
- data/lib/generators/bootstrapped/layout/templates/layout.html.erb +94 -24
- data/lib/generators/bootstrapped/scaffold/scaffold_generator.rb +0 -7
- data/lib/generators/bootstrapped/scaffold/templates/views/erb/_form.html.erb +16 -15
- data/lib/generators/bootstrapped/scaffold/templates/views/erb/edit.html.erb +1 -14
- data/lib/generators/bootstrapped/scaffold/templates/views/erb/index.html.erb +36 -32
- data/lib/generators/bootstrapped/scaffold/templates/views/erb/new.html.erb +1 -7
- data/lib/generators/bootstrapped/scaffold/templates/views/erb/show.html.erb +4 -6
- data/vendor/assets/images/glyphicons-halflings-white.png +0 -0
- data/vendor/assets/images/glyphicons-halflings.png +0 -0
- data/vendor/assets/javascripts/bootstrap-alert.js +91 -0
- data/vendor/assets/javascripts/bootstrap-button.js +98 -0
- data/vendor/assets/javascripts/bootstrap-carousel.js +154 -0
- data/vendor/assets/javascripts/bootstrap-collapse.js +136 -0
- data/vendor/assets/javascripts/bootstrap-dropdown.js +92 -0
- data/vendor/assets/javascripts/bootstrap-modal.js +210 -0
- data/vendor/assets/javascripts/bootstrap-popover.js +95 -0
- data/vendor/assets/javascripts/bootstrap-scrollspy.js +125 -0
- data/vendor/assets/javascripts/bootstrap-tab.js +130 -0
- data/vendor/assets/javascripts/bootstrap-tooltip.js +270 -0
- data/vendor/assets/javascripts/bootstrap-transition.js +51 -0
- data/vendor/assets/javascripts/bootstrap-typeahead.js +271 -0
- data/vendor/assets/javascripts/modernizr.js +1270 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/less/accordion.less +28 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/less/alerts.less +70 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/less/bootstrap.less +62 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/less/bootstrap_base.less +2 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/less/breadcrumbs.less +22 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/less/button-groups.less +147 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/less/buttons.less +165 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/less/carousel.less +121 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/less/close.less +18 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/less/code.less +44 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/less/component-animations.less +18 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/less/dropdowns.less +131 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/less/forms.less +515 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/less/grid.less +8 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/less/hero-unit.less +20 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/less/labels.less +16 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/less/layouts.less +17 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/less/mixins.less +537 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/less/modals.less +72 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/less/navbar.less +292 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/less/navs.less +344 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/less/pager.less +30 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/less/pagination.less +55 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/less/popovers.less +49 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/less/progress-bars.less +95 -0
- data/vendor/{framework → assets/stylesheets/twitter/bootstrap/less}/reset.less +37 -52
- data/vendor/assets/stylesheets/twitter/bootstrap/less/responsive.less +323 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/less/scaffolding.less +29 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/less/sprites.less +156 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/less/tables.less +139 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/less/thumbnails.less +35 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/less/tooltip.less +35 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/less/type.less +217 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/less/utilities.less +23 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/less/variables.less +99 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/less/wells.less +17 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/static/bootstrap.css +3496 -0
- metadata +114 -68
- data/Gemfile.lock +0 -133
- data/lib/generators/bootstrapped/install/templates/bootstrap.less +0 -26
- data/lib/generators/bootstrapped/install/templates/forms.less +0 -479
- data/lib/generators/bootstrapped/install/templates/mixins.less +0 -222
- data/lib/generators/bootstrapped/install/templates/patterns.less +0 -1060
- data/lib/generators/bootstrapped/install/templates/reset.less +0 -141
- data/lib/generators/bootstrapped/install/templates/scaffolding.less +0 -137
- data/lib/generators/bootstrapped/install/templates/tables.less +0 -224
- data/lib/generators/bootstrapped/install/templates/type.less +0 -187
- data/lib/generators/bootstrapped/install/templates/variables.less +0 -60
- data/lib/generators/bootstrapped/scaffold/templates/tests/shoulda/actions/create.rb +0 -13
- data/lib/generators/bootstrapped/scaffold/templates/tests/shoulda/actions/destroy.rb +0 -8
- data/lib/generators/bootstrapped/scaffold/templates/tests/shoulda/actions/edit.rb +0 -6
- data/lib/generators/bootstrapped/scaffold/templates/tests/shoulda/actions/index.rb +0 -6
- data/lib/generators/bootstrapped/scaffold/templates/tests/shoulda/actions/new.rb +0 -6
- data/lib/generators/bootstrapped/scaffold/templates/tests/shoulda/actions/show.rb +0 -6
- data/lib/generators/bootstrapped/scaffold/templates/tests/shoulda/actions/update.rb +0 -13
- data/lib/generators/bootstrapped/scaffold/templates/tests/shoulda/controller.rb +0 -5
- data/lib/generators/bootstrapped/scaffold/templates/tests/shoulda/model.rb +0 -7
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-alerts.js +0 -113
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-buttons.js +0 -62
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-dropdown.js +0 -55
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-modal.js +0 -260
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-popover.js +0 -90
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-scrollspy.js +0 -107
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tabs.js +0 -80
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-twipsy.js +0 -321
- data/vendor/assets/stylesheets/twitter/bootstrap/bootstrap.css +0 -2467
- data/vendor/framework/bootstrap.less +0 -26
- data/vendor/framework/forms.less +0 -479
- data/vendor/framework/mixins.less +0 -222
- data/vendor/framework/patterns.less +0 -1060
- data/vendor/framework/scaffolding.less +0 -137
- data/vendor/framework/tables.less +0 -224
- data/vendor/framework/type.less +0 -187
- data/vendor/framework/variables.less +0 -60
@@ -1,137 +0,0 @@
|
|
1
|
-
/*
|
2
|
-
* Scaffolding
|
3
|
-
* Basic and global styles for generating a grid system, structural layout, and page templates
|
4
|
-
* ------------------------------------------------------------------------------------------- */
|
5
|
-
|
6
|
-
|
7
|
-
// STRUCTURAL LAYOUT
|
8
|
-
// -----------------
|
9
|
-
|
10
|
-
body {
|
11
|
-
background-color: @white;
|
12
|
-
margin: 0;
|
13
|
-
#font > .sans-serif(normal,@basefont,@baseline);
|
14
|
-
color: @grayDark;
|
15
|
-
}
|
16
|
-
|
17
|
-
// Container (centered, fixed-width layouts)
|
18
|
-
.container {
|
19
|
-
.fixed-container();
|
20
|
-
}
|
21
|
-
|
22
|
-
// Fluid layouts (left aligned, with sidebar, min- & max-width content)
|
23
|
-
.container-fluid {
|
24
|
-
position: relative;
|
25
|
-
min-width: 940px;
|
26
|
-
padding-left: 20px;
|
27
|
-
padding-right: 20px;
|
28
|
-
.clearfix();
|
29
|
-
> .sidebar {
|
30
|
-
position: absolute;
|
31
|
-
top: 0;
|
32
|
-
left: 20px;
|
33
|
-
width: 220px;
|
34
|
-
}
|
35
|
-
// TODO in v2: rename this and .popover .content to be more specific
|
36
|
-
> .content {
|
37
|
-
margin-left: 240px;
|
38
|
-
}
|
39
|
-
}
|
40
|
-
|
41
|
-
|
42
|
-
// BASE STYLES
|
43
|
-
// -----------
|
44
|
-
|
45
|
-
// Links
|
46
|
-
a {
|
47
|
-
color: @linkColor;
|
48
|
-
text-decoration: none;
|
49
|
-
line-height: inherit;
|
50
|
-
font-weight: inherit;
|
51
|
-
&:hover {
|
52
|
-
color: @linkColorHover;
|
53
|
-
text-decoration: underline;
|
54
|
-
}
|
55
|
-
}
|
56
|
-
|
57
|
-
// Quick floats
|
58
|
-
.pull-right {
|
59
|
-
float: right;
|
60
|
-
}
|
61
|
-
.pull-left {
|
62
|
-
float: left;
|
63
|
-
}
|
64
|
-
|
65
|
-
// Toggling content
|
66
|
-
.hide {
|
67
|
-
display: none;
|
68
|
-
}
|
69
|
-
.show {
|
70
|
-
display: block;
|
71
|
-
}
|
72
|
-
|
73
|
-
|
74
|
-
// GRID SYSTEM
|
75
|
-
// -----------
|
76
|
-
// To customize the grid system, bring up the variables.less file and change the column count, size, and gutter there
|
77
|
-
|
78
|
-
.row {
|
79
|
-
.clearfix();
|
80
|
-
margin-left: -@gridGutterWidth;
|
81
|
-
}
|
82
|
-
|
83
|
-
// Find all .span# classes within .row and give them the necessary properties for grid columns (supported by all browsers back to IE7)
|
84
|
-
// Credit to @dhg for the idea
|
85
|
-
.row > [class*="span"] {
|
86
|
-
.gridColumn();
|
87
|
-
}
|
88
|
-
|
89
|
-
// Default columns
|
90
|
-
.span1 { .columns(1); }
|
91
|
-
.span2 { .columns(2); }
|
92
|
-
.span3 { .columns(3); }
|
93
|
-
.span4 { .columns(4); }
|
94
|
-
.span5 { .columns(5); }
|
95
|
-
.span6 { .columns(6); }
|
96
|
-
.span7 { .columns(7); }
|
97
|
-
.span8 { .columns(8); }
|
98
|
-
.span9 { .columns(9); }
|
99
|
-
.span10 { .columns(10); }
|
100
|
-
.span11 { .columns(11); }
|
101
|
-
.span12 { .columns(12); }
|
102
|
-
.span13 { .columns(13); }
|
103
|
-
.span14 { .columns(14); }
|
104
|
-
.span15 { .columns(15); }
|
105
|
-
.span16 { .columns(16); }
|
106
|
-
|
107
|
-
// For optional 24-column grid
|
108
|
-
.span17 { .columns(17); }
|
109
|
-
.span18 { .columns(18); }
|
110
|
-
.span19 { .columns(19); }
|
111
|
-
.span20 { .columns(20); }
|
112
|
-
.span21 { .columns(21); }
|
113
|
-
.span22 { .columns(22); }
|
114
|
-
.span23 { .columns(23); }
|
115
|
-
.span24 { .columns(24); }
|
116
|
-
|
117
|
-
// Offset column options
|
118
|
-
.row {
|
119
|
-
> .offset1 { .offset(1); }
|
120
|
-
> .offset2 { .offset(2); }
|
121
|
-
> .offset3 { .offset(3); }
|
122
|
-
> .offset4 { .offset(4); }
|
123
|
-
> .offset5 { .offset(5); }
|
124
|
-
> .offset6 { .offset(6); }
|
125
|
-
> .offset7 { .offset(7); }
|
126
|
-
> .offset8 { .offset(8); }
|
127
|
-
> .offset9 { .offset(9); }
|
128
|
-
> .offset10 { .offset(10); }
|
129
|
-
> .offset11 { .offset(11); }
|
130
|
-
> .offset12 { .offset(12); }
|
131
|
-
}
|
132
|
-
|
133
|
-
// Unique column sizes for 16-column grid
|
134
|
-
.span-one-third { width: 300px; }
|
135
|
-
.span-two-thirds { width: 620px; }
|
136
|
-
.offset-one-third { margin-left: 340px; }
|
137
|
-
.offset-two-thirds { margin-left: 660px; }
|
@@ -1,224 +0,0 @@
|
|
1
|
-
/*
|
2
|
-
* Tables.less
|
3
|
-
* Tables for, you guessed it, tabular data
|
4
|
-
* ---------------------------------------- */
|
5
|
-
|
6
|
-
|
7
|
-
// BASELINE STYLES
|
8
|
-
// ---------------
|
9
|
-
|
10
|
-
table {
|
11
|
-
width: 100%;
|
12
|
-
margin-bottom: @baseline;
|
13
|
-
padding: 0;
|
14
|
-
font-size: @basefont;
|
15
|
-
border-collapse: collapse;
|
16
|
-
th,
|
17
|
-
td {
|
18
|
-
padding: 10px 10px 9px;
|
19
|
-
line-height: @baseline;
|
20
|
-
text-align: left;
|
21
|
-
}
|
22
|
-
th {
|
23
|
-
padding-top: 9px;
|
24
|
-
font-weight: bold;
|
25
|
-
vertical-align: middle;
|
26
|
-
}
|
27
|
-
td {
|
28
|
-
vertical-align: top;
|
29
|
-
border-top: 1px solid #ddd;
|
30
|
-
}
|
31
|
-
// When scoped to row, fix th in tbody
|
32
|
-
tbody th {
|
33
|
-
border-top: 1px solid #ddd;
|
34
|
-
vertical-align: top;
|
35
|
-
}
|
36
|
-
}
|
37
|
-
|
38
|
-
|
39
|
-
// CONDENSED VERSION
|
40
|
-
// -----------------
|
41
|
-
.condensed-table {
|
42
|
-
th,
|
43
|
-
td {
|
44
|
-
padding: 5px 5px 4px;
|
45
|
-
}
|
46
|
-
}
|
47
|
-
|
48
|
-
|
49
|
-
// BORDERED VERSION
|
50
|
-
// ----------------
|
51
|
-
|
52
|
-
.bordered-table {
|
53
|
-
border: 1px solid #ddd;
|
54
|
-
border-collapse: separate; // Done so we can round those corners!
|
55
|
-
*border-collapse: collapse; /* IE7, collapse table to remove spacing */
|
56
|
-
.border-radius(4px);
|
57
|
-
th + th,
|
58
|
-
td + td,
|
59
|
-
th + td {
|
60
|
-
border-left: 1px solid #ddd;
|
61
|
-
}
|
62
|
-
thead tr:first-child th:first-child,
|
63
|
-
tbody tr:first-child td:first-child {
|
64
|
-
.border-radius(4px 0 0 0);
|
65
|
-
}
|
66
|
-
thead tr:first-child th:last-child,
|
67
|
-
tbody tr:first-child td:last-child {
|
68
|
-
.border-radius(0 4px 0 0);
|
69
|
-
}
|
70
|
-
tbody tr:last-child td:first-child {
|
71
|
-
.border-radius(0 0 0 4px);
|
72
|
-
}
|
73
|
-
tbody tr:last-child td:last-child {
|
74
|
-
.border-radius(0 0 4px 0);
|
75
|
-
}
|
76
|
-
}
|
77
|
-
|
78
|
-
|
79
|
-
// TABLE CELL SIZES
|
80
|
-
// ----------------
|
81
|
-
|
82
|
-
// This is a duplication of the main grid .columns() mixin, but subtracts 20px to account for input padding and border
|
83
|
-
.tableColumns(@columnSpan: 1) {
|
84
|
-
width: ((@gridColumnWidth - 20) * @columnSpan) + ((@gridColumnWidth - 20) * (@columnSpan - 1));
|
85
|
-
}
|
86
|
-
table {
|
87
|
-
// Default columns
|
88
|
-
.span1 { .tableColumns(1); }
|
89
|
-
.span2 { .tableColumns(2); }
|
90
|
-
.span3 { .tableColumns(3); }
|
91
|
-
.span4 { .tableColumns(4); }
|
92
|
-
.span5 { .tableColumns(5); }
|
93
|
-
.span6 { .tableColumns(6); }
|
94
|
-
.span7 { .tableColumns(7); }
|
95
|
-
.span8 { .tableColumns(8); }
|
96
|
-
.span9 { .tableColumns(9); }
|
97
|
-
.span10 { .tableColumns(10); }
|
98
|
-
.span11 { .tableColumns(11); }
|
99
|
-
.span12 { .tableColumns(12); }
|
100
|
-
.span13 { .tableColumns(13); }
|
101
|
-
.span14 { .tableColumns(14); }
|
102
|
-
.span15 { .tableColumns(15); }
|
103
|
-
.span16 { .tableColumns(16); }
|
104
|
-
}
|
105
|
-
|
106
|
-
|
107
|
-
// ZEBRA-STRIPING
|
108
|
-
// --------------
|
109
|
-
|
110
|
-
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
|
111
|
-
.zebra-striped {
|
112
|
-
tbody {
|
113
|
-
tr:nth-child(odd) td,
|
114
|
-
tr:nth-child(odd) th {
|
115
|
-
background-color: #f9f9f9;
|
116
|
-
}
|
117
|
-
tr:hover td,
|
118
|
-
tr:hover th {
|
119
|
-
background-color: #f5f5f5;
|
120
|
-
}
|
121
|
-
}
|
122
|
-
}
|
123
|
-
|
124
|
-
table {
|
125
|
-
// Tablesorting styles w/ jQuery plugin
|
126
|
-
.header {
|
127
|
-
cursor: pointer;
|
128
|
-
&:after {
|
129
|
-
content: "";
|
130
|
-
float: right;
|
131
|
-
margin-top: 7px;
|
132
|
-
border-width: 0 4px 4px;
|
133
|
-
border-style: solid;
|
134
|
-
border-color: #000 transparent;
|
135
|
-
visibility: hidden;
|
136
|
-
}
|
137
|
-
}
|
138
|
-
// Style the sorted column headers (THs)
|
139
|
-
.headerSortUp,
|
140
|
-
.headerSortDown {
|
141
|
-
background-color: rgba(141,192,219,.25);
|
142
|
-
text-shadow: 0 1px 1px rgba(255,255,255,.75);
|
143
|
-
}
|
144
|
-
// Style the ascending (reverse alphabetical) column header
|
145
|
-
.header:hover {
|
146
|
-
&:after {
|
147
|
-
visibility:visible;
|
148
|
-
}
|
149
|
-
}
|
150
|
-
// Style the descending (alphabetical) column header
|
151
|
-
.headerSortDown,
|
152
|
-
.headerSortDown:hover {
|
153
|
-
&:after {
|
154
|
-
visibility:visible;
|
155
|
-
.opacity(60);
|
156
|
-
}
|
157
|
-
}
|
158
|
-
// Style the ascending (reverse alphabetical) column header
|
159
|
-
.headerSortUp {
|
160
|
-
&:after {
|
161
|
-
border-bottom: none;
|
162
|
-
border-left: 4px solid transparent;
|
163
|
-
border-right: 4px solid transparent;
|
164
|
-
border-top: 4px solid #000;
|
165
|
-
visibility:visible;
|
166
|
-
.box-shadow(none); //can't add boxshadow to downward facing arrow :(
|
167
|
-
.opacity(60);
|
168
|
-
}
|
169
|
-
}
|
170
|
-
// Blue Table Headings
|
171
|
-
.blue {
|
172
|
-
color: @blue;
|
173
|
-
border-bottom-color: @blue;
|
174
|
-
}
|
175
|
-
.headerSortUp.blue,
|
176
|
-
.headerSortDown.blue {
|
177
|
-
background-color: lighten(@blue, 40%);
|
178
|
-
}
|
179
|
-
// Green Table Headings
|
180
|
-
.green {
|
181
|
-
color: @green;
|
182
|
-
border-bottom-color: @green;
|
183
|
-
}
|
184
|
-
.headerSortUp.green,
|
185
|
-
.headerSortDown.green {
|
186
|
-
background-color: lighten(@green, 40%);
|
187
|
-
}
|
188
|
-
// Red Table Headings
|
189
|
-
.red {
|
190
|
-
color: @red;
|
191
|
-
border-bottom-color: @red;
|
192
|
-
}
|
193
|
-
.headerSortUp.red,
|
194
|
-
.headerSortDown.red {
|
195
|
-
background-color: lighten(@red, 50%);
|
196
|
-
}
|
197
|
-
// Yellow Table Headings
|
198
|
-
.yellow {
|
199
|
-
color: @yellow;
|
200
|
-
border-bottom-color: @yellow;
|
201
|
-
}
|
202
|
-
.headerSortUp.yellow,
|
203
|
-
.headerSortDown.yellow {
|
204
|
-
background-color: lighten(@yellow, 40%);
|
205
|
-
}
|
206
|
-
// Orange Table Headings
|
207
|
-
.orange {
|
208
|
-
color: @orange;
|
209
|
-
border-bottom-color: @orange;
|
210
|
-
}
|
211
|
-
.headerSortUp.orange,
|
212
|
-
.headerSortDown.orange {
|
213
|
-
background-color: lighten(@orange, 40%);
|
214
|
-
}
|
215
|
-
// Purple Table Headings
|
216
|
-
.purple {
|
217
|
-
color: @purple;
|
218
|
-
border-bottom-color: @purple;
|
219
|
-
}
|
220
|
-
.headerSortUp.purple,
|
221
|
-
.headerSortDown.purple {
|
222
|
-
background-color: lighten(@purple, 40%);
|
223
|
-
}
|
224
|
-
}
|
data/vendor/framework/type.less
DELETED
@@ -1,187 +0,0 @@
|
|
1
|
-
/* Typography.less
|
2
|
-
* Headings, body text, lists, code, and more for a versatile and durable typography system
|
3
|
-
* ---------------------------------------------------------------------------------------- */
|
4
|
-
|
5
|
-
|
6
|
-
// BODY TEXT
|
7
|
-
// ---------
|
8
|
-
|
9
|
-
p {
|
10
|
-
#font > .shorthand(normal,@basefont,@baseline);
|
11
|
-
margin-bottom: @baseline / 2;
|
12
|
-
small {
|
13
|
-
font-size: @basefont - 2;
|
14
|
-
color: @grayLight;
|
15
|
-
}
|
16
|
-
}
|
17
|
-
|
18
|
-
|
19
|
-
// HEADINGS
|
20
|
-
// --------
|
21
|
-
|
22
|
-
h1, h2, h3, h4, h5, h6 {
|
23
|
-
font-weight: bold;
|
24
|
-
color: @grayDark;
|
25
|
-
small {
|
26
|
-
color: @grayLight;
|
27
|
-
}
|
28
|
-
}
|
29
|
-
h1 {
|
30
|
-
margin-bottom: @baseline;
|
31
|
-
font-size: 30px;
|
32
|
-
line-height: @baseline * 2;
|
33
|
-
small {
|
34
|
-
font-size: 18px;
|
35
|
-
}
|
36
|
-
}
|
37
|
-
h2 {
|
38
|
-
font-size: 24px;
|
39
|
-
line-height: @baseline * 2;
|
40
|
-
small {
|
41
|
-
font-size: 14px;
|
42
|
-
}
|
43
|
-
}
|
44
|
-
h3, h4, h5, h6 {
|
45
|
-
line-height: @baseline * 2;
|
46
|
-
}
|
47
|
-
h3 {
|
48
|
-
font-size: 18px;
|
49
|
-
small {
|
50
|
-
font-size: 14px;
|
51
|
-
}
|
52
|
-
}
|
53
|
-
h4 {
|
54
|
-
font-size: 16px;
|
55
|
-
small {
|
56
|
-
font-size: 12px;
|
57
|
-
}
|
58
|
-
}
|
59
|
-
h5 {
|
60
|
-
font-size: 14px;
|
61
|
-
}
|
62
|
-
h6 {
|
63
|
-
font-size: 13px;
|
64
|
-
color: @grayLight;
|
65
|
-
text-transform: uppercase;
|
66
|
-
}
|
67
|
-
|
68
|
-
|
69
|
-
// COLORS
|
70
|
-
// ------
|
71
|
-
|
72
|
-
// Unordered and Ordered lists
|
73
|
-
ul, ol {
|
74
|
-
margin: 0 0 @baseline 25px;
|
75
|
-
}
|
76
|
-
ul ul,
|
77
|
-
ul ol,
|
78
|
-
ol ol,
|
79
|
-
ol ul {
|
80
|
-
margin-bottom: 0;
|
81
|
-
}
|
82
|
-
ul {
|
83
|
-
list-style: disc;
|
84
|
-
}
|
85
|
-
ol {
|
86
|
-
list-style: decimal;
|
87
|
-
}
|
88
|
-
li {
|
89
|
-
line-height: @baseline;
|
90
|
-
color: @gray;
|
91
|
-
}
|
92
|
-
ul.unstyled {
|
93
|
-
list-style: none;
|
94
|
-
margin-left: 0;
|
95
|
-
}
|
96
|
-
|
97
|
-
// Description Lists
|
98
|
-
dl {
|
99
|
-
margin-bottom: @baseline;
|
100
|
-
dt, dd {
|
101
|
-
line-height: @baseline;
|
102
|
-
}
|
103
|
-
dt {
|
104
|
-
font-weight: bold;
|
105
|
-
}
|
106
|
-
dd {
|
107
|
-
margin-left: @baseline / 2;
|
108
|
-
}
|
109
|
-
}
|
110
|
-
|
111
|
-
// MISC
|
112
|
-
// ----
|
113
|
-
|
114
|
-
// Horizontal rules
|
115
|
-
hr {
|
116
|
-
margin: 20px 0 19px;
|
117
|
-
border: 0;
|
118
|
-
border-bottom: 1px solid #eee;
|
119
|
-
}
|
120
|
-
|
121
|
-
// Emphasis
|
122
|
-
strong {
|
123
|
-
font-style: inherit;
|
124
|
-
font-weight: bold;
|
125
|
-
}
|
126
|
-
em {
|
127
|
-
font-style: italic;
|
128
|
-
font-weight: inherit;
|
129
|
-
line-height: inherit;
|
130
|
-
}
|
131
|
-
.muted {
|
132
|
-
color: @grayLight;
|
133
|
-
}
|
134
|
-
|
135
|
-
// Blockquotes
|
136
|
-
blockquote {
|
137
|
-
margin-bottom: @baseline;
|
138
|
-
border-left: 5px solid #eee;
|
139
|
-
padding-left: 15px;
|
140
|
-
p {
|
141
|
-
#font > .shorthand(300,14px,@baseline);
|
142
|
-
margin-bottom: 0;
|
143
|
-
}
|
144
|
-
small {
|
145
|
-
display: block;
|
146
|
-
#font > .shorthand(300,12px,@baseline);
|
147
|
-
color: @grayLight;
|
148
|
-
&:before {
|
149
|
-
content: '\2014 \00A0';
|
150
|
-
}
|
151
|
-
}
|
152
|
-
}
|
153
|
-
|
154
|
-
// Addresses
|
155
|
-
address {
|
156
|
-
display: block;
|
157
|
-
line-height: @baseline;
|
158
|
-
margin-bottom: @baseline;
|
159
|
-
}
|
160
|
-
|
161
|
-
// Inline and block code styles
|
162
|
-
code, pre {
|
163
|
-
padding: 0 3px 2px;
|
164
|
-
font-family: Monaco, Andale Mono, Courier New, monospace;
|
165
|
-
font-size: 12px;
|
166
|
-
.border-radius(3px);
|
167
|
-
}
|
168
|
-
code {
|
169
|
-
background-color: lighten(@orange, 40%);
|
170
|
-
color: rgba(0,0,0,.75);
|
171
|
-
padding: 1px 3px;
|
172
|
-
}
|
173
|
-
pre {
|
174
|
-
background-color: #f5f5f5;
|
175
|
-
display: block;
|
176
|
-
padding: (@baseline - 1) / 2;
|
177
|
-
margin: 0 0 @baseline;
|
178
|
-
line-height: @baseline;
|
179
|
-
font-size: 12px;
|
180
|
-
border: 1px solid #ccc;
|
181
|
-
border: 1px solid rgba(0,0,0,.15);
|
182
|
-
.border-radius(3px);
|
183
|
-
white-space: pre;
|
184
|
-
white-space: pre-wrap;
|
185
|
-
word-wrap: break-word;
|
186
|
-
|
187
|
-
}
|