fix-twitter-bootstrap-rails 2.0.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (83) hide show
  1. data/README.md +213 -0
  2. data/Rakefile +14 -0
  3. data/lib/generators/bootstrap/install/install_generator.rb +53 -0
  4. data/lib/generators/bootstrap/install/templates/application.css +7 -0
  5. data/lib/generators/bootstrap/install/templates/application.js +10 -0
  6. data/lib/generators/bootstrap/install/templates/bootstrap.coffee +4 -0
  7. data/lib/generators/bootstrap/install/templates/bootstrap_and_overrides.less +19 -0
  8. data/lib/generators/bootstrap/layout/layout_generator.rb +23 -0
  9. data/lib/generators/bootstrap/layout/templates/layout.html.erb +99 -0
  10. data/lib/generators/bootstrap/layout/templates/layout.html.haml +71 -0
  11. data/lib/generators/bootstrap/layout/templates/layout.html.slim +72 -0
  12. data/lib/generators/bootstrap/themed/templates/_form.html.erb +19 -0
  13. data/lib/generators/bootstrap/themed/templates/_form.html.haml +13 -0
  14. data/lib/generators/bootstrap/themed/templates/_form.html.slim +11 -0
  15. data/lib/generators/bootstrap/themed/templates/edit.html.erb +1 -0
  16. data/lib/generators/bootstrap/themed/templates/edit.html.haml +2 -0
  17. data/lib/generators/bootstrap/themed/templates/edit.html.slim +3 -0
  18. data/lib/generators/bootstrap/themed/templates/index.html.erb +30 -0
  19. data/lib/generators/bootstrap/themed/templates/index.html.haml +25 -0
  20. data/lib/generators/bootstrap/themed/templates/index.html.slim +25 -0
  21. data/lib/generators/bootstrap/themed/templates/new.html.erb +1 -0
  22. data/lib/generators/bootstrap/themed/templates/new.html.haml +2 -0
  23. data/lib/generators/bootstrap/themed/templates/new.html.slim +2 -0
  24. data/lib/generators/bootstrap/themed/templates/show.html.erb +14 -0
  25. data/lib/generators/bootstrap/themed/templates/show.html.haml +9 -0
  26. data/lib/generators/bootstrap/themed/templates/show.html.slim +9 -0
  27. data/lib/generators/bootstrap/themed/themed_generator.rb +96 -0
  28. data/lib/twitter-bootstrap-rails.rb +10 -0
  29. data/lib/twitter/bootstrap/rails/bootstrap.rb +2 -0
  30. data/lib/twitter/bootstrap/rails/engine.rb +17 -0
  31. data/lib/twitter/bootstrap/rails/version.rb +7 -0
  32. data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings-white.png +0 -0
  33. data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings.png +0 -0
  34. data/vendor/assets/javascripts/twitter/bootstrap.js +12 -0
  35. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-alert.js +94 -0
  36. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-button.js +100 -0
  37. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-carousel.js +157 -0
  38. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-collapse.js +136 -0
  39. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-dropdown.js +92 -0
  40. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-modal.js +210 -0
  41. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-popover.js +95 -0
  42. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-scrollspy.js +125 -0
  43. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tab.js +130 -0
  44. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tooltip.js +270 -0
  45. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-transition.js +51 -0
  46. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-typeahead.js +271 -0
  47. data/vendor/toolkit/twitter/bootstrap/accordion.less +28 -0
  48. data/vendor/toolkit/twitter/bootstrap/alerts.less +70 -0
  49. data/vendor/toolkit/twitter/bootstrap/bootstrap.less +62 -0
  50. data/vendor/toolkit/twitter/bootstrap/breadcrumbs.less +22 -0
  51. data/vendor/toolkit/twitter/bootstrap/button-groups.less +148 -0
  52. data/vendor/toolkit/twitter/bootstrap/buttons.less +183 -0
  53. data/vendor/toolkit/twitter/bootstrap/carousel.less +121 -0
  54. data/vendor/toolkit/twitter/bootstrap/close.less +18 -0
  55. data/vendor/toolkit/twitter/bootstrap/code.less +57 -0
  56. data/vendor/toolkit/twitter/bootstrap/component-animations.less +18 -0
  57. data/vendor/toolkit/twitter/bootstrap/dropdowns.less +130 -0
  58. data/vendor/toolkit/twitter/bootstrap/forms.less +522 -0
  59. data/vendor/toolkit/twitter/bootstrap/grid.less +8 -0
  60. data/vendor/toolkit/twitter/bootstrap/hero-unit.less +20 -0
  61. data/vendor/toolkit/twitter/bootstrap/labels.less +32 -0
  62. data/vendor/toolkit/twitter/bootstrap/layouts.less +17 -0
  63. data/vendor/toolkit/twitter/bootstrap/mixins.less +590 -0
  64. data/vendor/toolkit/twitter/bootstrap/modals.less +83 -0
  65. data/vendor/toolkit/twitter/bootstrap/navbar.less +299 -0
  66. data/vendor/toolkit/twitter/bootstrap/navs.less +353 -0
  67. data/vendor/toolkit/twitter/bootstrap/pager.less +30 -0
  68. data/vendor/toolkit/twitter/bootstrap/pagination.less +55 -0
  69. data/vendor/toolkit/twitter/bootstrap/popovers.less +49 -0
  70. data/vendor/toolkit/twitter/bootstrap/progress-bars.less +95 -0
  71. data/vendor/toolkit/twitter/bootstrap/reset.less +126 -0
  72. data/vendor/toolkit/twitter/bootstrap/responsive.less +327 -0
  73. data/vendor/toolkit/twitter/bootstrap/scaffolding.less +29 -0
  74. data/vendor/toolkit/twitter/bootstrap/sprites.less +158 -0
  75. data/vendor/toolkit/twitter/bootstrap/tables.less +150 -0
  76. data/vendor/toolkit/twitter/bootstrap/thumbnails.less +35 -0
  77. data/vendor/toolkit/twitter/bootstrap/tooltip.less +35 -0
  78. data/vendor/toolkit/twitter/bootstrap/type.less +218 -0
  79. data/vendor/toolkit/twitter/bootstrap/utilities.less +23 -0
  80. data/vendor/toolkit/twitter/bootstrap/variables.less +107 -0
  81. data/vendor/toolkit/twitter/bootstrap/wells.less +17 -0
  82. data/vendor/toolkit/twitter/bootstrap_base.less +2 -0
  83. metadata +172 -0
@@ -0,0 +1,29 @@
1
+ // Scaffolding
2
+ // Basic and global styles for generating a grid system, structural layout, and page templates
3
+ // -------------------------------------------------------------------------------------------
4
+
5
+
6
+ // STRUCTURAL LAYOUT
7
+ // -----------------
8
+
9
+ body {
10
+ margin: 0;
11
+ font-family: @baseFontFamily;
12
+ font-size: @baseFontSize;
13
+ line-height: @baseLineHeight;
14
+ color: @textColor;
15
+ background-color: @white;
16
+ }
17
+
18
+
19
+ // LINKS
20
+ // -----
21
+
22
+ a {
23
+ color: @linkColor;
24
+ text-decoration: none;
25
+ }
26
+ a:hover {
27
+ color: @linkColorHover;
28
+ text-decoration: underline;
29
+ }
@@ -0,0 +1,158 @@
1
+ // SPRITES
2
+ // Glyphs and icons for buttons, nav, and more
3
+ // -------------------------------------------
4
+
5
+
6
+ // ICONS
7
+ // -----
8
+
9
+ // All icons receive the styles of the <i> tag with a base class
10
+ // of .i and are then given a unique class to add width, height,
11
+ // and background-position. Your resulting HTML will look like
12
+ // <i class="icon-inbox"></i>.
13
+
14
+ // For the white version of the icons, just add the .icon-white class:
15
+ // <i class="icon-inbox icon-white"></i>
16
+
17
+ [class^="icon-"],
18
+ [class*=" icon-"] {
19
+ display: inline-block;
20
+ width: 14px;
21
+ height: 14px;
22
+ line-height: 14px;
23
+ vertical-align: text-top;
24
+ background-image: url(@iconSpritePath);
25
+ background-position: 14px 14px;
26
+ background-repeat: no-repeat;
27
+
28
+ .ie7-restore-right-whitespace();
29
+ }
30
+ .icon-white {
31
+ background-image: url(@iconWhiteSpritePath);
32
+ }
33
+
34
+ .icon-glass { background-position: 0 0; }
35
+ .icon-music { background-position: -24px 0; }
36
+ .icon-search { background-position: -48px 0; }
37
+ .icon-envelope { background-position: -72px 0; }
38
+ .icon-heart { background-position: -96px 0; }
39
+ .icon-star { background-position: -120px 0; }
40
+ .icon-star-empty { background-position: -144px 0; }
41
+ .icon-user { background-position: -168px 0; }
42
+ .icon-film { background-position: -192px 0; }
43
+ .icon-th-large { background-position: -216px 0; }
44
+ .icon-th { background-position: -240px 0; }
45
+ .icon-th-list { background-position: -264px 0; }
46
+ .icon-ok { background-position: -288px 0; }
47
+ .icon-remove { background-position: -312px 0; }
48
+ .icon-zoom-in { background-position: -336px 0; }
49
+ .icon-zoom-out { background-position: -360px 0; }
50
+ .icon-off { background-position: -384px 0; }
51
+ .icon-signal { background-position: -408px 0; }
52
+ .icon-cog { background-position: -432px 0; }
53
+ .icon-trash { background-position: -456px 0; }
54
+
55
+ .icon-home { background-position: 0 -24px; }
56
+ .icon-file { background-position: -24px -24px; }
57
+ .icon-time { background-position: -48px -24px; }
58
+ .icon-road { background-position: -72px -24px; }
59
+ .icon-download-alt { background-position: -96px -24px; }
60
+ .icon-download { background-position: -120px -24px; }
61
+ .icon-upload { background-position: -144px -24px; }
62
+ .icon-inbox { background-position: -168px -24px; }
63
+ .icon-play-circle { background-position: -192px -24px; }
64
+ .icon-repeat { background-position: -216px -24px; }
65
+ .icon-refresh { background-position: -240px -24px; }
66
+ .icon-list-alt { background-position: -264px -24px; }
67
+ .icon-lock { background-position: -287px -24px; } // 1px off
68
+ .icon-flag { background-position: -312px -24px; }
69
+ .icon-headphones { background-position: -336px -24px; }
70
+ .icon-volume-off { background-position: -360px -24px; }
71
+ .icon-volume-down { background-position: -384px -24px; }
72
+ .icon-volume-up { background-position: -408px -24px; }
73
+ .icon-qrcode { background-position: -432px -24px; }
74
+ .icon-barcode { background-position: -456px -24px; }
75
+
76
+ .icon-tag { background-position: 0 -48px; }
77
+ .icon-tags { background-position: -25px -48px; } // 1px off
78
+ .icon-book { background-position: -48px -48px; }
79
+ .icon-bookmark { background-position: -72px -48px; }
80
+ .icon-print { background-position: -96px -48px; }
81
+ .icon-camera { background-position: -120px -48px; }
82
+ .icon-font { background-position: -144px -48px; }
83
+ .icon-bold { background-position: -167px -48px; } // 1px off
84
+ .icon-italic { background-position: -192px -48px; }
85
+ .icon-text-height { background-position: -216px -48px; }
86
+ .icon-text-width { background-position: -240px -48px; }
87
+ .icon-align-left { background-position: -264px -48px; }
88
+ .icon-align-center { background-position: -288px -48px; }
89
+ .icon-align-right { background-position: -312px -48px; }
90
+ .icon-align-justify { background-position: -336px -48px; }
91
+ .icon-list { background-position: -360px -48px; }
92
+ .icon-indent-left { background-position: -384px -48px; }
93
+ .icon-indent-right { background-position: -408px -48px; }
94
+ .icon-facetime-video { background-position: -432px -48px; }
95
+ .icon-picture { background-position: -456px -48px; }
96
+
97
+ .icon-pencil { background-position: 0 -72px; }
98
+ .icon-map-marker { background-position: -24px -72px; }
99
+ .icon-adjust { background-position: -48px -72px; }
100
+ .icon-tint { background-position: -72px -72px; }
101
+ .icon-edit { background-position: -96px -72px; }
102
+ .icon-share { background-position: -120px -72px; }
103
+ .icon-check { background-position: -144px -72px; }
104
+ .icon-move { background-position: -168px -72px; }
105
+ .icon-step-backward { background-position: -192px -72px; }
106
+ .icon-fast-backward { background-position: -216px -72px; }
107
+ .icon-backward { background-position: -240px -72px; }
108
+ .icon-play { background-position: -264px -72px; }
109
+ .icon-pause { background-position: -288px -72px; }
110
+ .icon-stop { background-position: -312px -72px; }
111
+ .icon-forward { background-position: -336px -72px; }
112
+ .icon-fast-forward { background-position: -360px -72px; }
113
+ .icon-step-forward { background-position: -384px -72px; }
114
+ .icon-eject { background-position: -408px -72px; }
115
+ .icon-chevron-left { background-position: -432px -72px; }
116
+ .icon-chevron-right { background-position: -456px -72px; }
117
+
118
+ .icon-plus-sign { background-position: 0 -96px; }
119
+ .icon-minus-sign { background-position: -24px -96px; }
120
+ .icon-remove-sign { background-position: -48px -96px; }
121
+ .icon-ok-sign { background-position: -72px -96px; }
122
+ .icon-question-sign { background-position: -96px -96px; }
123
+ .icon-info-sign { background-position: -120px -96px; }
124
+ .icon-screenshot { background-position: -144px -96px; }
125
+ .icon-remove-circle { background-position: -168px -96px; }
126
+ .icon-ok-circle { background-position: -192px -96px; }
127
+ .icon-ban-circle { background-position: -216px -96px; }
128
+ .icon-arrow-left { background-position: -240px -96px; }
129
+ .icon-arrow-right { background-position: -264px -96px; }
130
+ .icon-arrow-up { background-position: -289px -96px; } // 1px off
131
+ .icon-arrow-down { background-position: -312px -96px; }
132
+ .icon-share-alt { background-position: -336px -96px; }
133
+ .icon-resize-full { background-position: -360px -96px; }
134
+ .icon-resize-small { background-position: -384px -96px; }
135
+ .icon-plus { background-position: -408px -96px; }
136
+ .icon-minus { background-position: -433px -96px; }
137
+ .icon-asterisk { background-position: -456px -96px; }
138
+
139
+ .icon-exclamation-sign { background-position: 0 -120px; }
140
+ .icon-gift { background-position: -24px -120px; }
141
+ .icon-leaf { background-position: -48px -120px; }
142
+ .icon-fire { background-position: -72px -120px; }
143
+ .icon-eye-open { background-position: -96px -120px; }
144
+ .icon-eye-close { background-position: -120px -120px; }
145
+ .icon-warning-sign { background-position: -144px -120px; }
146
+ .icon-plane { background-position: -168px -120px; }
147
+ .icon-calendar { background-position: -192px -120px; }
148
+ .icon-random { background-position: -216px -120px; }
149
+ .icon-comment { background-position: -240px -120px; }
150
+ .icon-magnet { background-position: -264px -120px; }
151
+ .icon-chevron-up { background-position: -288px -120px; }
152
+ .icon-chevron-down { background-position: -313px -119px; } // 1px off
153
+ .icon-retweet { background-position: -336px -120px; }
154
+ .icon-shopping-cart { background-position: -360px -120px; }
155
+ .icon-folder-close { background-position: -384px -120px; }
156
+ .icon-folder-open { background-position: -408px -120px; }
157
+ .icon-resize-vertical { background-position: -432px -119px; }
158
+ .icon-resize-horizontal { background-position: -456px -118px; }
@@ -0,0 +1,150 @@
1
+ //
2
+ // Tables.less
3
+ // Tables for, you guessed it, tabular data
4
+ // ----------------------------------------
5
+
6
+
7
+ // BASE TABLES
8
+ // -----------------
9
+
10
+ table {
11
+ max-width: 100%;
12
+ border-collapse: collapse;
13
+ border-spacing: 0;
14
+ }
15
+
16
+ // BASELINE STYLES
17
+ // ---------------
18
+
19
+ .table {
20
+ width: 100%;
21
+ margin-bottom: @baseLineHeight;
22
+ // Cells
23
+ th,
24
+ td {
25
+ padding: 8px;
26
+ line-height: @baseLineHeight;
27
+ text-align: left;
28
+ vertical-align: top;
29
+ border-top: 1px solid #ddd;
30
+ }
31
+ th {
32
+ font-weight: bold;
33
+ }
34
+ // Bottom align for column headings
35
+ thead th {
36
+ vertical-align: bottom;
37
+ }
38
+ // Remove top border from thead by default
39
+ thead:first-child tr th,
40
+ thead:first-child tr td {
41
+ border-top: 0;
42
+ }
43
+ // Account for multiple tbody instances
44
+ tbody + tbody {
45
+ border-top: 2px solid #ddd;
46
+ }
47
+ }
48
+
49
+
50
+
51
+ // CONDENSED TABLE W/ HALF PADDING
52
+ // -------------------------------
53
+
54
+ .table-condensed {
55
+ th,
56
+ td {
57
+ padding: 4px 5px;
58
+ }
59
+ }
60
+
61
+
62
+ // BORDERED VERSION
63
+ // ----------------
64
+
65
+ .table-bordered {
66
+ border: 1px solid #ddd;
67
+ border-collapse: separate; // Done so we can round those corners!
68
+ *border-collapse: collapsed; // IE7 can't round corners anyway
69
+ .border-radius(4px);
70
+ th + th,
71
+ td + td,
72
+ th + td,
73
+ td + th {
74
+ border-left: 1px solid #ddd;
75
+ }
76
+ // Prevent a double border
77
+ thead:first-child tr:first-child th,
78
+ tbody:first-child tr:first-child th,
79
+ tbody:first-child tr:first-child td {
80
+ border-top: 0;
81
+ }
82
+ // For first th or td in the first row in the first thead or tbody
83
+ thead:first-child tr:first-child th:first-child,
84
+ tbody:first-child tr:first-child td:first-child {
85
+ .border-radius(4px 0 0 0);
86
+ }
87
+ thead:first-child tr:first-child th:last-child,
88
+ tbody:first-child tr:first-child td:last-child {
89
+ .border-radius(0 4px 0 0);
90
+ }
91
+ // For first th or td in the first row in the first thead or tbody
92
+ thead:last-child tr:last-child th:first-child,
93
+ tbody:last-child tr:last-child td:first-child {
94
+ .border-radius(0 0 0 4px);
95
+ }
96
+ thead:last-child tr:last-child th:last-child,
97
+ tbody:last-child tr:last-child td:last-child {
98
+ .border-radius(0 0 4px 0);
99
+ }
100
+ }
101
+
102
+
103
+ // ZEBRA-STRIPING
104
+ // --------------
105
+
106
+ // Default zebra-stripe styles (alternating gray and transparent backgrounds)
107
+ .table-striped {
108
+ tbody {
109
+ tr:nth-child(odd) td,
110
+ tr:nth-child(odd) th {
111
+ background-color: #f9f9f9;
112
+ }
113
+ }
114
+ }
115
+
116
+
117
+ // HOVER EFFECT
118
+ // ------------
119
+ // Placed here since it has to come after the potential zebra striping
120
+ .table {
121
+ tbody tr:hover td,
122
+ tbody tr:hover th {
123
+ background-color: #f5f5f5;
124
+ }
125
+ }
126
+
127
+
128
+ // TABLE CELL SIZING
129
+ // -----------------
130
+
131
+ // Change the columns
132
+ .tableColumns(@columnSpan: 1) {
133
+ float: none;
134
+ width: ((@gridColumnWidth) * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1)) - 16;
135
+ margin-left: 0;
136
+ }
137
+ table {
138
+ .span1 { .tableColumns(1); }
139
+ .span2 { .tableColumns(2); }
140
+ .span3 { .tableColumns(3); }
141
+ .span4 { .tableColumns(4); }
142
+ .span5 { .tableColumns(5); }
143
+ .span6 { .tableColumns(6); }
144
+ .span7 { .tableColumns(7); }
145
+ .span8 { .tableColumns(8); }
146
+ .span9 { .tableColumns(9); }
147
+ .span10 { .tableColumns(10); }
148
+ .span11 { .tableColumns(11); }
149
+ .span12 { .tableColumns(12); }
150
+ }
@@ -0,0 +1,35 @@
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;
35
+ }
@@ -0,0 +1,35 @@
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 { .opacity(80); }
13
+ &.top { margin-top: -2px; }
14
+ &.right { margin-left: 2px; }
15
+ &.bottom { margin-top: 2px; }
16
+ &.left { margin-left: -2px; }
17
+ &.top .tooltip-arrow { #popoverArrow > .top(); }
18
+ &.left .tooltip-arrow { #popoverArrow > .left(); }
19
+ &.bottom .tooltip-arrow { #popoverArrow > .bottom(); }
20
+ &.right .tooltip-arrow { #popoverArrow > .right(); }
21
+ }
22
+ .tooltip-inner {
23
+ max-width: 200px;
24
+ padding: 3px 8px;
25
+ color: @white;
26
+ text-align: center;
27
+ text-decoration: none;
28
+ background-color: @black;
29
+ .border-radius(4px);
30
+ }
31
+ .tooltip-arrow {
32
+ position: absolute;
33
+ width: 0;
34
+ height: 0;
35
+ }
@@ -0,0 +1,218 @@
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
+ margin: 0 0 @baseLineHeight / 2;
11
+ font-family: @baseFontFamily;
12
+ font-size: @baseFontSize;
13
+ line-height: @baseLineHeight;
14
+ small {
15
+ font-size: @baseFontSize - 2;
16
+ color: @grayLight;
17
+ }
18
+ }
19
+ .lead {
20
+ margin-bottom: @baseLineHeight;
21
+ font-size: 20px;
22
+ font-weight: 200;
23
+ line-height: @baseLineHeight * 1.5;
24
+ }
25
+
26
+ // HEADINGS
27
+ // --------
28
+
29
+ h1, h2, h3, h4, h5, h6 {
30
+ margin: 0;
31
+ font-weight: bold;
32
+ color: @grayDark;
33
+ text-rendering: optimizelegibility; // Fix the character spacing for headings
34
+ small {
35
+ font-weight: normal;
36
+ color: @grayLight;
37
+ }
38
+ }
39
+ h1 {
40
+ font-size: 30px;
41
+ line-height: @baseLineHeight * 2;
42
+ small {
43
+ font-size: 18px;
44
+ }
45
+ }
46
+ h2 {
47
+ font-size: 24px;
48
+ line-height: @baseLineHeight * 2;
49
+ small {
50
+ font-size: 18px;
51
+ }
52
+ }
53
+ h3 {
54
+ line-height: @baseLineHeight * 1.5;
55
+ font-size: 18px;
56
+ small {
57
+ font-size: 14px;
58
+ }
59
+ }
60
+ h4, h5, h6 {
61
+ line-height: @baseLineHeight;
62
+ }
63
+ h4 {
64
+ font-size: 14px;
65
+ small {
66
+ font-size: 12px;
67
+ }
68
+ }
69
+ h5 {
70
+ font-size: 12px;
71
+ }
72
+ h6 {
73
+ font-size: 11px;
74
+ color: @grayLight;
75
+ text-transform: uppercase;
76
+ }
77
+
78
+ // Page header
79
+ .page-header {
80
+ padding-bottom: @baseLineHeight - 1;
81
+ margin: @baseLineHeight 0;
82
+ border-bottom: 1px solid @grayLighter;
83
+ }
84
+ .page-header h1 {
85
+ line-height: 1;
86
+ }
87
+
88
+
89
+
90
+ // LISTS
91
+ // -----
92
+
93
+ // Unordered and Ordered lists
94
+ ul, ol {
95
+ padding: 0;
96
+ margin: 0 0 @baseLineHeight / 2 25px;
97
+ }
98
+ ul ul,
99
+ ul ol,
100
+ ol ol,
101
+ ol ul {
102
+ margin-bottom: 0;
103
+ }
104
+ ul {
105
+ list-style: disc;
106
+ }
107
+ ol {
108
+ list-style: decimal;
109
+ }
110
+ li {
111
+ line-height: @baseLineHeight;
112
+ }
113
+ ul.unstyled,
114
+ ol.unstyled {
115
+ margin-left: 0;
116
+ list-style: none;
117
+ }
118
+
119
+ // Description Lists
120
+ dl {
121
+ margin-bottom: @baseLineHeight;
122
+ }
123
+ dt,
124
+ dd {
125
+ line-height: @baseLineHeight;
126
+ }
127
+ dt {
128
+ font-weight: bold;
129
+ }
130
+ dd {
131
+ margin-left: @baseLineHeight / 2;
132
+ }
133
+
134
+ // MISC
135
+ // ----
136
+
137
+ // Horizontal rules
138
+ hr {
139
+ margin: @baseLineHeight 0;
140
+ border: 0;
141
+ border-top: 1px solid @hrBorder;
142
+ border-bottom: 1px solid @white;
143
+ }
144
+
145
+ // Emphasis
146
+ strong {
147
+ font-weight: bold;
148
+ }
149
+ em {
150
+ font-style: italic;
151
+ }
152
+ .muted {
153
+ color: @grayLight;
154
+ }
155
+
156
+ // Abbreviations and acronyms
157
+ abbr {
158
+ font-size: 90%;
159
+ text-transform: uppercase;
160
+ border-bottom: 1px dotted #ddd;
161
+ cursor: help;
162
+ }
163
+
164
+ // Blockquotes
165
+ blockquote {
166
+ padding: 0 0 0 15px;
167
+ margin: 0 0 @baseLineHeight;
168
+ border-left: 5px solid @grayLighter;
169
+ p {
170
+ margin-bottom: 0;
171
+ #font > .shorthand(16px,300,@baseLineHeight * 1.25);
172
+ }
173
+ small {
174
+ display: block;
175
+ line-height: @baseLineHeight;
176
+ color: @grayLight;
177
+ &:before {
178
+ content: '\2014 \00A0';
179
+ }
180
+ }
181
+
182
+ // Float right with text-align: right
183
+ &.pull-right {
184
+ float: right;
185
+ padding-left: 0;
186
+ padding-right: 15px;
187
+ border-left: 0;
188
+ border-right: 5px solid @grayLighter;
189
+ p,
190
+ small {
191
+ text-align: right;
192
+ }
193
+ }
194
+ }
195
+
196
+ // Quotes
197
+ q:before,
198
+ q:after,
199
+ blockquote:before,
200
+ blockquote:after {
201
+ content: "";
202
+ }
203
+
204
+ // Addresses
205
+ address {
206
+ display: block;
207
+ margin-bottom: @baseLineHeight;
208
+ line-height: @baseLineHeight;
209
+ font-style: normal;
210
+ }
211
+
212
+ // Misc
213
+ small {
214
+ font-size: 100%;
215
+ }
216
+ cite {
217
+ font-style: normal;
218
+ }