audit_rails 2.0.4 → 2.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +5 -1
  3. data/app/assets/stylesheets/audit_rails/application.css +3 -4
  4. data/app/assets/stylesheets/audit_rails/audit_rails.css +78 -0
  5. data/app/assets/stylesheets/audit_rails/bootstrap_override.css +58 -0
  6. data/app/assets/stylesheets/audit_rails/twitter/_alerts.scss +67 -0
  7. data/app/assets/stylesheets/audit_rails/twitter/_badges.scss +51 -0
  8. data/app/assets/stylesheets/audit_rails/twitter/_breadcrumbs.scss +23 -0
  9. data/app/assets/stylesheets/audit_rails/twitter/_button-groups.scss +253 -0
  10. data/app/assets/stylesheets/audit_rails/twitter/_buttons.scss +158 -0
  11. data/app/assets/stylesheets/audit_rails/twitter/_carousel.scss +231 -0
  12. data/app/assets/stylesheets/audit_rails/twitter/_close.scss +35 -0
  13. data/app/assets/stylesheets/audit_rails/twitter/_code.scss +53 -0
  14. data/app/assets/stylesheets/audit_rails/twitter/_component-animations.scss +29 -0
  15. data/app/assets/stylesheets/audit_rails/twitter/_dropdowns.scss +193 -0
  16. data/app/assets/stylesheets/audit_rails/twitter/_forms.scss +363 -0
  17. data/app/assets/stylesheets/audit_rails/twitter/_glyphicons.scss +236 -0
  18. data/app/assets/stylesheets/audit_rails/twitter/_grid.scss +93 -0
  19. data/app/assets/stylesheets/audit_rails/twitter/_input-groups.scss +136 -0
  20. data/app/assets/stylesheets/audit_rails/twitter/_jumbotron.scss +40 -0
  21. data/app/assets/stylesheets/audit_rails/twitter/_labels.scss +58 -0
  22. data/app/assets/stylesheets/audit_rails/twitter/_list-group.scss +88 -0
  23. data/app/assets/stylesheets/audit_rails/twitter/_media.scss +56 -0
  24. data/app/assets/stylesheets/audit_rails/twitter/_mixins.scss +861 -0
  25. data/app/assets/stylesheets/audit_rails/twitter/_modals.scss +132 -0
  26. data/app/assets/stylesheets/audit_rails/twitter/_navbar.scss +628 -0
  27. data/app/assets/stylesheets/audit_rails/twitter/_navs.scss +262 -0
  28. data/app/assets/stylesheets/audit_rails/twitter/_normalize.scss +406 -0
  29. data/app/assets/stylesheets/audit_rails/twitter/_pager.scss +55 -0
  30. data/app/assets/stylesheets/audit_rails/twitter/_pagination.scss +85 -0
  31. data/app/assets/stylesheets/audit_rails/twitter/_panels.scss +172 -0
  32. data/app/assets/stylesheets/audit_rails/twitter/_popovers.scss +133 -0
  33. data/app/assets/stylesheets/audit_rails/twitter/_print.scss +105 -0
  34. data/app/assets/stylesheets/audit_rails/twitter/_progress-bars.scss +92 -0
  35. data/app/assets/stylesheets/audit_rails/twitter/_responsive-utilities.scss +198 -0
  36. data/app/assets/stylesheets/audit_rails/twitter/_scaffolding.scss +119 -0
  37. data/app/assets/stylesheets/audit_rails/twitter/_tables.scss +244 -0
  38. data/app/assets/stylesheets/audit_rails/twitter/_theme.scss +247 -0
  39. data/app/assets/stylesheets/audit_rails/twitter/_thumbnails.scss +32 -0
  40. data/app/assets/stylesheets/audit_rails/twitter/_tooltip.scss +95 -0
  41. data/app/assets/stylesheets/audit_rails/twitter/_type.scss +279 -0
  42. data/app/assets/stylesheets/audit_rails/twitter/_utilities.scss +56 -0
  43. data/app/assets/stylesheets/audit_rails/twitter/_variables.scss +637 -0
  44. data/app/assets/stylesheets/audit_rails/twitter/_wells.scss +29 -0
  45. data/app/assets/stylesheets/audit_rails/twitter/bootstrap.scss +49 -0
  46. data/app/views/audit_rails/audits/_form_elements.html.erb +8 -2
  47. data/app/views/layouts/audit_rails/application.html.erb +33 -24
  48. data/lib/audit_rails/version.rb +1 -1
  49. metadata +47 -9
  50. data/app/assets/stylesheets/audit_rails/bootstrap-theme.css +0 -384
  51. data/app/assets/stylesheets/audit_rails/bootstrap.css +0 -6805
  52. data/app/assets/stylesheets/audit_rails/theme.css +0 -14
@@ -0,0 +1,247 @@
1
+
2
+ //
3
+ // Load core variables and mixins
4
+ // --------------------------------------------------
5
+
6
+ @import "variables";
7
+ @import "mixins";
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
+ @include box-shadow($shadow);
25
+
26
+ // Reset the shadow
27
+ &:active,
28
+ &.active {
29
+ @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
30
+ }
31
+ }
32
+
33
+ // Mixin for generating new styles
34
+ @mixin btn-styles($btn-color: #555) {
35
+ @include gradient-vertical($start-color: $btn-color, $end-color: darken($btn-color, 12%));
36
+ @include reset-filter(); // Disable gradients for IE9 because filter bleeds through rounded corners
37
+ background-repeat: repeat-x;
38
+ border-color: darken($btn-color, 14%);
39
+
40
+ &:hover,
41
+ &:focus {
42
+ background-color: darken($btn-color, 12%);
43
+ background-position: 0 -15px;
44
+ }
45
+
46
+ &:active,
47
+ &.active {
48
+ background-color: darken($btn-color, 12%);
49
+ border-color: darken($btn-color, 14%);
50
+ }
51
+ }
52
+
53
+ // Common styles
54
+ .btn {
55
+ // Remove the gradient for the pressed/active state
56
+ &:active,
57
+ &.active {
58
+ background-image: none;
59
+ }
60
+ }
61
+
62
+ // Apply the mixin to the buttons
63
+ .btn-default { @include btn-styles($btn-default-bg); text-shadow: 0 1px 0 #fff; border-color: #ccc; }
64
+ .btn-primary { @include btn-styles($btn-primary-bg); }
65
+ .btn-success { @include btn-styles($btn-success-bg); }
66
+ .btn-warning { @include btn-styles($btn-warning-bg); }
67
+ .btn-danger { @include btn-styles($btn-danger-bg); }
68
+ .btn-info { @include btn-styles($btn-info-bg); }
69
+
70
+
71
+
72
+ //
73
+ // Images
74
+ // --------------------------------------------------
75
+
76
+ .thumbnail,
77
+ .img-thumbnail {
78
+ @include box-shadow(0 1px 2px rgba(0,0,0,.075));
79
+ }
80
+
81
+
82
+
83
+ //
84
+ // Dropdowns
85
+ // --------------------------------------------------
86
+
87
+ .dropdown-menu > li > a:hover,
88
+ .dropdown-menu > li > a:focus {
89
+ @include gradient-vertical($start-color: $dropdown-link-hover-bg, $end-color: darken($dropdown-link-hover-bg, 5%));
90
+ background-color: darken($dropdown-link-hover-bg, 5%);
91
+ }
92
+ .dropdown-menu > .active > a,
93
+ .dropdown-menu > .active > a:hover,
94
+ .dropdown-menu > .active > a:focus {
95
+ @include gradient-vertical($start-color: $dropdown-link-active-bg, $end-color: darken($dropdown-link-active-bg, 5%));
96
+ background-color: darken($dropdown-link-active-bg, 5%);
97
+ }
98
+
99
+
100
+
101
+ //
102
+ // Navbar
103
+ // --------------------------------------------------
104
+
105
+ // Default navbar
106
+ .navbar-default {
107
+ @include gradient-vertical($start-color: lighten($navbar-default-bg, 10%), $end-color: $navbar-default-bg);
108
+ @include reset-filter(); // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered
109
+ border-radius: $navbar-border-radius;
110
+ $shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
111
+ @include box-shadow($shadow);
112
+
113
+ .navbar-nav > .active > a {
114
+ @include gradient-vertical($start-color: darken($navbar-default-bg, 5%), $end-color: darken($navbar-default-bg, 2%));
115
+ @include box-shadow(inset 0 3px 9px rgba(0,0,0,.075));
116
+ }
117
+ }
118
+ .navbar-brand,
119
+ .navbar-nav > li > a {
120
+ text-shadow: 0 1px 0 rgba(255,255,255,.25);
121
+ }
122
+
123
+ // Inverted navbar
124
+ .navbar-inverse {
125
+ @include gradient-vertical($start-color: lighten($navbar-inverse-bg, 10%), $end-color: $navbar-inverse-bg);
126
+ @include reset-filter(); // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered
127
+
128
+ .navbar-nav > .active > a {
129
+ @include gradient-vertical($start-color: $navbar-inverse-bg, $end-color: lighten($navbar-inverse-bg, 2.5%));
130
+ @include box-shadow(inset 0 3px 9px rgba(0,0,0,.25));
131
+ }
132
+
133
+ .navbar-brand,
134
+ .navbar-nav > li > a {
135
+ text-shadow: 0 -1px 0 rgba(0,0,0,.25);
136
+ }
137
+ }
138
+
139
+ // Undo rounded corners in static and fixed navbars
140
+ .navbar-static-top,
141
+ .navbar-fixed-top,
142
+ .navbar-fixed-bottom {
143
+ border-radius: 0;
144
+ }
145
+
146
+
147
+
148
+ //
149
+ // Alerts
150
+ // --------------------------------------------------
151
+
152
+ // Common styles
153
+ .alert {
154
+ text-shadow: 0 1px 0 rgba(255,255,255,.2);
155
+ $shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05);
156
+ @include box-shadow($shadow);
157
+ }
158
+
159
+ // Mixin for generating new styles
160
+ @mixin alert-styles($color) {
161
+ @include gradient-vertical($start-color: $color, $end-color: darken($color, 7.5%));
162
+ border-color: darken($color, 15%);
163
+ }
164
+
165
+ // Apply the mixin to the alerts
166
+ .alert-success { @include alert-styles($alert-success-bg); }
167
+ .alert-info { @include alert-styles($alert-info-bg); }
168
+ .alert-warning { @include alert-styles($alert-warning-bg); }
169
+ .alert-danger { @include alert-styles($alert-danger-bg); }
170
+
171
+
172
+
173
+ //
174
+ // Progress bars
175
+ // --------------------------------------------------
176
+
177
+ // Give the progress background some depth
178
+ .progress {
179
+ @include gradient-vertical($start-color: darken($progress-bg, 4%), $end-color: $progress-bg)
180
+ }
181
+
182
+ // Mixin for generating new styles
183
+ @mixin progress-bar-styles($color) {
184
+ @include gradient-vertical($start-color: $color, $end-color: darken($color, 10%));
185
+ }
186
+
187
+ // Apply the mixin to the progress bars
188
+ .progress-bar { @include progress-bar-styles($progress-bar-bg); }
189
+ .progress-bar-success { @include progress-bar-styles($progress-bar-success-bg); }
190
+ .progress-bar-info { @include progress-bar-styles($progress-bar-info-bg); }
191
+ .progress-bar-warning { @include progress-bar-styles($progress-bar-warning-bg); }
192
+ .progress-bar-danger { @include progress-bar-styles($progress-bar-danger-bg); }
193
+
194
+
195
+
196
+ //
197
+ // List groups
198
+ // --------------------------------------------------
199
+
200
+ .list-group {
201
+ border-radius: $border-radius-base;
202
+ @include box-shadow(0 1px 2px rgba(0,0,0,.075));
203
+ }
204
+ .list-group-item.active,
205
+ .list-group-item.active:hover,
206
+ .list-group-item.active:focus {
207
+ text-shadow: 0 -1px 0 darken($list-group-active-bg, 10%);
208
+ @include gradient-vertical($start-color: $list-group-active-bg, $end-color: darken($list-group-active-bg, 7.5%));
209
+ border-color: darken($list-group-active-border, 7.5%);
210
+ }
211
+
212
+
213
+
214
+ //
215
+ // Panels
216
+ // --------------------------------------------------
217
+
218
+ // Common styles
219
+ .panel {
220
+ @include box-shadow(0 1px 2px rgba(0,0,0,.05));
221
+ }
222
+
223
+ // Mixin for generating new styles
224
+ @mixin panel-heading-styles($color) {
225
+ @include gradient-vertical($start-color: $color, $end-color: darken($color, 5%));
226
+ }
227
+
228
+ // Apply the mixin to the panel headings only
229
+ .panel-default > .panel-heading { @include panel-heading-styles($panel-default-heading-bg); }
230
+ .panel-primary > .panel-heading { @include panel-heading-styles($panel-primary-heading-bg); }
231
+ .panel-success > .panel-heading { @include panel-heading-styles($panel-success-heading-bg); }
232
+ .panel-info > .panel-heading { @include panel-heading-styles($panel-info-heading-bg); }
233
+ .panel-warning > .panel-heading { @include panel-heading-styles($panel-warning-heading-bg); }
234
+ .panel-danger > .panel-heading { @include panel-heading-styles($panel-danger-heading-bg); }
235
+
236
+
237
+
238
+ //
239
+ // Wells
240
+ // --------------------------------------------------
241
+
242
+ .well {
243
+ @include gradient-vertical($start-color: darken($well-bg, 5%), $end-color: $well-bg);
244
+ border-color: darken($well-bg, 10%);
245
+ $shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
246
+ @include box-shadow($shadow);
247
+ }
@@ -0,0 +1,32 @@
1
+ //
2
+ // Thumbnails
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Mixin and adjust the regular image class
7
+ .thumbnail {
8
+ @extend .img-thumbnail;
9
+ display: block; // Override the inline-block from `.img-thumbnail`
10
+ margin-bottom: $line-height-computed;
11
+
12
+ > img {
13
+ @include img-responsive();
14
+ margin-left: auto;
15
+ margin-right: auto;
16
+ }
17
+
18
+ // [converter] extracted a&:hover, a&:focus, a&.active to a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active
19
+
20
+ // Image captions
21
+ .caption {
22
+ padding: $thumbnail-caption-padding;
23
+ color: $thumbnail-caption-color;
24
+ }
25
+ }
26
+
27
+ // Add a hover state for linked versions only
28
+ a.thumbnail:hover,
29
+ a.thumbnail:focus,
30
+ a.thumbnail.active {
31
+ border-color: $link-color;
32
+ }
@@ -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
+ @include opacity(0);
15
+
16
+ &.in { @include 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,279 @@
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
+
157
+ // Inline turns list items into inline-block
158
+ .list-inline {
159
+ @extend .list-unstyled;
160
+
161
+ > li {
162
+ display: inline-block;
163
+ padding-left: 5px;
164
+ padding-right: 5px;
165
+
166
+ &:first-child {
167
+ padding-left: 0;
168
+ }
169
+ }
170
+ }
171
+
172
+ // Description Lists
173
+ dl {
174
+ margin-bottom: $line-height-computed;
175
+ }
176
+ dt,
177
+ dd {
178
+ line-height: $line-height-base;
179
+ }
180
+ dt {
181
+ font-weight: bold;
182
+ }
183
+ dd {
184
+ margin-left: 0; // Undo browser default
185
+ }
186
+
187
+ // Horizontal description lists
188
+ //
189
+ // Defaults to being stacked without any of the below styles applied, until the
190
+ // grid breakpoint is reached (default of ~768px).
191
+
192
+ @media (min-width: $grid-float-breakpoint) {
193
+ .dl-horizontal {
194
+ dt {
195
+ float: left;
196
+ width: ($component-offset-horizontal - 20);
197
+ clear: left;
198
+ text-align: right;
199
+ @include text-overflow();
200
+ }
201
+ dd {
202
+ margin-left: $component-offset-horizontal;
203
+ @include clearfix(); // Clear the floated `dt` if an empty `dd` is present
204
+ }
205
+ }
206
+ }
207
+
208
+ // MISC
209
+ // ----
210
+
211
+ // Abbreviations and acronyms
212
+ abbr[title],
213
+ // Add data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257
214
+ abbr[data-original-title] {
215
+ cursor: help;
216
+ border-bottom: 1px dotted $abbr-border-color;
217
+ }
218
+ abbr.initialism {
219
+ font-size: 90%;
220
+ text-transform: uppercase;
221
+ }
222
+
223
+ // Blockquotes
224
+ blockquote {
225
+ padding: ($line-height-computed / 2) $line-height-computed;
226
+ margin: 0 0 $line-height-computed;
227
+ border-left: 5px solid $blockquote-border-color;
228
+ p {
229
+ font-size: ($font-size-base * 1.25);
230
+ font-weight: 300;
231
+ line-height: 1.25;
232
+ }
233
+ p:last-child {
234
+ margin-bottom: 0;
235
+ }
236
+ small {
237
+ display: block;
238
+ line-height: $line-height-base;
239
+ color: $blockquote-small-color;
240
+ &:before {
241
+ content: '\2014 \00A0'; // EM DASH, NBSP
242
+ }
243
+ }
244
+
245
+ // Float right with text-align: right
246
+ &.pull-right {
247
+ padding-right: 15px;
248
+ padding-left: 0;
249
+ border-right: 5px solid $blockquote-border-color;
250
+ border-left: 0;
251
+ p,
252
+ small,
253
+ .small {
254
+ text-align: right;
255
+ }
256
+ small,
257
+ .small {
258
+ &:before {
259
+ content: '';
260
+ }
261
+ &:after {
262
+ content: '\00A0 \2014'; // NBSP, EM DASH
263
+ }
264
+ }
265
+ }
266
+ }
267
+
268
+ // Quotes
269
+ blockquote:before,
270
+ blockquote:after {
271
+ content: "";
272
+ }
273
+
274
+ // Addresses
275
+ address {
276
+ margin-bottom: $line-height-computed;
277
+ font-style: normal;
278
+ line-height: $line-height-base;
279
+ }