bootstrap_v3 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (58) hide show
  1. checksums.yaml +7 -0
  2. data/Gemfile +4 -0
  3. data/LICENSE +20 -0
  4. data/README.md +4 -0
  5. data/Rakefile +1 -0
  6. data/bootstrap_v3.gemspec +28 -0
  7. data/lib/bootstrap/v3/rails.rb +10 -0
  8. data/lib/bootstrap/v3/rails/engine.rb +8 -0
  9. data/lib/bootstrap/v3/rails/version.rb +7 -0
  10. data/lib/generators/bootstrap/install/install_generator.rb +38 -0
  11. data/lib/generators/bootstrap/install/templates/bootstrap_v3.js +1 -0
  12. data/lib/generators/bootstrap/install/templates/bootstrap_v3/modules.less +40 -0
  13. data/vendor/assets/fonts/bootstrap_v3/glyphicons-halflings-regular.eot +0 -0
  14. data/vendor/assets/fonts/bootstrap_v3/glyphicons-halflings-regular.svg +228 -0
  15. data/vendor/assets/fonts/bootstrap_v3/glyphicons-halflings-regular.ttf +0 -0
  16. data/vendor/assets/fonts/bootstrap_v3/glyphicons-halflings-regular.woff +0 -0
  17. data/vendor/assets/javascripts/bootstrap_v3/modules/bootstrap.js +1999 -0
  18. data/vendor/assets/stylesheets/bootstrap_v3/modules/alerts.less +67 -0
  19. data/vendor/assets/stylesheets/bootstrap_v3/modules/badges.less +51 -0
  20. data/vendor/assets/stylesheets/bootstrap_v3/modules/bootstrap.less +59 -0
  21. data/vendor/assets/stylesheets/bootstrap_v3/modules/breadcrumbs.less +23 -0
  22. data/vendor/assets/stylesheets/bootstrap_v3/modules/button-groups.less +248 -0
  23. data/vendor/assets/stylesheets/bootstrap_v3/modules/buttons.less +160 -0
  24. data/vendor/assets/stylesheets/bootstrap_v3/modules/carousel.less +209 -0
  25. data/vendor/assets/stylesheets/bootstrap_v3/modules/close.less +33 -0
  26. data/vendor/assets/stylesheets/bootstrap_v3/modules/code.less +56 -0
  27. data/vendor/assets/stylesheets/bootstrap_v3/modules/component-animations.less +29 -0
  28. data/vendor/assets/stylesheets/bootstrap_v3/modules/dropdowns.less +193 -0
  29. data/vendor/assets/stylesheets/bootstrap_v3/modules/forms.less +353 -0
  30. data/vendor/assets/stylesheets/bootstrap_v3/modules/glyphicons.less +232 -0
  31. data/vendor/assets/stylesheets/bootstrap_v3/modules/grid.less +346 -0
  32. data/vendor/assets/stylesheets/bootstrap_v3/modules/input-groups.less +127 -0
  33. data/vendor/assets/stylesheets/bootstrap_v3/modules/jumbotron.less +40 -0
  34. data/vendor/assets/stylesheets/bootstrap_v3/modules/labels.less +58 -0
  35. data/vendor/assets/stylesheets/bootstrap_v3/modules/list-group.less +88 -0
  36. data/vendor/assets/stylesheets/bootstrap_v3/modules/media.less +56 -0
  37. data/vendor/assets/stylesheets/bootstrap_v3/modules/mixins.less +723 -0
  38. data/vendor/assets/stylesheets/bootstrap_v3/modules/modals.less +141 -0
  39. data/vendor/assets/stylesheets/bootstrap_v3/modules/navbar.less +621 -0
  40. data/vendor/assets/stylesheets/bootstrap_v3/modules/navs.less +229 -0
  41. data/vendor/assets/stylesheets/bootstrap_v3/modules/normalize.less +396 -0
  42. data/vendor/assets/stylesheets/bootstrap_v3/modules/pager.less +55 -0
  43. data/vendor/assets/stylesheets/bootstrap_v3/modules/pagination.less +83 -0
  44. data/vendor/assets/stylesheets/bootstrap_v3/modules/panels.less +148 -0
  45. data/vendor/assets/stylesheets/bootstrap_v3/modules/popovers.less +133 -0
  46. data/vendor/assets/stylesheets/bootstrap_v3/modules/print.less +100 -0
  47. data/vendor/assets/stylesheets/bootstrap_v3/modules/progress-bars.less +95 -0
  48. data/vendor/assets/stylesheets/bootstrap_v3/modules/responsive-utilities.less +220 -0
  49. data/vendor/assets/stylesheets/bootstrap_v3/modules/scaffolding.less +130 -0
  50. data/vendor/assets/stylesheets/bootstrap_v3/modules/tables.less +236 -0
  51. data/vendor/assets/stylesheets/bootstrap_v3/modules/theme.less +232 -0
  52. data/vendor/assets/stylesheets/bootstrap_v3/modules/thumbnails.less +31 -0
  53. data/vendor/assets/stylesheets/bootstrap_v3/modules/tooltip.less +95 -0
  54. data/vendor/assets/stylesheets/bootstrap_v3/modules/type.less +238 -0
  55. data/vendor/assets/stylesheets/bootstrap_v3/modules/utilities.less +42 -0
  56. data/vendor/assets/stylesheets/bootstrap_v3/modules/variables.less +620 -0
  57. data/vendor/assets/stylesheets/bootstrap_v3/modules/wells.less +29 -0
  58. metadata +185 -0
@@ -0,0 +1,232 @@
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, 10%));
36
+ border-color: darken(@btn-color, 12%);
37
+
38
+ &:active,
39
+ &.active {
40
+ background-color: darken(@btn-color, 10%);
41
+ border-color: darken(@btn-color, 12%);
42
+ }
43
+ }
44
+
45
+ // Common styles
46
+ .btn {
47
+ // Remove the gradient for the pressed/active state
48
+ &:active,
49
+ &.active {
50
+ background-image: none;
51
+ }
52
+ }
53
+
54
+ // Apply the mixin to the buttons
55
+ .btn-default { .btn-styles(@btn-default-bg;); text-shadow: 0 1px 0 #fff; border-color: #ccc; }
56
+ .btn-primary { .btn-styles(@btn-primary-bg); }
57
+ .btn-success { .btn-styles(@btn-success-bg); }
58
+ .btn-warning { .btn-styles(@btn-warning-bg); }
59
+ .btn-danger { .btn-styles(@btn-danger-bg); }
60
+ .btn-info { .btn-styles(@btn-info-bg); }
61
+
62
+
63
+
64
+ //
65
+ // Images
66
+ // --------------------------------------------------
67
+
68
+ .thumbnail,
69
+ .img-thumbnail {
70
+ .box-shadow(0 1px 2px rgba(0,0,0,.075));
71
+ }
72
+
73
+
74
+
75
+ //
76
+ // Dropdowns
77
+ // --------------------------------------------------
78
+
79
+ .dropdown-menu > li > a:hover,
80
+ .dropdown-menu > li > a:focus,
81
+ .dropdown-menu > .active > a,
82
+ .dropdown-menu > .active > a:hover,
83
+ .dropdown-menu > .active > a:focus {
84
+ #gradient > .vertical(@start-color: @dropdown-link-hover-bg; @end-color: darken(@dropdown-link-hover-bg, 5%));
85
+ background-color: darken(@dropdown-link-hover-bg, 5%);
86
+ }
87
+
88
+
89
+
90
+ //
91
+ // Navbar
92
+ // --------------------------------------------------
93
+
94
+ // Basic navbar
95
+ .navbar {
96
+ #gradient > .vertical(@start-color: lighten(@navbar-default-bg, 10%); @end-color: @navbar-default-bg;);
97
+ border-radius: @navbar-border-radius;
98
+ @shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
99
+ .box-shadow(@shadow);
100
+
101
+ .navbar-nav > .active > a {
102
+ background-color: @navbar-default-bg;
103
+ }
104
+ }
105
+ .navbar-brand,
106
+ .navbar-nav > li > a {
107
+ text-shadow: 0 1px 0 rgba(255,255,255,.25);
108
+ }
109
+
110
+ // Inverted navbar
111
+ .navbar-inverse {
112
+ #gradient > .vertical(@start-color: lighten(@navbar-inverse-bg, 10%); @end-color: @navbar-inverse-bg;);
113
+
114
+ .navbar-nav > .active > a {
115
+ background-color: @navbar-inverse-bg;
116
+ }
117
+
118
+ .navbar-brand,
119
+ .navbar-nav > li > a {
120
+ text-shadow: 0 -1px 0 rgba(0,0,0,.25);
121
+ }
122
+ }
123
+
124
+ // Undo rounded corners in static and fixed navbars
125
+ .navbar-static-top,
126
+ .navbar-fixed-top,
127
+ .navbar-fixed-bottom {
128
+ border-radius: 0;
129
+ }
130
+
131
+
132
+
133
+ //
134
+ // Alerts
135
+ // --------------------------------------------------
136
+
137
+ // Common styles
138
+ .alert {
139
+ text-shadow: 0 1px 0 rgba(255,255,255,.2);
140
+ @shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05);
141
+ .box-shadow(@shadow);
142
+ }
143
+
144
+ // Mixin for generating new styles
145
+ .alert-styles(@color) {
146
+ #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 7.5%));
147
+ border-color: darken(@color, 15%);
148
+ }
149
+
150
+ // Apply the mixin to the alerts
151
+ .alert-success { .alert-styles(@alert-success-bg); }
152
+ .alert-info { .alert-styles(@alert-info-bg); }
153
+ .alert-warning { .alert-styles(@alert-warning-bg); }
154
+ .alert-danger { .alert-styles(@alert-danger-bg); }
155
+
156
+
157
+
158
+ //
159
+ // Progress bars
160
+ // --------------------------------------------------
161
+
162
+ // Give the progress background some depth
163
+ .progress {
164
+ #gradient > .vertical(@start-color: darken(@progress-bg, 4%); @end-color: @progress-bg;)
165
+ }
166
+
167
+ // Mixin for generating new styles
168
+ .progress-bar-styles(@color) {
169
+ #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 10%));
170
+ }
171
+
172
+ // Apply the mixin to the progress bars
173
+ .progress-bar { .progress-bar-styles(@progress-bar-bg); }
174
+ .progress-bar-success { .progress-bar-styles(@progress-bar-success-bg); }
175
+ .progress-bar-info { .progress-bar-styles(@progress-bar-info-bg); }
176
+ .progress-bar-warning { .progress-bar-styles(@progress-bar-warning-bg); }
177
+ .progress-bar-danger { .progress-bar-styles(@progress-bar-danger-bg); }
178
+
179
+
180
+
181
+ //
182
+ // List groups
183
+ // --------------------------------------------------
184
+
185
+ .list-group {
186
+ border-radius: @border-radius-base;
187
+ .box-shadow(0 1px 2px rgba(0,0,0,.075));
188
+ }
189
+ .list-group-item.active,
190
+ .list-group-item.active:hover,
191
+ .list-group-item.active:focus {
192
+ text-shadow: 0 -1px 0 darken(@list-group-active-bg, 10%);
193
+ #gradient > .vertical(@start-color: @list-group-active-bg; @end-color: darken(@list-group-active-bg, 7.5%));
194
+ border-color: darken(@list-group-active-border, 7.5%);
195
+ }
196
+
197
+
198
+
199
+ //
200
+ // Panels
201
+ // --------------------------------------------------
202
+
203
+ // Common styles
204
+ .panel {
205
+ .box-shadow(0 1px 2px rgba(0,0,0,.05));
206
+ }
207
+
208
+ // Mixin for generating new styles
209
+ .panel-heading-styles(@color) {
210
+ #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 5%));
211
+ }
212
+
213
+ // Apply the mixin to the panel headings only
214
+ .panel-default > .panel-heading { .panel-heading-styles(@panel-default-heading-bg); }
215
+ .panel-primary > .panel-heading { .panel-heading-styles(@panel-primary-heading-bg); }
216
+ .panel-success > .panel-heading { .panel-heading-styles(@panel-success-heading-bg); }
217
+ .panel-info > .panel-heading { .panel-heading-styles(@panel-info-heading-bg); }
218
+ .panel-warning > .panel-heading { .panel-heading-styles(@panel-warning-heading-bg); }
219
+ .panel-danger > .panel-heading { .panel-heading-styles(@panel-danger-heading-bg); }
220
+
221
+
222
+
223
+ //
224
+ // Wells
225
+ // --------------------------------------------------
226
+
227
+ .well {
228
+ #gradient > .vertical(@start-color: darken(@well-bg, 5%); @end-color: @well-bg;);
229
+ border-color: darken(@well-bg, 10%);
230
+ @shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
231
+ .box-shadow(@shadow);
232
+ }
@@ -0,0 +1,31 @@
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
+
11
+ > img {
12
+ .img-responsive();
13
+ }
14
+ }
15
+
16
+
17
+ // Add a hover state for linked versions only
18
+ a.thumbnail:hover,
19
+ a.thumbnail:focus {
20
+ border-color: @link-color;
21
+ }
22
+
23
+ // Images and captions
24
+ .thumbnail > img {
25
+ margin-left: auto;
26
+ margin-right: auto;
27
+ }
28
+ .thumbnail .caption {
29
+ padding: @thumbnail-caption-padding;
30
+ color: @thumbnail-caption-color;
31
+ }
@@ -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: 5px 0; }
18
+ &.right { margin-left: 3px; padding: 0 5px; }
19
+ &.bottom { margin-top: 3px; padding: 5px 0; }
20
+ &.left { margin-left: -3px; padding: 0 5px; }
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: 5px;
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: 5px;
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: 5px;
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: 5px;
92
+ border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
93
+ border-bottom-color: @tooltip-arrow-color;
94
+ }
95
+ }
@@ -0,0 +1,238 @@
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: (@font-size-base * 1.15);
15
+ font-weight: 200;
16
+ line-height: 1.4;
17
+
18
+ @media (min-width: 768px) {
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 { font-size: 85%; }
29
+
30
+ // Undo browser default styling
31
+ cite { font-style: normal; }
32
+
33
+ // Contextual emphasis
34
+ .text-muted { color: @text-muted; }
35
+ .text-primary { color: @brand-primary; }
36
+ .text-warning { color: @state-warning-text; }
37
+ .text-danger { color: @state-danger-text; }
38
+ .text-success { color: @state-success-text; }
39
+ .text-info { color: @state-info-text; }
40
+
41
+ // Alignment
42
+ .text-left { text-align: left; }
43
+ .text-right { text-align: right; }
44
+ .text-center { text-align: center; }
45
+
46
+
47
+ // Headings
48
+ // -------------------------
49
+
50
+ h1, h2, h3, h4, h5, h6,
51
+ .h1, .h2, .h3, .h4, .h5, .h6 {
52
+ font-family: @headings-font-family;
53
+ font-weight: @headings-font-weight;
54
+ line-height: @headings-line-height;
55
+ small {
56
+ font-weight: normal;
57
+ line-height: 1;
58
+ color: @headings-small-color;
59
+ }
60
+ }
61
+
62
+ h1,
63
+ h2,
64
+ h3 {
65
+ margin-top: @line-height-computed;
66
+ margin-bottom: (@line-height-computed / 2);
67
+ }
68
+ h4,
69
+ h5,
70
+ h6 {
71
+ margin-top: (@line-height-computed / 2);
72
+ margin-bottom: (@line-height-computed / 2);
73
+ }
74
+
75
+ h1, .h1 { font-size: floor(@font-size-base * 2.60); } // ~36px
76
+ h2, .h2 { font-size: floor(@font-size-base * 2.15); } // ~30px
77
+ h3, .h3 { font-size: ceil(@font-size-base * 1.70); } // ~24px
78
+ h4, .h4 { font-size: ceil(@font-size-base * 1.25); } // ~18px
79
+ h5, .h5 { font-size: @font-size-base; }
80
+ h6, .h6 { font-size: ceil(@font-size-base * 0.85); } // ~12px
81
+
82
+ h1 small, .h1 small { font-size: ceil(@font-size-base * 1.70); } // ~24px
83
+ h2 small, .h2 small { font-size: ceil(@font-size-base * 1.25); } // ~18px
84
+ h3 small, .h3 small,
85
+ h4 small, .h4 small { font-size: @font-size-base; }
86
+
87
+
88
+ // Page header
89
+ // -------------------------
90
+
91
+ .page-header {
92
+ padding-bottom: ((@line-height-computed / 2) - 1);
93
+ margin: (@line-height-computed * 2) 0 @line-height-computed;
94
+ border-bottom: 1px solid @page-header-border-color;
95
+ }
96
+
97
+
98
+
99
+ // Lists
100
+ // --------------------------------------------------
101
+
102
+ // Unordered and Ordered lists
103
+ ul,
104
+ ol {
105
+ margin-top: 0;
106
+ margin-bottom: (@line-height-computed / 2);
107
+ ul,
108
+ ol{
109
+ margin-bottom: 0;
110
+ }
111
+ }
112
+
113
+ // List options
114
+
115
+ // Unstyled keeps list items block level, just removes default browser padding and list-style
116
+ .list-unstyled {
117
+ padding-left: 0;
118
+ list-style: none;
119
+ }
120
+ // Inline turns list items into inline-block
121
+ .list-inline {
122
+ .list-unstyled();
123
+ > li {
124
+ display: inline-block;
125
+ padding-left: 5px;
126
+ padding-right: 5px;
127
+ }
128
+ }
129
+
130
+ // Description Lists
131
+ dl {
132
+ margin-bottom: @line-height-computed;
133
+ }
134
+ dt,
135
+ dd {
136
+ line-height: @line-height-base;
137
+ }
138
+ dt {
139
+ font-weight: bold;
140
+ }
141
+ dd {
142
+ margin-left: 0; // Undo browser default
143
+ }
144
+
145
+ // Horizontal description lists
146
+ //
147
+ // Defaults to being stacked without any of the below styles applied, until the
148
+ // grid breakpoint is reached (default of ~768px).
149
+
150
+ @media (min-width: @grid-float-breakpoint) {
151
+ .dl-horizontal {
152
+ dt {
153
+ float: left;
154
+ width: (@component-offset-horizontal - 20);
155
+ clear: left;
156
+ text-align: right;
157
+ .text-overflow();
158
+ }
159
+ dd {
160
+ margin-left: @component-offset-horizontal;
161
+ .clearfix(); // Clear the floated `dt` if an empty `dd` is present
162
+ }
163
+ }
164
+ }
165
+
166
+ // MISC
167
+ // ----
168
+
169
+ // Abbreviations and acronyms
170
+ abbr[title],
171
+ // Added data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257
172
+ abbr[data-original-title] {
173
+ cursor: help;
174
+ border-bottom: 1px dotted @abbr-border-color;
175
+ }
176
+ abbr.initialism {
177
+ font-size: 90%;
178
+ text-transform: uppercase;
179
+ }
180
+
181
+ // Blockquotes
182
+ blockquote {
183
+ padding: (@line-height-computed / 2) @line-height-computed;
184
+ margin: 0 0 @line-height-computed;
185
+ border-left: 5px solid @blockquote-border-color;
186
+ p {
187
+ font-size: (@font-size-base * 1.25);
188
+ font-weight: 300;
189
+ line-height: 1.25;
190
+ }
191
+ p:last-child {
192
+ margin-bottom: 0;
193
+ }
194
+ small {
195
+ display: block;
196
+ line-height: @line-height-base;
197
+ color: @blockquote-small-color;
198
+ &:before {
199
+ content: '\2014 \00A0';// EM DASH, NBSP
200
+ }
201
+ }
202
+
203
+ // Float right with text-align: right
204
+ &.pull-right {
205
+ padding-right: 15px;
206
+ padding-left: 0;
207
+ border-right: 5px solid @blockquote-border-color;
208
+ border-left: 0;
209
+ p,
210
+ small {
211
+ text-align: right;
212
+ }
213
+ small {
214
+ &:before {
215
+ content: '';
216
+ }
217
+ &:after {
218
+ content: '\00A0 \2014';// NBSP, EM DASH
219
+ }
220
+ }
221
+ }
222
+ }
223
+
224
+ // Quotes
225
+ q:before,
226
+ q:after,
227
+ blockquote:before,
228
+ blockquote:after {
229
+ content: "";
230
+ }
231
+
232
+ // Addresses
233
+ address {
234
+ display: block;
235
+ margin-bottom: @line-height-computed;
236
+ font-style: normal;
237
+ line-height: @line-height-base;
238
+ }