bootstrap-generators 1.4.0 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (101) hide show
  1. data/README.md +238 -21
  2. data/bootstrap-generators.gemspec +3 -3
  3. data/lib/bootstrap-generators.rb +0 -1
  4. data/lib/bootstrap/generators/version.rb +1 -1
  5. data/lib/generators/bootstrap/install/install_generator.rb +5 -12
  6. data/lib/generators/bootstrap/install/templates/assets/stylesheets/fluid.css +5 -5
  7. data/lib/generators/bootstrap/install/templates/assets/stylesheets/fluid.css.less +119 -0
  8. data/lib/generators/bootstrap/install/templates/assets/stylesheets/fluid.css.scss +5 -5
  9. data/lib/generators/bootstrap/install/templates/assets/stylesheets/hero.css +0 -5
  10. data/lib/generators/bootstrap/install/templates/assets/stylesheets/hero.css.less +114 -0
  11. data/lib/generators/bootstrap/install/templates/assets/stylesheets/hero.css.scss +0 -5
  12. data/lib/generators/bootstrap/install/templates/config/initializers/simple_form.rb +118 -40
  13. data/lib/generators/bootstrap/install/templates/config/locales/simple_form.en.yml +24 -0
  14. data/lib/generators/bootstrap/install/templates/form_builders/form_builder/_form.html.erb +9 -8
  15. data/lib/generators/bootstrap/install/templates/form_builders/form_builder/_form.html.haml +8 -7
  16. data/lib/generators/bootstrap/install/templates/form_builders/simple_form/_form.html.erb +5 -7
  17. data/lib/generators/bootstrap/install/templates/form_builders/simple_form/_form.html.haml +6 -7
  18. data/lib/generators/bootstrap/install/templates/layouts/fluid.html.erb +50 -47
  19. data/lib/generators/bootstrap/install/templates/layouts/fluid.html.haml +75 -55
  20. data/lib/generators/bootstrap/install/templates/layouts/hero.html.erb +11 -14
  21. data/lib/generators/bootstrap/install/templates/layouts/hero.html.haml +9 -11
  22. data/lib/generators/bootstrap/install/templates/lib/templates/erb/scaffold/edit.html.erb +8 -2
  23. data/lib/generators/bootstrap/install/templates/lib/templates/erb/scaffold/index.html.erb +5 -2
  24. data/lib/generators/bootstrap/install/templates/lib/templates/erb/scaffold/new.html.erb +4 -1
  25. data/lib/generators/bootstrap/install/templates/lib/templates/erb/scaffold/show.html.erb +8 -2
  26. data/lib/generators/bootstrap/install/templates/lib/templates/haml/scaffold/edit.html.haml +6 -2
  27. data/lib/generators/bootstrap/install/templates/lib/templates/haml/scaffold/index.html.haml +4 -2
  28. data/lib/generators/bootstrap/install/templates/lib/templates/haml/scaffold/new.html.haml +3 -1
  29. data/lib/generators/bootstrap/install/templates/lib/templates/haml/scaffold/show.html.haml +6 -2
  30. data/test/lib/generators/bootstrap/install_generator_test.rb +6 -20
  31. data/test/test_helper.rb +1 -1
  32. data/vendor/assets/images/glyphicons-halflings-white.png +0 -0
  33. data/vendor/assets/images/glyphicons-halflings.png +0 -0
  34. data/vendor/assets/javascripts/bootstrap-alert.js +91 -0
  35. data/vendor/assets/javascripts/bootstrap-button.js +98 -0
  36. data/vendor/assets/javascripts/bootstrap-carousel.js +154 -0
  37. data/vendor/assets/javascripts/bootstrap-collapse.js +136 -0
  38. data/vendor/assets/javascripts/bootstrap-dropdown.js +58 -21
  39. data/vendor/assets/javascripts/bootstrap-modal.js +63 -114
  40. data/vendor/assets/javascripts/bootstrap-popover.js +38 -33
  41. data/vendor/assets/javascripts/bootstrap-scrollspy.js +62 -44
  42. data/vendor/assets/javascripts/bootstrap-tab.js +130 -0
  43. data/vendor/assets/javascripts/bootstrap-tooltip.js +270 -0
  44. data/vendor/assets/javascripts/bootstrap-transition.js +51 -0
  45. data/vendor/assets/javascripts/bootstrap-typeahead.js +271 -0
  46. data/vendor/assets/javascripts/bootstrap.js +11 -6
  47. data/vendor/assets/stylesheets/bootstrap.css +2497 -1602
  48. data/vendor/assets/stylesheets/less/accordion.less +28 -0
  49. data/vendor/assets/stylesheets/less/alerts.less +70 -0
  50. data/vendor/assets/stylesheets/less/bootstrap.less +62 -0
  51. data/vendor/assets/stylesheets/less/breadcrumbs.less +22 -0
  52. data/vendor/assets/stylesheets/less/button-groups.less +147 -0
  53. data/vendor/assets/stylesheets/less/buttons.less +165 -0
  54. data/vendor/assets/stylesheets/less/carousel.less +121 -0
  55. data/vendor/assets/stylesheets/less/close.less +18 -0
  56. data/vendor/assets/stylesheets/less/code.less +44 -0
  57. data/vendor/assets/stylesheets/less/component-animations.less +18 -0
  58. data/vendor/assets/stylesheets/less/dropdowns.less +131 -0
  59. data/vendor/assets/stylesheets/less/forms.less +515 -0
  60. data/vendor/assets/stylesheets/less/grid.less +8 -0
  61. data/vendor/assets/stylesheets/less/hero-unit.less +20 -0
  62. data/vendor/assets/stylesheets/less/labels.less +16 -0
  63. data/vendor/assets/stylesheets/less/layouts.less +17 -0
  64. data/vendor/assets/stylesheets/less/mixins.less +537 -0
  65. data/vendor/assets/stylesheets/less/modals.less +72 -0
  66. data/vendor/assets/stylesheets/less/navbar.less +292 -0
  67. data/vendor/assets/stylesheets/less/navs.less +344 -0
  68. data/vendor/assets/stylesheets/less/pager.less +30 -0
  69. data/vendor/assets/stylesheets/less/pagination.less +55 -0
  70. data/vendor/assets/stylesheets/less/popovers.less +49 -0
  71. data/vendor/assets/stylesheets/less/progress-bars.less +95 -0
  72. data/vendor/assets/stylesheets/less/reset.less +126 -0
  73. data/vendor/assets/stylesheets/less/responsive.less +323 -0
  74. data/vendor/assets/stylesheets/less/scaffolding.less +29 -0
  75. data/vendor/assets/stylesheets/less/sprites.less +156 -0
  76. data/vendor/assets/stylesheets/less/tables.less +139 -0
  77. data/vendor/assets/stylesheets/less/thumbnails.less +35 -0
  78. data/vendor/assets/stylesheets/less/tooltip.less +35 -0
  79. data/vendor/assets/stylesheets/less/type.less +217 -0
  80. data/vendor/assets/stylesheets/less/utilities.less +23 -0
  81. data/vendor/assets/stylesheets/less/variables.less +99 -0
  82. data/vendor/assets/stylesheets/less/wells.less +17 -0
  83. metadata +62 -33
  84. data/lib/bootstrap/helpers/form_builder.rb +0 -26
  85. data/lib/generators/bootstrap/install/templates/app/inputs/boolean_input.rb +0 -12
  86. data/lib/generators/bootstrap/install/templates/app/inputs/collection_input.rb +0 -12
  87. data/lib/generators/bootstrap/install/templates/app/inputs/date_time_input.rb +0 -16
  88. data/lib/generators/bootstrap/install/templates/app/inputs/file_input.rb +0 -16
  89. data/lib/generators/bootstrap/install/templates/app/inputs/numeric_input.rb +0 -16
  90. data/lib/generators/bootstrap/install/templates/app/inputs/password_input.rb +0 -16
  91. data/lib/generators/bootstrap/install/templates/app/inputs/string_input.rb +0 -16
  92. data/lib/generators/bootstrap/install/templates/app/inputs/text_input.rb +0 -16
  93. data/lib/generators/bootstrap/install/templates/assets/stylesheets/container-app.css +0 -53
  94. data/lib/generators/bootstrap/install/templates/assets/stylesheets/container-app.css.scss +0 -55
  95. data/lib/generators/bootstrap/install/templates/layouts/container-app.html.erb +0 -58
  96. data/lib/generators/bootstrap/install/templates/layouts/container-app.html.haml +0 -46
  97. data/vendor/assets/javascripts/bootstrap-alerts.js +0 -113
  98. data/vendor/assets/javascripts/bootstrap-buttons.js +0 -62
  99. data/vendor/assets/javascripts/bootstrap-tabs.js +0 -80
  100. data/vendor/assets/javascripts/bootstrap-twipsy.js +0 -321
  101. data/vendor/assets/stylesheets/bootstrap.min.css +0 -356
@@ -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,156 @@
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="i icon-inbox"></i>.
13
+
14
+ // For the white version of the icons, just add the .icon-white class:
15
+ // <i class="i icon-inbox icon-white"></i>
16
+
17
+ [class^="icon-"] {
18
+ display: inline-block;
19
+ width: 14px;
20
+ height: 14px;
21
+ vertical-align: text-top;
22
+ background-image: url(glyphicons-halflings.png);
23
+ background-position: 14px 14px;
24
+ background-repeat: no-repeat;
25
+
26
+ .ie7-restore-right-whitespace();
27
+ }
28
+ .icon-white {
29
+ background-image: url(glyphicons-halflings-white.png);
30
+ }
31
+
32
+ .icon-glass { background-position: 0 0; }
33
+ .icon-music { background-position: -24px 0; }
34
+ .icon-search { background-position: -48px 0; }
35
+ .icon-envelope { background-position: -72px 0; }
36
+ .icon-heart { background-position: -96px 0; }
37
+ .icon-star { background-position: -120px 0; }
38
+ .icon-star-empty { background-position: -144px 0; }
39
+ .icon-user { background-position: -168px 0; }
40
+ .icon-film { background-position: -192px 0; }
41
+ .icon-th-large { background-position: -216px 0; }
42
+ .icon-th { background-position: -240px 0; }
43
+ .icon-th-list { background-position: -264px 0; }
44
+ .icon-ok { background-position: -288px 0; }
45
+ .icon-remove { background-position: -312px 0; }
46
+ .icon-zoom-in { background-position: -336px 0; }
47
+ .icon-zoom-out { background-position: -360px 0; }
48
+ .icon-off { background-position: -384px 0; }
49
+ .icon-signal { background-position: -408px 0; }
50
+ .icon-cog { background-position: -432px 0; }
51
+ .icon-trash { background-position: -456px 0; }
52
+
53
+ .icon-home { background-position: 0 -24px; }
54
+ .icon-file { background-position: -24px -24px; }
55
+ .icon-time { background-position: -48px -24px; }
56
+ .icon-road { background-position: -72px -24px; }
57
+ .icon-download-alt { background-position: -96px -24px; }
58
+ .icon-download { background-position: -120px -24px; }
59
+ .icon-upload { background-position: -144px -24px; }
60
+ .icon-inbox { background-position: -168px -24px; }
61
+ .icon-play-circle { background-position: -192px -24px; }
62
+ .icon-repeat { background-position: -216px -24px; }
63
+ .icon-refresh { background-position: -240px -24px; }
64
+ .icon-list-alt { background-position: -264px -24px; }
65
+ .icon-lock { background-position: -287px -24px; } // 1px off
66
+ .icon-flag { background-position: -312px -24px; }
67
+ .icon-headphones { background-position: -336px -24px; }
68
+ .icon-volume-off { background-position: -360px -24px; }
69
+ .icon-volume-down { background-position: -384px -24px; }
70
+ .icon-volume-up { background-position: -408px -24px; }
71
+ .icon-qrcode { background-position: -432px -24px; }
72
+ .icon-barcode { background-position: -456px -24px; }
73
+
74
+ .icon-tag { background-position: 0 -48px; }
75
+ .icon-tags { background-position: -25px -48px; } // 1px off
76
+ .icon-book { background-position: -48px -48px; }
77
+ .icon-bookmark { background-position: -72px -48px; }
78
+ .icon-print { background-position: -96px -48px; }
79
+ .icon-camera { background-position: -120px -48px; }
80
+ .icon-font { background-position: -144px -48px; }
81
+ .icon-bold { background-position: -167px -48px; } // 1px off
82
+ .icon-italic { background-position: -192px -48px; }
83
+ .icon-text-height { background-position: -216px -48px; }
84
+ .icon-text-width { background-position: -240px -48px; }
85
+ .icon-align-left { background-position: -264px -48px; }
86
+ .icon-align-center { background-position: -288px -48px; }
87
+ .icon-align-right { background-position: -312px -48px; }
88
+ .icon-align-justify { background-position: -336px -48px; }
89
+ .icon-list { background-position: -360px -48px; }
90
+ .icon-indent-left { background-position: -384px -48px; }
91
+ .icon-indent-right { background-position: -408px -48px; }
92
+ .icon-facetime-video { background-position: -432px -48px; }
93
+ .icon-picture { background-position: -456px -48px; }
94
+
95
+ .icon-pencil { background-position: 0 -72px; }
96
+ .icon-map-marker { background-position: -24px -72px; }
97
+ .icon-adjust { background-position: -48px -72px; }
98
+ .icon-tint { background-position: -72px -72px; }
99
+ .icon-edit { background-position: -96px -72px; }
100
+ .icon-share { background-position: -120px -72px; }
101
+ .icon-check { background-position: -144px -72px; }
102
+ .icon-move { background-position: -168px -72px; }
103
+ .icon-step-backward { background-position: -192px -72px; }
104
+ .icon-fast-backward { background-position: -216px -72px; }
105
+ .icon-backward { background-position: -240px -72px; }
106
+ .icon-play { background-position: -264px -72px; }
107
+ .icon-pause { background-position: -288px -72px; }
108
+ .icon-stop { background-position: -312px -72px; }
109
+ .icon-forward { background-position: -336px -72px; }
110
+ .icon-fast-forward { background-position: -360px -72px; }
111
+ .icon-step-forward { background-position: -384px -72px; }
112
+ .icon-eject { background-position: -408px -72px; }
113
+ .icon-chevron-left { background-position: -432px -72px; }
114
+ .icon-chevron-right { background-position: -456px -72px; }
115
+
116
+ .icon-plus-sign { background-position: 0 -96px; }
117
+ .icon-minus-sign { background-position: -24px -96px; }
118
+ .icon-remove-sign { background-position: -48px -96px; }
119
+ .icon-ok-sign { background-position: -72px -96px; }
120
+ .icon-question-sign { background-position: -96px -96px; }
121
+ .icon-info-sign { background-position: -120px -96px; }
122
+ .icon-screenshot { background-position: -144px -96px; }
123
+ .icon-remove-circle { background-position: -168px -96px; }
124
+ .icon-ok-circle { background-position: -192px -96px; }
125
+ .icon-ban-circle { background-position: -216px -96px; }
126
+ .icon-arrow-left { background-position: -240px -96px; }
127
+ .icon-arrow-right { background-position: -264px -96px; }
128
+ .icon-arrow-up { background-position: -289px -96px; } // 1px off
129
+ .icon-arrow-down { background-position: -312px -96px; }
130
+ .icon-share-alt { background-position: -336px -96px; }
131
+ .icon-resize-full { background-position: -360px -96px; }
132
+ .icon-resize-small { background-position: -384px -96px; }
133
+ .icon-plus { background-position: -408px -96px; }
134
+ .icon-minus { background-position: -433px -96px; }
135
+ .icon-asterisk { background-position: -456px -96px; }
136
+
137
+ .icon-exclamation-sign { background-position: 0 -120px; }
138
+ .icon-gift { background-position: -24px -120px; }
139
+ .icon-leaf { background-position: -48px -120px; }
140
+ .icon-fire { background-position: -72px -120px; }
141
+ .icon-eye-open { background-position: -96px -120px; }
142
+ .icon-eye-close { background-position: -120px -120px; }
143
+ .icon-warning-sign { background-position: -144px -120px; }
144
+ .icon-plane { background-position: -168px -120px; }
145
+ .icon-calendar { background-position: -192px -120px; }
146
+ .icon-random { background-position: -216px -120px; }
147
+ .icon-comment { background-position: -240px -120px; }
148
+ .icon-magnet { background-position: -264px -120px; }
149
+ .icon-chevron-up { background-position: -288px -120px; }
150
+ .icon-chevron-down { background-position: -313px -119px; } // 1px off
151
+ .icon-retweet { background-position: -336px -120px; }
152
+ .icon-shopping-cart { background-position: -360px -120px; }
153
+ .icon-folder-close { background-position: -384px -120px; }
154
+ .icon-folder-open { background-position: -408px -120px; }
155
+ .icon-resize-vertical { background-position: -432px -119px; }
156
+ .icon-resize-horizontal { background-position: -456px -118px; }
@@ -0,0 +1,139 @@
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
+ border-top: 1px solid #ddd;
29
+ }
30
+ th {
31
+ font-weight: bold;
32
+ vertical-align: bottom;
33
+ }
34
+ td {
35
+ vertical-align: top;
36
+ }
37
+ // Remove top border from thead by default
38
+ thead:first-child tr th,
39
+ thead:first-child tr td {
40
+ border-top: 0;
41
+ }
42
+ // Account for multiple tbody instances
43
+ tbody + tbody {
44
+ border-top: 2px solid #ddd;
45
+ }
46
+ }
47
+
48
+
49
+
50
+ // CONDENSED TABLE W/ HALF PADDING
51
+ // -------------------------------
52
+
53
+ .table-condensed {
54
+ th,
55
+ td {
56
+ padding: 4px 5px;
57
+ }
58
+ }
59
+
60
+
61
+ // BORDERED VERSION
62
+ // ----------------
63
+
64
+ .table-bordered {
65
+ border: 1px solid #ddd;
66
+ border-collapse: separate; // Done so we can round those corners!
67
+ *border-collapse: collapsed; // IE7 can't round corners anyway
68
+ .border-radius(4px);
69
+ th + th,
70
+ td + td,
71
+ th + td,
72
+ td + th {
73
+ border-left: 1px solid #ddd;
74
+ }
75
+ // Prevent a double border
76
+ thead:first-child tr:first-child th,
77
+ tbody:first-child tr:first-child th,
78
+ tbody:first-child tr:first-child td {
79
+ border-top: 0;
80
+ }
81
+ // For first th or td in the first row in the first thead or tbody
82
+ thead:first-child tr:first-child th:first-child,
83
+ tbody:first-child tr:first-child td:first-child {
84
+ .border-radius(4px 0 0 0);
85
+ }
86
+ thead:first-child tr:first-child th:last-child,
87
+ tbody:first-child tr:first-child td:last-child {
88
+ .border-radius(0 4px 0 0);
89
+ }
90
+ // For first th or td in the first row in the first thead or tbody
91
+ thead:last-child tr:last-child th:first-child,
92
+ tbody:last-child tr:last-child td:first-child {
93
+ .border-radius(0 0 0 4px);
94
+ }
95
+ thead:last-child tr:last-child th:last-child,
96
+ tbody:last-child tr:last-child td:last-child {
97
+ .border-radius(0 0 4px 0);
98
+ }
99
+ }
100
+
101
+
102
+ // ZEBRA-STRIPING
103
+ // --------------
104
+
105
+ // Default zebra-stripe styles (alternating gray and transparent backgrounds)
106
+ .table-striped {
107
+ tbody {
108
+ tr:nth-child(odd) td,
109
+ tr:nth-child(odd) th {
110
+ background-color: #f9f9f9;
111
+ }
112
+ }
113
+ }
114
+
115
+
116
+
117
+ // TABLE CELL SIZING
118
+ // -----------------
119
+
120
+ // Change the columns
121
+ .tableColumns(@columnSpan: 1) {
122
+ float: none;
123
+ width: ((@gridColumnWidth) * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1)) - 16;
124
+ margin-left: 0;
125
+ }
126
+ table {
127
+ .span1 { .tableColumns(1); }
128
+ .span2 { .tableColumns(2); }
129
+ .span3 { .tableColumns(3); }
130
+ .span4 { .tableColumns(4); }
131
+ .span5 { .tableColumns(5); }
132
+ .span6 { .tableColumns(6); }
133
+ .span7 { .tableColumns(7); }
134
+ .span8 { .tableColumns(8); }
135
+ .span9 { .tableColumns(9); }
136
+ .span10 { .tableColumns(10); }
137
+ .span11 { .tableColumns(11); }
138
+ .span12 { .tableColumns(12); }
139
+ }
@@ -0,0 +1,35 @@
1
+ // THUMBNAILS
2
+ // ----------
3
+
4
+ .thumbnails {
5
+ margin-left: -20px;
6
+ list-style: none;
7
+ .clearfix();
8
+ }
9
+ .thumbnails > li {
10
+ float: left;
11
+ margin: 0 0 @baseLineHeight 20px;
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,217 @@
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
+ margin-left: 0;
115
+ list-style: none;
116
+ }
117
+
118
+ // Description Lists
119
+ dl {
120
+ margin-bottom: @baseLineHeight;
121
+ }
122
+ dt,
123
+ dd {
124
+ line-height: @baseLineHeight;
125
+ }
126
+ dt {
127
+ font-weight: bold;
128
+ }
129
+ dd {
130
+ margin-left: @baseLineHeight / 2;
131
+ }
132
+
133
+ // MISC
134
+ // ----
135
+
136
+ // Horizontal rules
137
+ hr {
138
+ margin: @baseLineHeight 0;
139
+ border: 0;
140
+ border-top: 1px solid #e5e5e5;
141
+ border-bottom: 1px solid @white;
142
+ }
143
+
144
+ // Emphasis
145
+ strong {
146
+ font-weight: bold;
147
+ }
148
+ em {
149
+ font-style: italic;
150
+ }
151
+ .muted {
152
+ color: @grayLight;
153
+ }
154
+
155
+ // Abbreviations and acronyms
156
+ abbr {
157
+ font-size: 90%;
158
+ text-transform: uppercase;
159
+ border-bottom: 1px dotted #ddd;
160
+ cursor: help;
161
+ }
162
+
163
+ // Blockquotes
164
+ blockquote {
165
+ padding: 0 0 0 15px;
166
+ margin: 0 0 @baseLineHeight;
167
+ border-left: 5px solid @grayLighter;
168
+ p {
169
+ margin-bottom: 0;
170
+ #font > .shorthand(16px,300,@baseLineHeight * 1.25);
171
+ }
172
+ small {
173
+ display: block;
174
+ line-height: @baseLineHeight;
175
+ color: @grayLight;
176
+ &:before {
177
+ content: '\2014 \00A0';
178
+ }
179
+ }
180
+
181
+ // Float right with text-align: right
182
+ &.pull-right {
183
+ float: right;
184
+ padding-left: 0;
185
+ padding-right: 15px;
186
+ border-left: 0;
187
+ border-right: 5px solid @grayLighter;
188
+ p,
189
+ small {
190
+ text-align: right;
191
+ }
192
+ }
193
+ }
194
+
195
+ // Quotes
196
+ q:before,
197
+ q:after,
198
+ blockquote:before,
199
+ blockquote:after {
200
+ content: "";
201
+ }
202
+
203
+ // Addresses
204
+ address {
205
+ display: block;
206
+ margin-bottom: @baseLineHeight;
207
+ line-height: @baseLineHeight;
208
+ font-style: normal;
209
+ }
210
+
211
+ // Misc
212
+ small {
213
+ font-size: 100%;
214
+ }
215
+ cite {
216
+ font-style: normal;
217
+ }