sass-rails-bootstrap 2.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (91) hide show
  1. data/LICENSE +13 -0
  2. data/README.md +99 -0
  3. data/Rakefile +38 -0
  4. data/lib/sass-rails-bootstrap/engine.rb +4 -0
  5. data/lib/sass-rails-bootstrap/version.rb +3 -0
  6. data/lib/sass-rails-bootstrap.rb +5 -0
  7. data/lib/tasks/sass-rails-bootstrap_tasks.rake +4 -0
  8. data/test/dummy/README.rdoc +261 -0
  9. data/test/dummy/Rakefile +7 -0
  10. data/test/dummy/app/assets/javascripts/application.js +15 -0
  11. data/test/dummy/app/assets/stylesheets/application.css +13 -0
  12. data/test/dummy/app/controllers/application_controller.rb +3 -0
  13. data/test/dummy/app/helpers/application_helper.rb +2 -0
  14. data/test/dummy/app/views/layouts/application.html.erb +14 -0
  15. data/test/dummy/config/application.rb +56 -0
  16. data/test/dummy/config/boot.rb +10 -0
  17. data/test/dummy/config/database.yml +25 -0
  18. data/test/dummy/config/environment.rb +5 -0
  19. data/test/dummy/config/environments/development.rb +37 -0
  20. data/test/dummy/config/environments/production.rb +67 -0
  21. data/test/dummy/config/environments/test.rb +37 -0
  22. data/test/dummy/config/initializers/backtrace_silencers.rb +7 -0
  23. data/test/dummy/config/initializers/inflections.rb +15 -0
  24. data/test/dummy/config/initializers/mime_types.rb +5 -0
  25. data/test/dummy/config/initializers/secret_token.rb +7 -0
  26. data/test/dummy/config/initializers/session_store.rb +8 -0
  27. data/test/dummy/config/initializers/wrap_parameters.rb +14 -0
  28. data/test/dummy/config/locales/en.yml +5 -0
  29. data/test/dummy/config/routes.rb +58 -0
  30. data/test/dummy/config.ru +4 -0
  31. data/test/dummy/db/test.sqlite3 +0 -0
  32. data/test/dummy/log/test.log +2 -0
  33. data/test/dummy/public/404.html +26 -0
  34. data/test/dummy/public/422.html +26 -0
  35. data/test/dummy/public/500.html +25 -0
  36. data/test/dummy/public/favicon.ico +0 -0
  37. data/test/dummy/script/rails +6 -0
  38. data/test/sass-rails-bootstrap_test.rb +7 -0
  39. data/test/test_helper.rb +10 -0
  40. data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings-white.png +0 -0
  41. data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings.png +0 -0
  42. data/vendor/assets/javascripts/twitter/bootstrap/alert.js +94 -0
  43. data/vendor/assets/javascripts/twitter/bootstrap/button.js +100 -0
  44. data/vendor/assets/javascripts/twitter/bootstrap/carousel.js +161 -0
  45. data/vendor/assets/javascripts/twitter/bootstrap/collapse.js +138 -0
  46. data/vendor/assets/javascripts/twitter/bootstrap/dropdown.js +92 -0
  47. data/vendor/assets/javascripts/twitter/bootstrap/modal.js +210 -0
  48. data/vendor/assets/javascripts/twitter/bootstrap/popover.js +95 -0
  49. data/vendor/assets/javascripts/twitter/bootstrap/scrollspy.js +125 -0
  50. data/vendor/assets/javascripts/twitter/bootstrap/tab.js +130 -0
  51. data/vendor/assets/javascripts/twitter/bootstrap/tooltip.js +270 -0
  52. data/vendor/assets/javascripts/twitter/bootstrap/transition.js +51 -0
  53. data/vendor/assets/javascripts/twitter/bootstrap/typeahead.js +271 -0
  54. data/vendor/assets/javascripts/twitter/bootstrap.js +12 -0
  55. data/vendor/assets/stylesheets/twitter/_bootstrap.scss +66 -0
  56. data/vendor/assets/stylesheets/twitter/bootstrap/_accordion.sass +26 -0
  57. data/vendor/assets/stylesheets/twitter/bootstrap/_alerts.sass +54 -0
  58. data/vendor/assets/stylesheets/twitter/bootstrap/_badges.sass +44 -0
  59. data/vendor/assets/stylesheets/twitter/bootstrap/_breadcrumbs.sass +20 -0
  60. data/vendor/assets/stylesheets/twitter/bootstrap/_button-groups.sass +155 -0
  61. data/vendor/assets/stylesheets/twitter/bootstrap/_buttons.sass +161 -0
  62. data/vendor/assets/stylesheets/twitter/bootstrap/_carousel.sass +105 -0
  63. data/vendor/assets/stylesheets/twitter/bootstrap/_close.sass +16 -0
  64. data/vendor/assets/stylesheets/twitter/bootstrap/_code.sass +48 -0
  65. data/vendor/assets/stylesheets/twitter/bootstrap/_component-animations.sass +16 -0
  66. data/vendor/assets/stylesheets/twitter/bootstrap/_dropdowns.sass +130 -0
  67. data/vendor/assets/stylesheets/twitter/bootstrap/_forms.sass +492 -0
  68. data/vendor/assets/stylesheets/twitter/bootstrap/_grid.sass +8 -0
  69. data/vendor/assets/stylesheets/twitter/bootstrap/_hero-unit.sass +19 -0
  70. data/vendor/assets/stylesheets/twitter/bootstrap/_labels.sass +45 -0
  71. data/vendor/assets/stylesheets/twitter/bootstrap/_layouts.sass +13 -0
  72. data/vendor/assets/stylesheets/twitter/bootstrap/_mixins.sass +517 -0
  73. data/vendor/assets/stylesheets/twitter/bootstrap/_modals.sass +87 -0
  74. data/vendor/assets/stylesheets/twitter/bootstrap/_navbar.sass +300 -0
  75. data/vendor/assets/stylesheets/twitter/bootstrap/_navs.sass +332 -0
  76. data/vendor/assets/stylesheets/twitter/bootstrap/_pager.sass +29 -0
  77. data/vendor/assets/stylesheets/twitter/bootstrap/_pagination.sass +45 -0
  78. data/vendor/assets/stylesheets/twitter/bootstrap/_popovers.sass +54 -0
  79. data/vendor/assets/stylesheets/twitter/bootstrap/_progress-bars.sass +105 -0
  80. data/vendor/assets/stylesheets/twitter/bootstrap/_reset.sass +115 -0
  81. data/vendor/assets/stylesheets/twitter/bootstrap/_responsive.sass +333 -0
  82. data/vendor/assets/stylesheets/twitter/bootstrap/_scaffolding.sass +25 -0
  83. data/vendor/assets/stylesheets/twitter/bootstrap/_sprites.sass +273 -0
  84. data/vendor/assets/stylesheets/twitter/bootstrap/_tables.sass +158 -0
  85. data/vendor/assets/stylesheets/twitter/bootstrap/_thumbnails.sass +34 -0
  86. data/vendor/assets/stylesheets/twitter/bootstrap/_tooltip.sass +43 -0
  87. data/vendor/assets/stylesheets/twitter/bootstrap/_type.sass +209 -0
  88. data/vendor/assets/stylesheets/twitter/bootstrap/_utilities.sass +19 -0
  89. data/vendor/assets/stylesheets/twitter/bootstrap/_variables.sass +199 -0
  90. data/vendor/assets/stylesheets/twitter/bootstrap/_wells.sass +23 -0
  91. metadata +183 -0
@@ -0,0 +1,273 @@
1
+ // Glyphs and icons for buttons, nav, and more
2
+ // -------------------------------------------
3
+
4
+
5
+ // ICONS
6
+ // -----
7
+
8
+ // All icons receive the styles of the <i> tag with a base class
9
+ // of .i and are then given a unique class to add width, height,
10
+ // and background-position. Your resulting HTML will look like
11
+ // <i class="icon-inbox"></i>.
12
+
13
+ // For the white version of the icons, just add the .i-white class:
14
+ // <i class="icon-inbox i-white"></i>
15
+
16
+ [class^="icon-"],
17
+ [class*=" icon-"]
18
+ display: inline-block
19
+ width: 14px
20
+ height: 14px
21
+ vertical-align: text-top
22
+ background-image: image-url($iconSpritePath)
23
+ background-position: 14px 14px
24
+ background-repeat: no-repeat
25
+ +ie7-restore-right-whitespace
26
+ .icon-white
27
+ background-image: image-url($iconWhiteSpritePath)
28
+
29
+ .icon-glass
30
+ background-position: 0 0
31
+ .icon-music
32
+ background-position: -24px 0
33
+ .icon-search
34
+ background-position: -48px 0
35
+ .icon-envelope
36
+ background-position: -72px 0
37
+ .icon-heart
38
+ background-position: -96px 0
39
+ .icon-star
40
+ background-position: -120px 0
41
+ .icon-star-empty
42
+ background-position: -144px 0
43
+ .icon-user
44
+ background-position: -168px 0
45
+ .icon-film
46
+ background-position: -192px 0
47
+ .icon-th-large
48
+ background-position: -216px 0
49
+ .icon-th
50
+ background-position: -240px 0
51
+ .icon-th-list
52
+ background-position: -264px 0
53
+ .icon-ok
54
+ background-position: -288px 0
55
+ .icon-remove
56
+ background-position: -312px 0
57
+ .icon-zoom-in
58
+ background-position: -336px 0
59
+ .icon-zoom-out
60
+ background-position: -360px 0
61
+ .icon-off
62
+ background-position: -384px 0
63
+ .icon-signal
64
+ background-position: -408px 0
65
+ .icon-cog
66
+ background-position: -432px 0
67
+ .icon-trash
68
+ background-position: -456px 0
69
+
70
+ .icon-home
71
+ background-position: 0 -24px
72
+ .icon-file
73
+ background-position: -24px -24px
74
+ .icon-time
75
+ background-position: -48px -24px
76
+ .icon-road
77
+ background-position: -72px -24px
78
+ .icon-download-alt
79
+ background-position: -96px -24px
80
+ .icon-download
81
+ background-position: -120px -24px
82
+ .icon-upload
83
+ background-position: -144px -24px
84
+ .icon-inbox
85
+ background-position: -168px -24px
86
+ .icon-play-circle
87
+ background-position: -192px -24px
88
+ .icon-repeat
89
+ background-position: -216px -24px
90
+ .icon-refresh
91
+ background-position: -240px -24px
92
+ .icon-list-alt
93
+ background-position: -264px -24px
94
+ .icon-lock
95
+ background-position: -287px -24px // 1px off
96
+ .icon-flag
97
+ background-position: -312px -24px
98
+ .icon-headphones
99
+ background-position: -336px -24px
100
+ .icon-volume-off
101
+ background-position: -360px -24px
102
+ .icon-volume-down
103
+ background-position: -384px -24px
104
+ .icon-volume-up
105
+ background-position: -408px -24px
106
+ .icon-qrcode
107
+ background-position: -432px -24px
108
+ .icon-barcode
109
+ background-position: -456px -24px
110
+
111
+ .icon-tag
112
+ background-position: 0 -48px
113
+ .icon-tags
114
+ background-position: -25px -48px // 1px off
115
+ .icon-book
116
+ background-position: -48px -48px
117
+ .icon-bookmark
118
+ background-position: -72px -48px
119
+ .icon-print
120
+ background-position: -96px -48px
121
+ .icon-camera
122
+ background-position: -120px -48px
123
+ .icon-font
124
+ background-position: -144px -48px
125
+ .icon-bold
126
+ background-position: -167px -48px // 1px off
127
+ .icon-italic
128
+ background-position: -192px -48px
129
+ .icon-text-height
130
+ background-position: -216px -48px
131
+ .icon-text-width
132
+ background-position: -240px -48px
133
+ .icon-align-left
134
+ background-position: -264px -48px
135
+ .icon-align-center
136
+ background-position: -288px -48px
137
+ .icon-align-right
138
+ background-position: -312px -48px
139
+ .icon-align-justify
140
+ background-position: -336px -48px
141
+ .icon-list
142
+ background-position: -360px -48px
143
+ .icon-indent-left
144
+ background-position: -384px -48px
145
+ .icon-indent-right
146
+ background-position: -408px -48px
147
+ .icon-facetime-video
148
+ background-position: -432px -48px
149
+ .icon-picture
150
+ background-position: -456px -48px
151
+
152
+ .icon-pencil
153
+ background-position: 0 -72px
154
+ .icon-map-marker
155
+ background-position: -24px -72px
156
+ .icon-adjust
157
+ background-position: -48px -72px
158
+ .icon-tint
159
+ background-position: -72px -72px
160
+ .icon-edit
161
+ background-position: -96px -72px
162
+ .icon-share
163
+ background-position: -120px -72px
164
+ .icon-check
165
+ background-position: -144px -72px
166
+ .icon-move
167
+ background-position: -168px -72px
168
+ .icon-step-backward
169
+ background-position: -192px -72px
170
+ .icon-fast-backward
171
+ background-position: -216px -72px
172
+ .icon-backward
173
+ background-position: -240px -72px
174
+ .icon-play
175
+ background-position: -264px -72px
176
+ .icon-pause
177
+ background-position: -288px -72px
178
+ .icon-stop
179
+ background-position: -312px -72px
180
+ .icon-forward
181
+ background-position: -336px -72px
182
+ .icon-fast-forward
183
+ background-position: -360px -72px
184
+ .icon-step-forward
185
+ background-position: -384px -72px
186
+ .icon-eject
187
+ background-position: -408px -72px
188
+ .icon-chevron-left
189
+ background-position: -432px -72px
190
+ .icon-chevron-right
191
+ background-position: -456px -72px
192
+
193
+ .icon-plus-sign
194
+ background-position: 0 -96px
195
+ .icon-minus-sign
196
+ background-position: -24px -96px
197
+ .icon-remove-sign
198
+ background-position: -48px -96px
199
+ .icon-ok-sign
200
+ background-position: -72px -96px
201
+ .icon-question-sign
202
+ background-position: -96px -96px
203
+ .icon-info-sign
204
+ background-position: -120px -96px
205
+ .icon-screenshot
206
+ background-position: -144px -96px
207
+ .icon-remove-circle
208
+ background-position: -168px -96px
209
+ .icon-ok-circle
210
+ background-position: -192px -96px
211
+ .icon-ban-circle
212
+ background-position: -216px -96px
213
+ .icon-arrow-left
214
+ background-position: -240px -96px
215
+ .icon-arrow-right
216
+ background-position: -264px -96px
217
+ .icon-arrow-up
218
+ background-position: -289px -96px // 1px off
219
+ .icon-arrow-down
220
+ background-position: -312px -96px
221
+ .icon-share-alt
222
+ background-position: -336px -96px
223
+ .icon-resize-full
224
+ background-position: -360px -96px
225
+ .icon-resize-small
226
+ background-position: -384px -96px
227
+ .icon-plus
228
+ background-position: -408px -96px
229
+ .icon-minus
230
+ background-position: -433px -96px
231
+ .icon-asterisk
232
+ background-position: -456px -96px
233
+
234
+ .icon-exclamation-sign
235
+ background-position: 0 -120px
236
+ .icon-gift
237
+ background-position: -24px -120px
238
+ .icon-leaf
239
+ background-position: -48px -120px
240
+ .icon-fire
241
+ background-position: -72px -120px
242
+ .icon-eye-open
243
+ background-position: -96px -120px
244
+ .icon-eye-close
245
+ background-position: -120px -120px
246
+ .icon-warning-sign
247
+ background-position: -144px -120px
248
+ .icon-plane
249
+ background-position: -168px -120px
250
+ .icon-calendar
251
+ background-position: -192px -120px
252
+ .icon-random
253
+ background-position: -216px -120px
254
+ .icon-comment
255
+ background-position: -240px -120px
256
+ .icon-magnet
257
+ background-position: -264px -120px
258
+ .icon-chevron-up
259
+ background-position: -288px -120px
260
+ .icon-chevron-down
261
+ background-position: -313px -119px // 1px off
262
+ .icon-retweet
263
+ background-position: -336px -120px
264
+ .icon-shopping-cart
265
+ background-position: -360px -120px
266
+ .icon-folder-close
267
+ background-position: -384px -120px
268
+ .icon-folder-open
269
+ background-position: -408px -120px
270
+ .icon-resize-vertical
271
+ background-position: -432px -119px
272
+ .icon-resize-horizontal
273
+ background-position: -456px -118px
@@ -0,0 +1,158 @@
1
+ // Tables for, you guessed it, tabular data
2
+ // ----------------------------------------
3
+
4
+
5
+ // BASE TABLES
6
+ // -----------------
7
+
8
+ table
9
+ max-width: 100%
10
+ border-collapse: collapse
11
+ border-spacing: 0
12
+ background-color: $tableBackground
13
+
14
+ // BASELINE STYLES
15
+ // ---------------
16
+
17
+ .table
18
+ width: 100%
19
+ margin-bottom: $baseLineHeight
20
+ // Cells
21
+ th,
22
+ td
23
+ padding: 8px
24
+ line-height: $baseLineHeight
25
+ text-align: left
26
+ vertical-align: top
27
+ border-top: 1px solid $tableBorder
28
+ th
29
+ font-weight: bold
30
+ // Bottom align for column headings
31
+ thead th
32
+ vertical-align: bottom
33
+ // Remove top border from thead by default
34
+ colgroup + thead tr:first-child th,
35
+ colgroup + thead tr:first-child td,
36
+ thead:first-child tr:first-child th,
37
+ thead:first-child tr:first-child td
38
+ border-top: 0
39
+ // Account for multiple tbody instances
40
+ tbody + tbody
41
+ border-top: 2px solid $tableBorder
42
+
43
+
44
+
45
+ // CONDENSED TABLE W/ HALF PADDING
46
+ // -------------------------------
47
+
48
+ .table-condensed
49
+ th,
50
+ td
51
+ padding: 4px 5px
52
+
53
+
54
+ // BORDERED VERSION
55
+ // ----------------
56
+
57
+ .table-bordered
58
+ border: 1px solid $tableBorder
59
+ border-left: 0
60
+ border-collapse: separate // Done so we can round those corners!
61
+ *border-collapse: collapsed // IE7 can't round corners anyway
62
+ +border-radius(4px)
63
+ th,
64
+ td
65
+ border-left: 1px solid $tableBorder
66
+ // Prevent a double border
67
+ thead:first-child tr:first-child th,
68
+ tbody:first-child tr:first-child th,
69
+ tbody:first-child tr:first-child td
70
+ border-top: 0
71
+ // For first th or td in the first row in the first thead or tbody
72
+ thead:first-child tr:first-child th:first-child,
73
+ tbody:first-child tr:first-child td:first-child
74
+ +border-radius(4px 0 0 0)
75
+ thead:first-child tr:first-child th:last-child,
76
+ tbody:first-child tr:first-child td:last-child
77
+ +border-radius(0 4px 0 0)
78
+ // For first th or td in the first row in the first thead or tbody
79
+ thead:last-child tr:last-child th:first-child,
80
+ tbody:last-child tr:last-child td:first-child
81
+ +border-radius(0 0 0 4px)
82
+ thead:last-child tr:last-child th:last-child,
83
+ tbody:last-child tr:last-child td:last-child
84
+ +border-radius(0 0 4px 0)
85
+
86
+
87
+ // ZEBRA-STRIPING
88
+ // --------------
89
+
90
+ // Default zebra-stripe styles (alternating gray and transparent backgrounds)
91
+ .table-striped
92
+ tbody
93
+ tr:nth-child(odd) td,
94
+ tr:nth-child(odd) th
95
+ background-color: $tableBackgroundAccent
96
+
97
+
98
+ // HOVER EFFECT
99
+ // ------------
100
+ // Placed here since it has to come after the potential zebra striping
101
+ .table
102
+ tbody tr:hover td,
103
+ tbody tr:hover th
104
+ background-color: $tableBackgroundHover
105
+
106
+
107
+ // TABLE CELL SIZING
108
+ // -----------------
109
+
110
+ table
111
+ .span1
112
+ +table-columns(1)
113
+ .span2
114
+ +table-columns(2)
115
+ .span3
116
+ +table-columns(3)
117
+ .span4
118
+ +table-columns(4)
119
+ .span5
120
+ +table-columns(5)
121
+ .span6
122
+ +table-columns(6)
123
+ .span7
124
+ +table-columns(7)
125
+ .span8
126
+ +table-columns(8)
127
+ .span9
128
+ +table-columns(9)
129
+ .span10
130
+ +table-columns(10)
131
+ .span11
132
+ +table-columns(11)
133
+ .span12
134
+ +table-columns(12)
135
+ .span13
136
+ +table-columns(13)
137
+ .span14
138
+ +table-columns(14)
139
+ .span15
140
+ +table-columns(15)
141
+ .span16
142
+ +table-columns(16)
143
+ .span17
144
+ +table-columns(17)
145
+ .span18
146
+ +table-columns(18)
147
+ .span19
148
+ +table-columns(19)
149
+ .span20
150
+ +table-columns(20)
151
+ .span21
152
+ +table-columns(21)
153
+ .span22
154
+ +table-columns(22)
155
+ .span23
156
+ +table-columns(23)
157
+ .span24
158
+ +table-columns(24)
@@ -0,0 +1,34 @@
1
+ // THUMBNAILS
2
+ // ----------
3
+
4
+ .thumbnails
5
+ margin-left: -$gridGutterWidth
6
+ list-style: none
7
+ +clearfix
8
+
9
+ .thumbnails > li
10
+ float: left
11
+ margin: 0 0 $baseLineHeight $gridGutterWidth
12
+
13
+ .thumbnail
14
+ display: block
15
+ padding: 4px
16
+ line-height: 1
17
+ border: 1px solid #ddd
18
+ +border-radius(4px)
19
+ +box-shadow(0 1px 1px rgba(0,0,0,.075))
20
+
21
+ // Add a hover state for linked versions only
22
+ a.thumbnail:hover
23
+ border-color: $linkColor
24
+ +box-shadow(0 1px 4px rgba(0,105,214,.25))
25
+
26
+ // Images and captions
27
+ .thumbnail > img
28
+ display: block
29
+ max-width: 100%
30
+ margin-left: auto
31
+ margin-right: auto
32
+
33
+ .thumbnail .caption
34
+ padding: 9px
@@ -0,0 +1,43 @@
1
+ // TOOLTIP
2
+ // -------
3
+
4
+ .tooltip
5
+ position: absolute
6
+ z-index: $zindexTooltip
7
+ display: block
8
+ visibility: visible
9
+ padding: 5px
10
+ font-size: 11px
11
+ +opacity(0)
12
+ &.in
13
+ +opacity(80)
14
+ &.top
15
+ margin-top: -2px
16
+ &.right
17
+ margin-left: 2px
18
+ &.bottom
19
+ margin-top: 2px
20
+ &.left
21
+ margin-left: -2px
22
+ &.top .tooltip-arrow
23
+ +popover-arrow-top
24
+ &.left .tooltip-arrow
25
+ +popover-arrow-left
26
+ &.bottom .tooltip-arrow
27
+ +popover-arrow-bottom
28
+ &.right .tooltip-arrow
29
+ +popover-arrow-right
30
+
31
+ .tooltip-inner
32
+ max-width: 200px
33
+ padding: 3px 8px
34
+ color: $white
35
+ text-align: center
36
+ text-decoration: none
37
+ background-color: $black
38
+ +border-radius(4px)
39
+
40
+ .tooltip-arrow
41
+ position: absolute
42
+ width: 0
43
+ height: 0
@@ -0,0 +1,209 @@
1
+ // Headings, body text, lists, code, and more for a versatile and durable typography system
2
+ // ----------------------------------------------------------------------------------------
3
+
4
+
5
+ // BODY TEXT
6
+ // ---------
7
+
8
+ p
9
+ margin: 0 0 $baseLineHeight / 2
10
+ font-family: $baseFontFamily
11
+ font-size: $baseFontSize
12
+ line-height: $baseLineHeight
13
+ small
14
+ font-size: $baseFontSize - 2
15
+ color: $grayLight
16
+
17
+ .lead
18
+ margin-bottom: $baseLineHeight
19
+ font-size: 20px
20
+ font-weight: 200
21
+ line-height: $baseLineHeight * 1.5
22
+
23
+
24
+ // HEADINGS
25
+ // --------
26
+
27
+ h1, h2, h3, h4, h5, h6
28
+ margin: 0
29
+ font-family: $headingsFontFamily
30
+ font-weight: $headingsFontWeight
31
+ color: $headingsColor
32
+ text-rendering: optimizelegibility // Fix the character spacing for headings
33
+ small
34
+ font-weight: normal
35
+ color: $grayLight
36
+
37
+ h1
38
+ font-size: 30px
39
+ line-height: $baseLineHeight * 2
40
+ small
41
+ font-size: 18px
42
+
43
+ h2
44
+ font-size: 24px
45
+ line-height: $baseLineHeight * 2
46
+ small
47
+ font-size: 18px
48
+
49
+ h3
50
+ line-height: $baseLineHeight * 1.5
51
+ font-size: 18px
52
+ small
53
+ font-size: 14px
54
+
55
+ h4, h5, h6
56
+ line-height: $baseLineHeight
57
+
58
+ h4
59
+ font-size: 14px
60
+ small
61
+ font-size: 12px
62
+
63
+ h5
64
+ font-size: 12px
65
+
66
+ h6
67
+ font-size: 11px
68
+ color: $grayLight
69
+ text-transform: uppercase
70
+
71
+ // Page header
72
+ .page-header
73
+ padding-bottom: $baseLineHeight - 1
74
+ margin: $baseLineHeight 0
75
+ border-bottom: 1px solid $grayLighter
76
+
77
+ .page-header h1
78
+ line-height: 1
79
+
80
+
81
+
82
+ // LISTS
83
+ // -----
84
+
85
+ // Unordered and Ordered lists
86
+ ul, ol
87
+ padding: 0
88
+ margin: 0 0 $baseLineHeight / 2 25px
89
+
90
+ ul ul,
91
+ ul ol,
92
+ ol ol,
93
+ ol ul
94
+ margin-bottom: 0
95
+
96
+ ul
97
+ list-style: disc
98
+
99
+ ol
100
+ list-style: decimal
101
+
102
+ li
103
+ line-height: $baseLineHeight
104
+
105
+ ul.unstyled,
106
+ ol.unstyled
107
+ margin-left: 0
108
+ list-style: none
109
+
110
+
111
+ // Description Lists
112
+ dl
113
+ margin-bottom: $baseLineHeight
114
+
115
+ dt,
116
+ dd
117
+ line-height: $baseLineHeight
118
+
119
+ dt
120
+ font-weight: bold
121
+ line-height: $baseLineHeight - 1 // fix jank Helvetica Neue font bug
122
+
123
+ dd
124
+ margin-left: $baseLineHeight / 2
125
+
126
+ // Horizontal layout (like forms)
127
+ .dl-horizontal
128
+ dt
129
+ float: left
130
+ clear: left
131
+ width: 120px
132
+ text-align: right
133
+ dd
134
+ margin-left: 130px
135
+
136
+
137
+ // MISC
138
+ // ----
139
+
140
+ // Horizontal rules
141
+ hr
142
+ margin: $baseLineHeight 0
143
+ border: 0
144
+ border-top: 1px solid $hrBorder
145
+ border-bottom: 1px solid $white
146
+
147
+ // Emphasis
148
+ strong
149
+ font-weight: bold
150
+
151
+ em
152
+ font-style: italic
153
+
154
+ .muted
155
+ color: $grayLight
156
+
157
+ // Abbreviations and acronyms
158
+ abbr[title]
159
+ border-bottom: 1px dotted #ddd
160
+ cursor: help
161
+ abbr.initialism
162
+ font-size: 90%
163
+ text-transform: uppercase
164
+
165
+ // Blockquotes
166
+ blockquote
167
+ padding: 0 0 0 15px
168
+ margin: 0 0 $baseLineHeight
169
+ border-left: 5px solid $grayLighter
170
+ p
171
+ margin-bottom: 0
172
+ +font-shorthand(16px, 300, $baseLineHeight * 1.25)
173
+ small
174
+ display: block
175
+ line-height: $baseLineHeight
176
+ color: $grayLight
177
+ &:before
178
+ content: '\2014 \00A0'
179
+
180
+ // Float right with text-align: right
181
+ &.pull-right
182
+ float: right
183
+ padding-left: 0
184
+ padding-right: 15px
185
+ border-left: 0
186
+ border-right: 5px solid $grayLighter
187
+ p,
188
+ small
189
+ text-align: right
190
+
191
+ // Quotes
192
+ q:before,
193
+ q:after,
194
+ blockquote:before,
195
+ blockquote:after
196
+ content: ""
197
+
198
+ // Addresses
199
+ address
200
+ display: block
201
+ margin-bottom: $baseLineHeight
202
+ line-height: $baseLineHeight
203
+ font-style: normal
204
+
205
+ // Misc
206
+ small
207
+ font-size: 100%
208
+ cite
209
+ font-style: normal