twbs_less_rails 1.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (142) hide show
  1. checksums.yaml +7 -0
  2. data/CHANGELOG.md +12 -0
  3. data/CONTRIBUTING.md +45 -0
  4. data/Gemfile +3 -0
  5. data/Gemfile.lock +144 -0
  6. data/LICENSE +30 -0
  7. data/README.md +147 -0
  8. data/Rakefile +113 -0
  9. data/app/assets/fonts/fontawesome-webfont.eot +0 -0
  10. data/app/assets/fonts/fontawesome-webfont.svg +399 -0
  11. data/app/assets/fonts/fontawesome-webfont.ttf +0 -0
  12. data/app/assets/fonts/fontawesome-webfont.woff +0 -0
  13. data/app/assets/fonts/glyphicons-halflings-regular.eot +0 -0
  14. data/app/assets/fonts/glyphicons-halflings-regular.svg +229 -0
  15. data/app/assets/fonts/glyphicons-halflings-regular.ttf +0 -0
  16. data/app/assets/fonts/glyphicons-halflings-regular.woff +0 -0
  17. data/gemfiles/Gemfile.rails-3.2.x +9 -0
  18. data/gemfiles/Gemfile.rails-4.0.x +9 -0
  19. data/lib/generators/twbs_less_rails/install/install_generator.rb +31 -0
  20. data/lib/generators/twbs_less_rails/install/templates/application.css +15 -0
  21. data/lib/generators/twbs_less_rails/install/templates/application.js +17 -0
  22. data/lib/generators/twbs_less_rails/install/templates/twbs-variables.css.less +5 -0
  23. data/lib/generators/twbs_less_rails/install/templates/twbs.css.less +14 -0
  24. data/lib/generators/twbs_less_rails/install/templates/twbs.js.coffee +7 -0
  25. data/lib/tasks/twbs_less_rails_tasks.rake +4 -0
  26. data/lib/twbs_less_rails/engine.rb +7 -0
  27. data/lib/twbs_less_rails/version.rb +3 -0
  28. data/lib/twbs_less_rails.rb +4 -0
  29. data/test/dummy/README.rdoc +28 -0
  30. data/test/dummy/Rakefile +6 -0
  31. data/test/dummy/app/assets/images/.keep +0 -0
  32. data/test/dummy/app/assets/javascripts/application.js +14 -0
  33. data/test/dummy/app/assets/stylesheets/application.css +15 -0
  34. data/test/dummy/app/assets/stylesheets/default-twbs.css.less +1 -0
  35. data/test/dummy/app/assets/stylesheets/test.css.less +5 -0
  36. data/test/dummy/app/assets/stylesheets/twbs-variables.css.less +6 -0
  37. data/test/dummy/app/assets/stylesheets/twbs.css.less +14 -0
  38. data/test/dummy/app/controllers/application_controller.rb +5 -0
  39. data/test/dummy/app/controllers/concerns/.keep +0 -0
  40. data/test/dummy/app/helpers/application_helper.rb +2 -0
  41. data/test/dummy/app/mailers/.keep +0 -0
  42. data/test/dummy/app/models/.keep +0 -0
  43. data/test/dummy/app/models/concerns/.keep +0 -0
  44. data/test/dummy/app/views/layouts/application.html.erb +14 -0
  45. data/test/dummy/bin/bundle +3 -0
  46. data/test/dummy/bin/rails +4 -0
  47. data/test/dummy/bin/rake +4 -0
  48. data/test/dummy/config/application.rb +27 -0
  49. data/test/dummy/config/boot.rb +5 -0
  50. data/test/dummy/config/database.yml +25 -0
  51. data/test/dummy/config/environment.rb +5 -0
  52. data/test/dummy/config/environments/development.rb +29 -0
  53. data/test/dummy/config/environments/production.rb +80 -0
  54. data/test/dummy/config/environments/test.rb +36 -0
  55. data/test/dummy/config/initializers/backtrace_silencers.rb +7 -0
  56. data/test/dummy/config/initializers/filter_parameter_logging.rb +4 -0
  57. data/test/dummy/config/initializers/inflections.rb +16 -0
  58. data/test/dummy/config/initializers/mime_types.rb +5 -0
  59. data/test/dummy/config/initializers/secret_token.rb +18 -0
  60. data/test/dummy/config/initializers/session_store.rb +3 -0
  61. data/test/dummy/config/initializers/wrap_parameters.rb +14 -0
  62. data/test/dummy/config/locales/en.yml +23 -0
  63. data/test/dummy/config/routes.rb +56 -0
  64. data/test/dummy/config.ru +4 -0
  65. data/test/dummy/db/.keep +0 -0
  66. data/test/dummy/lib/assets/.keep +0 -0
  67. data/test/dummy/log/.keep +0 -0
  68. data/test/dummy/public/404.html +58 -0
  69. data/test/dummy/public/422.html +58 -0
  70. data/test/dummy/public/500.html +57 -0
  71. data/test/dummy/public/favicon.ico +0 -0
  72. data/test/generators/default_rails_assets/application.css +13 -0
  73. data/test/generators/default_rails_assets/application.js +16 -0
  74. data/test/generators/install_generator_test.rb +47 -0
  75. data/test/integration/assets_precompile_integration_test.rb +49 -0
  76. data/test/integration/twbs_less_rails_integration_test.rb +38 -0
  77. data/test/test_helper.rb +38 -0
  78. data/twbs_less_rails.gemspec +34 -0
  79. data/vendor/assets/javascripts/respond.js +342 -0
  80. data/vendor/assets/javascripts/twbs/bootstrap/affix.js +126 -0
  81. data/vendor/assets/javascripts/twbs/bootstrap/alert.js +98 -0
  82. data/vendor/assets/javascripts/twbs/bootstrap/button.js +109 -0
  83. data/vendor/assets/javascripts/twbs/bootstrap/carousel.js +217 -0
  84. data/vendor/assets/javascripts/twbs/bootstrap/collapse.js +179 -0
  85. data/vendor/assets/javascripts/twbs/bootstrap/dropdown.js +154 -0
  86. data/vendor/assets/javascripts/twbs/bootstrap/modal.js +246 -0
  87. data/vendor/assets/javascripts/twbs/bootstrap/popover.js +117 -0
  88. data/vendor/assets/javascripts/twbs/bootstrap/scrollspy.js +158 -0
  89. data/vendor/assets/javascripts/twbs/bootstrap/tab.js +135 -0
  90. data/vendor/assets/javascripts/twbs/bootstrap/tooltip.js +386 -0
  91. data/vendor/assets/javascripts/twbs/bootstrap/transition.js +56 -0
  92. data/vendor/assets/javascripts/twbs/bootstrap.js +12 -0
  93. data/vendor/assets/stylesheets/fontawesome/bootstrap.less +84 -0
  94. data/vendor/assets/stylesheets/fontawesome/core.less +129 -0
  95. data/vendor/assets/stylesheets/fontawesome/extras.less +93 -0
  96. data/vendor/assets/stylesheets/fontawesome/font-awesome.less +33 -0
  97. data/vendor/assets/stylesheets/fontawesome/icons.less +381 -0
  98. data/vendor/assets/stylesheets/fontawesome/mixins.less +48 -0
  99. data/vendor/assets/stylesheets/fontawesome/path.less +14 -0
  100. data/vendor/assets/stylesheets/fontawesome/variables.less +735 -0
  101. data/vendor/assets/stylesheets/twbs/bootstrap/alerts.less +67 -0
  102. data/vendor/assets/stylesheets/twbs/bootstrap/badges.less +51 -0
  103. data/vendor/assets/stylesheets/twbs/bootstrap/bootstrap.less +48 -0
  104. data/vendor/assets/stylesheets/twbs/bootstrap/breadcrumbs.less +23 -0
  105. data/vendor/assets/stylesheets/twbs/bootstrap/button-groups.less +248 -0
  106. data/vendor/assets/stylesheets/twbs/bootstrap/buttons.less +158 -0
  107. data/vendor/assets/stylesheets/twbs/bootstrap/carousel.less +220 -0
  108. data/vendor/assets/stylesheets/twbs/bootstrap/close.less +33 -0
  109. data/vendor/assets/stylesheets/twbs/bootstrap/code.less +53 -0
  110. data/vendor/assets/stylesheets/twbs/bootstrap/component-animations.less +29 -0
  111. data/vendor/assets/stylesheets/twbs/bootstrap/dropdowns.less +192 -0
  112. data/vendor/assets/stylesheets/twbs/bootstrap/forms.less +366 -0
  113. data/vendor/assets/stylesheets/twbs/bootstrap/glyphicons.less +236 -0
  114. data/vendor/assets/stylesheets/twbs/bootstrap/grid.less +93 -0
  115. data/vendor/assets/stylesheets/twbs/bootstrap/input-groups.less +136 -0
  116. data/vendor/assets/stylesheets/twbs/bootstrap/jumbotron.less +40 -0
  117. data/vendor/assets/stylesheets/twbs/bootstrap/labels.less +58 -0
  118. data/vendor/assets/stylesheets/twbs/bootstrap/list-group.less +88 -0
  119. data/vendor/assets/stylesheets/twbs/bootstrap/media.less +56 -0
  120. data/vendor/assets/stylesheets/twbs/bootstrap/mixins.less +846 -0
  121. data/vendor/assets/stylesheets/twbs/bootstrap/modals.less +131 -0
  122. data/vendor/assets/stylesheets/twbs/bootstrap/navbar.less +621 -0
  123. data/vendor/assets/stylesheets/twbs/bootstrap/navs.less +257 -0
  124. data/vendor/assets/stylesheets/twbs/bootstrap/normalize.less +406 -0
  125. data/vendor/assets/stylesheets/twbs/bootstrap/pager.less +55 -0
  126. data/vendor/assets/stylesheets/twbs/bootstrap/pagination.less +85 -0
  127. data/vendor/assets/stylesheets/twbs/bootstrap/panels.less +168 -0
  128. data/vendor/assets/stylesheets/twbs/bootstrap/popovers.less +133 -0
  129. data/vendor/assets/stylesheets/twbs/bootstrap/print.less +100 -0
  130. data/vendor/assets/stylesheets/twbs/bootstrap/progress-bars.less +96 -0
  131. data/vendor/assets/stylesheets/twbs/bootstrap/responsive-utilities.less +209 -0
  132. data/vendor/assets/stylesheets/twbs/bootstrap/scaffolding.less +119 -0
  133. data/vendor/assets/stylesheets/twbs/bootstrap/tables.less +236 -0
  134. data/vendor/assets/stylesheets/twbs/bootstrap/theme.less +246 -0
  135. data/vendor/assets/stylesheets/twbs/bootstrap/thumbnails.less +33 -0
  136. data/vendor/assets/stylesheets/twbs/bootstrap/tooltip.less +95 -0
  137. data/vendor/assets/stylesheets/twbs/bootstrap/type.less +273 -0
  138. data/vendor/assets/stylesheets/twbs/bootstrap/utilities.less +56 -0
  139. data/vendor/assets/stylesheets/twbs/bootstrap/variables.less +637 -0
  140. data/vendor/assets/stylesheets/twbs/bootstrap/wells.less +29 -0
  141. data/vendor/assets/stylesheets/twbs/bootstrap.less +1 -0
  142. metadata +387 -0
@@ -0,0 +1,246 @@
1
+
2
+ //
3
+ // Load core variables and mixins
4
+ // --------------------------------------------------
5
+
6
+ @import "variables.less";
7
+ @import "mixins.less";
8
+
9
+
10
+
11
+ //
12
+ // Buttons
13
+ // --------------------------------------------------
14
+
15
+ // Common styles
16
+ .btn-default,
17
+ .btn-primary,
18
+ .btn-success,
19
+ .btn-info,
20
+ .btn-warning,
21
+ .btn-danger {
22
+ text-shadow: 0 -1px 0 rgba(0,0,0,.2);
23
+ @shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
24
+ .box-shadow(@shadow);
25
+
26
+ // Reset the shadow
27
+ &:active,
28
+ &.active {
29
+ .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
30
+ }
31
+ }
32
+
33
+ // Mixin for generating new styles
34
+ .btn-styles(@btn-color: #555) {
35
+ #gradient > .vertical(@start-color: @btn-color; @end-color: darken(@btn-color, 12%));
36
+ background-repeat: repeat-x;
37
+ border-color: darken(@btn-color, 14%);
38
+
39
+ &:hover,
40
+ &:focus {
41
+ background-color: darken(@btn-color, 12%);
42
+ background-position: 0 -15px;
43
+ }
44
+
45
+ &:active,
46
+ &.active {
47
+ background-color: darken(@btn-color, 12%);
48
+ border-color: darken(@btn-color, 14%);
49
+ }
50
+ }
51
+
52
+ // Common styles
53
+ .btn {
54
+ // Remove the gradient for the pressed/active state
55
+ &:active,
56
+ &.active {
57
+ background-image: none;
58
+ }
59
+ }
60
+
61
+ // Apply the mixin to the buttons
62
+ .btn-default { .btn-styles(@btn-default-bg); text-shadow: 0 1px 0 #fff; border-color: #ccc; }
63
+ .btn-primary { .btn-styles(@btn-primary-bg); }
64
+ .btn-success { .btn-styles(@btn-success-bg); }
65
+ .btn-warning { .btn-styles(@btn-warning-bg); }
66
+ .btn-danger { .btn-styles(@btn-danger-bg); }
67
+ .btn-info { .btn-styles(@btn-info-bg); }
68
+
69
+
70
+
71
+ //
72
+ // Images
73
+ // --------------------------------------------------
74
+
75
+ .thumbnail,
76
+ .img-thumbnail {
77
+ .box-shadow(0 1px 2px rgba(0,0,0,.075));
78
+ }
79
+
80
+
81
+
82
+ //
83
+ // Dropdowns
84
+ // --------------------------------------------------
85
+
86
+ .dropdown-menu > li > a:hover,
87
+ .dropdown-menu > li > a:focus {
88
+ #gradient > .vertical(@start-color: @dropdown-link-hover-bg; @end-color: darken(@dropdown-link-hover-bg, 5%));
89
+ background-color: darken(@dropdown-link-hover-bg, 5%);
90
+ }
91
+ .dropdown-menu > .active > a,
92
+ .dropdown-menu > .active > a:hover,
93
+ .dropdown-menu > .active > a:focus {
94
+ #gradient > .vertical(@start-color: @dropdown-link-active-bg; @end-color: darken(@dropdown-link-active-bg, 5%));
95
+ background-color: darken(@dropdown-link-active-bg, 5%);
96
+ }
97
+
98
+
99
+
100
+ //
101
+ // Navbar
102
+ // --------------------------------------------------
103
+
104
+ // Default navbar
105
+ .navbar-default {
106
+ #gradient > .vertical(@start-color: lighten(@navbar-default-bg, 10%); @end-color: @navbar-default-bg);
107
+ .reset-filter(); // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered
108
+ border-radius: @navbar-border-radius;
109
+ @shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
110
+ .box-shadow(@shadow);
111
+
112
+ .navbar-nav > .active > a {
113
+ #gradient > .vertical(@start-color: darken(@navbar-default-bg, 5%); @end-color: darken(@navbar-default-bg, 2%));
114
+ .box-shadow(inset 0 3px 9px rgba(0,0,0,.075));
115
+ }
116
+ }
117
+ .navbar-brand,
118
+ .navbar-nav > li > a {
119
+ text-shadow: 0 1px 0 rgba(255,255,255,.25);
120
+ }
121
+
122
+ // Inverted navbar
123
+ .navbar-inverse {
124
+ #gradient > .vertical(@start-color: lighten(@navbar-inverse-bg, 10%); @end-color: @navbar-inverse-bg);
125
+ .reset-filter(); // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered
126
+
127
+ .navbar-nav > .active > a {
128
+ #gradient > .vertical(@start-color: @navbar-inverse-bg; @end-color: lighten(@navbar-inverse-bg, 2.5%));
129
+ .box-shadow(inset 0 3px 9px rgba(0,0,0,.25));
130
+ }
131
+
132
+ .navbar-brand,
133
+ .navbar-nav > li > a {
134
+ text-shadow: 0 -1px 0 rgba(0,0,0,.25);
135
+ }
136
+ }
137
+
138
+ // Undo rounded corners in static and fixed navbars
139
+ .navbar-static-top,
140
+ .navbar-fixed-top,
141
+ .navbar-fixed-bottom {
142
+ border-radius: 0;
143
+ }
144
+
145
+
146
+
147
+ //
148
+ // Alerts
149
+ // --------------------------------------------------
150
+
151
+ // Common styles
152
+ .alert {
153
+ text-shadow: 0 1px 0 rgba(255,255,255,.2);
154
+ @shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05);
155
+ .box-shadow(@shadow);
156
+ }
157
+
158
+ // Mixin for generating new styles
159
+ .alert-styles(@color) {
160
+ #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 7.5%));
161
+ border-color: darken(@color, 15%);
162
+ }
163
+
164
+ // Apply the mixin to the alerts
165
+ .alert-success { .alert-styles(@alert-success-bg); }
166
+ .alert-info { .alert-styles(@alert-info-bg); }
167
+ .alert-warning { .alert-styles(@alert-warning-bg); }
168
+ .alert-danger { .alert-styles(@alert-danger-bg); }
169
+
170
+
171
+
172
+ //
173
+ // Progress bars
174
+ // --------------------------------------------------
175
+
176
+ // Give the progress background some depth
177
+ .progress {
178
+ #gradient > .vertical(@start-color: darken(@progress-bg, 4%); @end-color: @progress-bg)
179
+ }
180
+
181
+ // Mixin for generating new styles
182
+ .progress-bar-styles(@color) {
183
+ #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 10%));
184
+ }
185
+
186
+ // Apply the mixin to the progress bars
187
+ .progress-bar { .progress-bar-styles(@progress-bar-bg); }
188
+ .progress-bar-success { .progress-bar-styles(@progress-bar-success-bg); }
189
+ .progress-bar-info { .progress-bar-styles(@progress-bar-info-bg); }
190
+ .progress-bar-warning { .progress-bar-styles(@progress-bar-warning-bg); }
191
+ .progress-bar-danger { .progress-bar-styles(@progress-bar-danger-bg); }
192
+
193
+
194
+
195
+ //
196
+ // List groups
197
+ // --------------------------------------------------
198
+
199
+ .list-group {
200
+ border-radius: @border-radius-base;
201
+ .box-shadow(0 1px 2px rgba(0,0,0,.075));
202
+ }
203
+ .list-group-item.active,
204
+ .list-group-item.active:hover,
205
+ .list-group-item.active:focus {
206
+ text-shadow: 0 -1px 0 darken(@list-group-active-bg, 10%);
207
+ #gradient > .vertical(@start-color: @list-group-active-bg; @end-color: darken(@list-group-active-bg, 7.5%));
208
+ border-color: darken(@list-group-active-border, 7.5%);
209
+ }
210
+
211
+
212
+
213
+ //
214
+ // Panels
215
+ // --------------------------------------------------
216
+
217
+ // Common styles
218
+ .panel {
219
+ .box-shadow(0 1px 2px rgba(0,0,0,.05));
220
+ }
221
+
222
+ // Mixin for generating new styles
223
+ .panel-heading-styles(@color) {
224
+ #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 5%));
225
+ }
226
+
227
+ // Apply the mixin to the panel headings only
228
+ .panel-default > .panel-heading { .panel-heading-styles(@panel-default-heading-bg); }
229
+ .panel-primary > .panel-heading { .panel-heading-styles(@panel-primary-heading-bg); }
230
+ .panel-success > .panel-heading { .panel-heading-styles(@panel-success-heading-bg); }
231
+ .panel-info > .panel-heading { .panel-heading-styles(@panel-info-heading-bg); }
232
+ .panel-warning > .panel-heading { .panel-heading-styles(@panel-warning-heading-bg); }
233
+ .panel-danger > .panel-heading { .panel-heading-styles(@panel-danger-heading-bg); }
234
+
235
+
236
+
237
+ //
238
+ // Wells
239
+ // --------------------------------------------------
240
+
241
+ .well {
242
+ #gradient > .vertical(@start-color: darken(@well-bg, 5%); @end-color: @well-bg);
243
+ border-color: darken(@well-bg, 10%);
244
+ @shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
245
+ .box-shadow(@shadow);
246
+ }
@@ -0,0 +1,33 @@
1
+ //
2
+ // Thumbnails
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Mixin and adjust the regular image class
7
+ .thumbnail {
8
+ .img-thumbnail();
9
+ display: block; // Override the inline-block from `.img-thumbnail`
10
+ margin-bottom: @line-height-computed;
11
+
12
+ > img {
13
+ .img-responsive();
14
+ }
15
+ }
16
+
17
+
18
+ // Add a hover state for linked versions only
19
+ a.thumbnail:hover,
20
+ a.thumbnail:focus,
21
+ a.thumbnail.active {
22
+ border-color: @link-color;
23
+ }
24
+
25
+ // Images and captions
26
+ .thumbnail > img {
27
+ margin-left: auto;
28
+ margin-right: auto;
29
+ }
30
+ .thumbnail .caption {
31
+ padding: @thumbnail-caption-padding;
32
+ color: @thumbnail-caption-color;
33
+ }
@@ -0,0 +1,95 @@
1
+ //
2
+ // Tooltips
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Base class
7
+ .tooltip {
8
+ position: absolute;
9
+ z-index: @zindex-tooltip;
10
+ display: block;
11
+ visibility: visible;
12
+ font-size: @font-size-small;
13
+ line-height: 1.4;
14
+ .opacity(0);
15
+
16
+ &.in { .opacity(.9); }
17
+ &.top { margin-top: -3px; padding: @tooltip-arrow-width 0; }
18
+ &.right { margin-left: 3px; padding: 0 @tooltip-arrow-width; }
19
+ &.bottom { margin-top: 3px; padding: @tooltip-arrow-width 0; }
20
+ &.left { margin-left: -3px; padding: 0 @tooltip-arrow-width; }
21
+ }
22
+
23
+ // Wrapper for the tooltip content
24
+ .tooltip-inner {
25
+ max-width: @tooltip-max-width;
26
+ padding: 3px 8px;
27
+ color: @tooltip-color;
28
+ text-align: center;
29
+ text-decoration: none;
30
+ background-color: @tooltip-bg;
31
+ border-radius: @border-radius-base;
32
+ }
33
+
34
+ // Arrows
35
+ .tooltip-arrow {
36
+ position: absolute;
37
+ width: 0;
38
+ height: 0;
39
+ border-color: transparent;
40
+ border-style: solid;
41
+ }
42
+ .tooltip {
43
+ &.top .tooltip-arrow {
44
+ bottom: 0;
45
+ left: 50%;
46
+ margin-left: -@tooltip-arrow-width;
47
+ border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
48
+ border-top-color: @tooltip-arrow-color;
49
+ }
50
+ &.top-left .tooltip-arrow {
51
+ bottom: 0;
52
+ left: @tooltip-arrow-width;
53
+ border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
54
+ border-top-color: @tooltip-arrow-color;
55
+ }
56
+ &.top-right .tooltip-arrow {
57
+ bottom: 0;
58
+ right: @tooltip-arrow-width;
59
+ border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
60
+ border-top-color: @tooltip-arrow-color;
61
+ }
62
+ &.right .tooltip-arrow {
63
+ top: 50%;
64
+ left: 0;
65
+ margin-top: -@tooltip-arrow-width;
66
+ border-width: @tooltip-arrow-width @tooltip-arrow-width @tooltip-arrow-width 0;
67
+ border-right-color: @tooltip-arrow-color;
68
+ }
69
+ &.left .tooltip-arrow {
70
+ top: 50%;
71
+ right: 0;
72
+ margin-top: -@tooltip-arrow-width;
73
+ border-width: @tooltip-arrow-width 0 @tooltip-arrow-width @tooltip-arrow-width;
74
+ border-left-color: @tooltip-arrow-color;
75
+ }
76
+ &.bottom .tooltip-arrow {
77
+ top: 0;
78
+ left: 50%;
79
+ margin-left: -@tooltip-arrow-width;
80
+ border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
81
+ border-bottom-color: @tooltip-arrow-color;
82
+ }
83
+ &.bottom-left .tooltip-arrow {
84
+ top: 0;
85
+ left: @tooltip-arrow-width;
86
+ border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
87
+ border-bottom-color: @tooltip-arrow-color;
88
+ }
89
+ &.bottom-right .tooltip-arrow {
90
+ top: 0;
91
+ right: @tooltip-arrow-width;
92
+ border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
93
+ border-bottom-color: @tooltip-arrow-color;
94
+ }
95
+ }
@@ -0,0 +1,273 @@
1
+ //
2
+ // Typography
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Body text
7
+ // -------------------------
8
+
9
+ p {
10
+ margin: 0 0 (@line-height-computed / 2);
11
+ }
12
+ .lead {
13
+ margin-bottom: @line-height-computed;
14
+ font-size: floor(@font-size-base * 1.15);
15
+ font-weight: 200;
16
+ line-height: 1.4;
17
+
18
+ @media (min-width: @screen-sm-min) {
19
+ font-size: (@font-size-base * 1.5);
20
+ }
21
+ }
22
+
23
+
24
+ // Emphasis & misc
25
+ // -------------------------
26
+
27
+ // Ex: 14px base font * 85% = about 12px
28
+ small,
29
+ .small { font-size: 85%; }
30
+
31
+ // Undo browser default styling
32
+ cite { font-style: normal; }
33
+
34
+ // Contextual emphasis
35
+ .text-muted {
36
+ color: @text-muted;
37
+ }
38
+ .text-primary {
39
+ color: @brand-primary;
40
+ &:hover {
41
+ color: darken(@brand-primary, 10%);
42
+ }
43
+ }
44
+ .text-warning {
45
+ color: @state-warning-text;
46
+ &:hover {
47
+ color: darken(@state-warning-text, 10%);
48
+ }
49
+ }
50
+ .text-danger {
51
+ color: @state-danger-text;
52
+ &:hover {
53
+ color: darken(@state-danger-text, 10%);
54
+ }
55
+ }
56
+ .text-success {
57
+ color: @state-success-text;
58
+ &:hover {
59
+ color: darken(@state-success-text, 10%);
60
+ }
61
+ }
62
+ .text-info {
63
+ color: @state-info-text;
64
+ &:hover {
65
+ color: darken(@state-info-text, 10%);
66
+ }
67
+ }
68
+
69
+ // Alignment
70
+ .text-left { text-align: left; }
71
+ .text-right { text-align: right; }
72
+ .text-center { text-align: center; }
73
+
74
+
75
+ // Headings
76
+ // -------------------------
77
+
78
+ h1, h2, h3, h4, h5, h6,
79
+ .h1, .h2, .h3, .h4, .h5, .h6 {
80
+ font-family: @headings-font-family;
81
+ font-weight: @headings-font-weight;
82
+ line-height: @headings-line-height;
83
+ color: @headings-color;
84
+
85
+ small,
86
+ .small {
87
+ font-weight: normal;
88
+ line-height: 1;
89
+ color: @headings-small-color;
90
+ }
91
+ }
92
+
93
+ h1,
94
+ h2,
95
+ h3 {
96
+ margin-top: @line-height-computed;
97
+ margin-bottom: (@line-height-computed / 2);
98
+
99
+ small,
100
+ .small {
101
+ font-size: 65%;
102
+ }
103
+ }
104
+ h4,
105
+ h5,
106
+ h6 {
107
+ margin-top: (@line-height-computed / 2);
108
+ margin-bottom: (@line-height-computed / 2);
109
+
110
+ small,
111
+ .small {
112
+ font-size: 75%;
113
+ }
114
+ }
115
+
116
+ h1, .h1 { font-size: @font-size-h1; }
117
+ h2, .h2 { font-size: @font-size-h2; }
118
+ h3, .h3 { font-size: @font-size-h3; }
119
+ h4, .h4 { font-size: @font-size-h4; }
120
+ h5, .h5 { font-size: @font-size-h5; }
121
+ h6, .h6 { font-size: @font-size-h6; }
122
+
123
+
124
+ // Page header
125
+ // -------------------------
126
+
127
+ .page-header {
128
+ padding-bottom: ((@line-height-computed / 2) - 1);
129
+ margin: (@line-height-computed * 2) 0 @line-height-computed;
130
+ border-bottom: 1px solid @page-header-border-color;
131
+ }
132
+
133
+
134
+
135
+ // Lists
136
+ // --------------------------------------------------
137
+
138
+ // Unordered and Ordered lists
139
+ ul,
140
+ ol {
141
+ margin-top: 0;
142
+ margin-bottom: (@line-height-computed / 2);
143
+ ul,
144
+ ol{
145
+ margin-bottom: 0;
146
+ }
147
+ }
148
+
149
+ // List options
150
+
151
+ // Unstyled keeps list items block level, just removes default browser padding and list-style
152
+ .list-unstyled {
153
+ padding-left: 0;
154
+ list-style: none;
155
+ }
156
+ // Inline turns list items into inline-block
157
+ .list-inline {
158
+ .list-unstyled();
159
+ > li {
160
+ display: inline-block;
161
+ padding-left: 5px;
162
+ padding-right: 5px;
163
+ }
164
+ }
165
+
166
+ // Description Lists
167
+ dl {
168
+ margin-bottom: @line-height-computed;
169
+ }
170
+ dt,
171
+ dd {
172
+ line-height: @line-height-base;
173
+ }
174
+ dt {
175
+ font-weight: bold;
176
+ }
177
+ dd {
178
+ margin-left: 0; // Undo browser default
179
+ }
180
+
181
+ // Horizontal description lists
182
+ //
183
+ // Defaults to being stacked without any of the below styles applied, until the
184
+ // grid breakpoint is reached (default of ~768px).
185
+
186
+ @media (min-width: @grid-float-breakpoint) {
187
+ .dl-horizontal {
188
+ dt {
189
+ float: left;
190
+ width: (@component-offset-horizontal - 20);
191
+ clear: left;
192
+ text-align: right;
193
+ .text-overflow();
194
+ }
195
+ dd {
196
+ margin-left: @component-offset-horizontal;
197
+ .clearfix(); // Clear the floated `dt` if an empty `dd` is present
198
+ }
199
+ }
200
+ }
201
+
202
+ // MISC
203
+ // ----
204
+
205
+ // Abbreviations and acronyms
206
+ abbr[title],
207
+ // Added data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257
208
+ abbr[data-original-title] {
209
+ cursor: help;
210
+ border-bottom: 1px dotted @abbr-border-color;
211
+ }
212
+ abbr.initialism {
213
+ font-size: 90%;
214
+ text-transform: uppercase;
215
+ }
216
+
217
+ // Blockquotes
218
+ blockquote {
219
+ padding: (@line-height-computed / 2) @line-height-computed;
220
+ margin: 0 0 @line-height-computed;
221
+ border-left: 5px solid @blockquote-border-color;
222
+ p {
223
+ font-size: (@font-size-base * 1.25);
224
+ font-weight: 300;
225
+ line-height: 1.25;
226
+ }
227
+ p:last-child {
228
+ margin-bottom: 0;
229
+ }
230
+ small {
231
+ display: block;
232
+ line-height: @line-height-base;
233
+ color: @blockquote-small-color;
234
+ &:before {
235
+ content: '\2014 \00A0';// EM DASH, NBSP
236
+ }
237
+ }
238
+
239
+ // Float right with text-align: right
240
+ &.pull-right {
241
+ padding-right: 15px;
242
+ padding-left: 0;
243
+ border-right: 5px solid @blockquote-border-color;
244
+ border-left: 0;
245
+ p,
246
+ small,
247
+ .small {
248
+ text-align: right;
249
+ }
250
+ small,
251
+ .small {
252
+ &:before {
253
+ content: '';
254
+ }
255
+ &:after {
256
+ content: '\00A0 \2014';// NBSP, EM DASH
257
+ }
258
+ }
259
+ }
260
+ }
261
+
262
+ // Quotes
263
+ blockquote:before,
264
+ blockquote:after {
265
+ content: "";
266
+ }
267
+
268
+ // Addresses
269
+ address {
270
+ margin-bottom: @line-height-computed;
271
+ font-style: normal;
272
+ line-height: @line-height-base;
273
+ }
@@ -0,0 +1,56 @@
1
+ //
2
+ // Utility classes
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Floats
7
+ // -------------------------
8
+
9
+ .clearfix {
10
+ .clearfix();
11
+ }
12
+ .center-block {
13
+ .center-block();
14
+ }
15
+ .pull-right {
16
+ float: right !important;
17
+ }
18
+ .pull-left {
19
+ float: left !important;
20
+ }
21
+
22
+
23
+ // Toggling content
24
+ // -------------------------
25
+
26
+ // Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1
27
+ .hide {
28
+ display: none !important;
29
+ }
30
+ .show {
31
+ display: block !important;
32
+ }
33
+ .invisible {
34
+ visibility: hidden;
35
+ }
36
+ .text-hide {
37
+ .text-hide();
38
+ }
39
+
40
+
41
+ // Hide from screenreaders and browsers
42
+ //
43
+ // Credit: HTML5 Boilerplate
44
+
45
+ .hidden {
46
+ display: none !important;
47
+ visibility: hidden !important;
48
+ }
49
+
50
+
51
+ // For Affix plugin
52
+ // -------------------------
53
+
54
+ .affix {
55
+ position: fixed;
56
+ }