bootstrap-sass-rails 3.0.0.3 → 3.1.0.0

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 (72) hide show
  1. data/LICENSE +1 -1
  2. data/README.md +24 -113
  3. data/app/assets/javascripts/twitter/bootstrap/affix.js +1 -126
  4. data/app/assets/javascripts/twitter/bootstrap/alert.js +1 -98
  5. data/app/assets/javascripts/twitter/bootstrap/button.js +1 -109
  6. data/app/assets/javascripts/twitter/bootstrap/carousel.js +1 -217
  7. data/app/assets/javascripts/twitter/bootstrap/collapse.js +1 -179
  8. data/app/assets/javascripts/twitter/bootstrap/dropdown.js +1 -154
  9. data/app/assets/javascripts/twitter/bootstrap/modal.js +1 -246
  10. data/app/assets/javascripts/twitter/bootstrap/popover.js +1 -117
  11. data/app/assets/javascripts/twitter/bootstrap/scrollspy.js +1 -158
  12. data/app/assets/javascripts/twitter/bootstrap/tab.js +1 -135
  13. data/app/assets/javascripts/twitter/bootstrap/tooltip.js +1 -386
  14. data/app/assets/javascripts/twitter/bootstrap/transition.js +1 -56
  15. data/app/assets/javascripts/twitter/bootstrap.js +1 -12
  16. data/app/assets/stylesheets/twitter/bootstrap/_alerts.scss +1 -67
  17. data/app/assets/stylesheets/twitter/bootstrap/_badges.scss +1 -51
  18. data/app/assets/stylesheets/twitter/bootstrap/_breadcrumbs.scss +1 -23
  19. data/app/assets/stylesheets/twitter/bootstrap/_button-groups.scss +1 -248
  20. data/app/assets/stylesheets/twitter/bootstrap/_buttons.scss +1 -160
  21. data/app/assets/stylesheets/twitter/bootstrap/_carousel.scss +1 -209
  22. data/app/assets/stylesheets/twitter/bootstrap/_close.scss +1 -33
  23. data/app/assets/stylesheets/twitter/bootstrap/_code.scss +1 -56
  24. data/app/assets/stylesheets/twitter/bootstrap/_component-animations.scss +1 -29
  25. data/app/assets/stylesheets/twitter/bootstrap/_dropdowns.scss +1 -193
  26. data/app/assets/stylesheets/twitter/bootstrap/_forms.scss +1 -350
  27. data/app/assets/stylesheets/twitter/bootstrap/_glyphicons.scss +1 -232
  28. data/app/assets/stylesheets/twitter/bootstrap/_grid.scss +1 -346
  29. data/app/assets/stylesheets/twitter/bootstrap/_input-groups.scss +1 -127
  30. data/app/assets/stylesheets/twitter/bootstrap/_jumbotron.scss +1 -40
  31. data/app/assets/stylesheets/twitter/bootstrap/_labels.scss +1 -58
  32. data/app/assets/stylesheets/twitter/bootstrap/_list-group.scss +1 -89
  33. data/app/assets/stylesheets/twitter/bootstrap/_media.scss +1 -56
  34. data/app/assets/stylesheets/twitter/bootstrap/_mixins.scss +1 -736
  35. data/app/assets/stylesheets/twitter/bootstrap/_modals.scss +1 -145
  36. data/app/assets/stylesheets/twitter/bootstrap/_navbar.scss +1 -625
  37. data/app/assets/stylesheets/twitter/bootstrap/_navs.scss +1 -229
  38. data/app/assets/stylesheets/twitter/bootstrap/_normalize.scss +1 -396
  39. data/app/assets/stylesheets/twitter/bootstrap/_pager.scss +1 -55
  40. data/app/assets/stylesheets/twitter/bootstrap/_pagination.scss +1 -83
  41. data/app/assets/stylesheets/twitter/bootstrap/_panels.scss +1 -148
  42. data/app/assets/stylesheets/twitter/bootstrap/_popovers.scss +1 -133
  43. data/app/assets/stylesheets/twitter/bootstrap/_print.scss +1 -100
  44. data/app/assets/stylesheets/twitter/bootstrap/_progress-bars.scss +1 -95
  45. data/app/assets/stylesheets/twitter/bootstrap/_responsive-utilities.scss +1 -209
  46. data/app/assets/stylesheets/twitter/bootstrap/_scaffolding.scss +1 -130
  47. data/app/assets/stylesheets/twitter/bootstrap/_tables.scss +1 -236
  48. data/app/assets/stylesheets/twitter/bootstrap/_theme.scss +1 -232
  49. data/app/assets/stylesheets/twitter/bootstrap/_thumbnails.scss +1 -31
  50. data/app/assets/stylesheets/twitter/bootstrap/_tooltip.scss +1 -95
  51. data/app/assets/stylesheets/twitter/bootstrap/_type.scss +1 -238
  52. data/app/assets/stylesheets/twitter/bootstrap/_utilities.scss +1 -42
  53. data/app/assets/stylesheets/twitter/bootstrap/_variables.scss +1 -620
  54. data/app/assets/stylesheets/twitter/bootstrap/_wells.scss +1 -29
  55. data/app/assets/stylesheets/twitter/bootstrap.css.scss +1 -59
  56. data/lib/bootstrap/sass/rails/engine.rb +4 -1
  57. data/lib/bootstrap/sass/rails/version.rb +2 -1
  58. data/lib/bootstrap-sass-rails.rb +1 -1
  59. data/lib/generators/bootstrap/customize_generator.rb +37 -0
  60. data/lib/generators/bootstrap/templates/USAGE +23 -0
  61. data/lib/generators/bootstrap/templates/bootstrap-custom.css.scss +18 -0
  62. data/lib/generators/bootstrap/templates/bootstrap-custom.js +3 -0
  63. data/test/cases/less_to_sass_spec.rb +1 -1
  64. data/test/cases/usage_css_spec.rb +0 -3
  65. metadata +60 -18
  66. checksums.yaml +0 -15
  67. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.eot +0 -0
  68. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.svg +0 -228
  69. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.ttf +0 -0
  70. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.woff +0 -0
  71. data/lib/bootstrap/sass/extensions/functions.rb +0 -15
  72. data/lib/bootstrap/sass/extensions.rb +0 -5
@@ -1,248 +1 @@
1
- //
2
- // Button groups
3
- // --------------------------------------------------
4
-
5
- // Button carets
6
- //
7
- // Match the button text color to the arrow/caret for indicating dropdown-ness.
8
-
9
- .caret {
10
- .btn-default & {
11
- border-top-color: $btn-default-color;
12
- }
13
- .btn-primary &,
14
- .btn-success &,
15
- .btn-warning &,
16
- .btn-danger &,
17
- .btn-info & {
18
- border-top-color: #fff;
19
- }
20
- }
21
- .dropup {
22
- & .btn-default .caret {
23
- border-bottom-color: $btn-default-color;
24
- }
25
- .btn-primary,
26
- .btn-success,
27
- .btn-warning,
28
- .btn-danger,
29
- .btn-info {
30
- .caret {
31
- border-bottom-color: #fff;
32
- }
33
- }
34
- }
35
-
36
- // Make the div behave like a button
37
- .btn-group,
38
- .btn-group-vertical {
39
- position: relative;
40
- display: inline-block;
41
- vertical-align: middle; // match .btn alignment given font-size hack above
42
- > .btn {
43
- position: relative;
44
- float: left;
45
- // Bring the "active" button to the front
46
- &:hover,
47
- &:focus,
48
- &:active,
49
- &.active {
50
- z-index: 2;
51
- }
52
- &:focus {
53
- // Remove focus outline when dropdown JS adds it after closing the menu
54
- outline: none;
55
- }
56
- }
57
- }
58
-
59
- // Prevent double borders when buttons are next to each other
60
- .btn-group {
61
- .btn + .btn,
62
- .btn + .btn-group,
63
- .btn-group + .btn,
64
- .btn-group + .btn-group {
65
- margin-left: -1px;
66
- }
67
- }
68
-
69
- // Optional: Group multiple button groups together for a toolbar
70
- .btn-toolbar {
71
- @include clearfix();
72
-
73
- .btn-group {
74
- float: left;
75
- }
76
- // Space out series of button groups
77
- > .btn,
78
- > .btn-group {
79
- + .btn,
80
- + .btn-group {
81
- margin-left: 5px;
82
- }
83
- }
84
- }
85
-
86
- .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
87
- border-radius: 0;
88
- }
89
-
90
- // Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
91
- .btn-group > .btn:first-child {
92
- margin-left: 0;
93
- &:not(:last-child):not(.dropdown-toggle) {
94
- @include border-right-radius(0);
95
- }
96
- }
97
- // Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
98
- .btn-group > .btn:last-child:not(:first-child),
99
- .btn-group > .dropdown-toggle:not(:first-child) {
100
- @include border-left-radius(0);
101
- }
102
-
103
- // Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group)
104
- .btn-group > .btn-group {
105
- float: left;
106
- }
107
- .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
108
- border-radius: 0;
109
- }
110
- .btn-group > .btn-group:first-child {
111
- > .btn:last-child,
112
- > .dropdown-toggle {
113
- @include border-right-radius(0);
114
- }
115
- }
116
- .btn-group > .btn-group:last-child > .btn:first-child {
117
- @include border-left-radius(0);
118
- }
119
-
120
- // On active and open, don't show outline
121
- .btn-group .dropdown-toggle:active,
122
- .btn-group.open .dropdown-toggle {
123
- outline: 0;
124
- }
125
-
126
-
127
- // Sizing
128
- //
129
- // Remix the default button sizing classes into new ones for easier manipulation.
130
-
131
- .btn-group-xs > .btn { @extend .btn-xs; }
132
- .btn-group-sm > .btn { @extend .btn-sm; }
133
- .btn-group-lg > .btn { @extend .btn-lg; }
134
-
135
-
136
- // Split button dropdowns
137
- // ----------------------
138
-
139
- // Give the line between buttons some depth
140
- .btn-group > .btn + .dropdown-toggle {
141
- padding-left: 8px;
142
- padding-right: 8px;
143
- }
144
- .btn-group > .btn-lg + .dropdown-toggle {
145
- padding-left: 12px;
146
- padding-right: 12px;
147
- }
148
-
149
- // The clickable button for toggling the menu
150
- // Remove the gradient and set the same inset shadow as the :active state
151
- .btn-group.open .dropdown-toggle {
152
- @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
153
- }
154
-
155
-
156
- // Reposition the caret
157
- .btn .caret {
158
- margin-left: 0;
159
- }
160
- // Carets in other button sizes
161
- .btn-lg .caret {
162
- border-width: $caret-width-large $caret-width-large 0;
163
- border-bottom-width: 0;
164
- }
165
- // Upside down carets for .dropup
166
- .dropup .btn-lg .caret {
167
- border-width: 0 $caret-width-large $caret-width-large;
168
- }
169
-
170
-
171
- // Vertical button groups
172
- // ----------------------
173
-
174
- .btn-group-vertical {
175
- > .btn,
176
- > .btn-group {
177
- display: block;
178
- float: none;
179
- width: 100%;
180
- max-width: 100%;
181
- }
182
-
183
- // Clear floats so dropdown menus can be properly placed
184
- > .btn-group {
185
- @include clearfix();
186
- > .btn {
187
- float: none;
188
- }
189
- }
190
-
191
- > .btn + .btn,
192
- > .btn + .btn-group,
193
- > .btn-group + .btn,
194
- > .btn-group + .btn-group {
195
- margin-top: -1px;
196
- margin-left: 0;
197
- }
198
- }
199
-
200
- .btn-group-vertical > .btn {
201
- &:not(:first-child):not(:last-child) {
202
- border-radius: 0;
203
- }
204
- &:first-child:not(:last-child) {
205
- border-top-right-radius: $border-radius-base;
206
- @include border-bottom-radius(0);
207
- }
208
- &:last-child:not(:first-child) {
209
- border-bottom-left-radius: $border-radius-base;
210
- @include border-top-radius(0);
211
- }
212
- }
213
- .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
214
- border-radius: 0;
215
- }
216
- .btn-group-vertical > .btn-group:first-child {
217
- > .btn:last-child,
218
- > .dropdown-toggle {
219
- @include border-bottom-radius(0);
220
- }
221
- }
222
- .btn-group-vertical > .btn-group:last-child > .btn:first-child {
223
- @include border-top-radius(0);
224
- }
225
-
226
-
227
-
228
- // Justified button groups
229
- // ----------------------
230
-
231
- .btn-group-justified {
232
- display: table;
233
- width: 100%;
234
- table-layout: fixed;
235
- border-collapse: separate;
236
- .btn {
237
- float: none;
238
- display: table-cell;
239
- width: 1%;
240
- }
241
- }
242
-
243
-
244
- // Checkbox and radio options
245
- [data-toggle="buttons"] > .btn > input[type="radio"],
246
- [data-toggle="buttons"] > .btn > input[type="checkbox"] {
247
- display: none;
248
- }
1
+ @import "bootstrap/button-groups";
@@ -1,160 +1 @@
1
- //
2
- // Buttons
3
- // --------------------------------------------------
4
-
5
-
6
- // Base styles
7
- // --------------------------------------------------
8
-
9
- // Core styles
10
- .btn {
11
- display: inline-block;
12
- padding: $padding-base-vertical $padding-base-horizontal;
13
- margin-bottom: 0; // For input.btn
14
- font-size: $font-size-base;
15
- font-weight: $btn-font-weight;
16
- line-height: $line-height-base;
17
- text-align: center;
18
- vertical-align: middle;
19
- cursor: pointer;
20
- border: 1px solid transparent;
21
- border-radius: $border-radius-base;
22
- white-space: nowrap;
23
- @include user-select(none);
24
-
25
- &:focus {
26
- @include tab-focus();
27
- }
28
-
29
- &:hover,
30
- &:focus {
31
- color: $btn-default-color;
32
- text-decoration: none;
33
- }
34
-
35
- &:active,
36
- &.active {
37
- outline: 0;
38
- background-image: none;
39
- @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
40
- }
41
-
42
- &.disabled,
43
- &[disabled],
44
- fieldset[disabled] & {
45
- cursor: not-allowed;
46
- pointer-events: none; // Future-proof disabling of clicks
47
- @include opacity(.65);
48
- @include box-shadow(none);
49
- }
50
-
51
- }
52
-
53
-
54
- // Alternate buttons
55
- // --------------------------------------------------
56
-
57
- .btn-default {
58
- @include button-variant($btn-default-color, $btn-default-bg, $btn-default-border);
59
- }
60
- .btn-primary {
61
- @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);
62
- }
63
- // Warning appears as orange
64
- .btn-warning {
65
- @include button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border);
66
- }
67
- // Danger and error appear as red
68
- .btn-danger {
69
- @include button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border);
70
- }
71
- // Success appears as green
72
- .btn-success {
73
- @include button-variant($btn-success-color, $btn-success-bg, $btn-success-border);
74
- }
75
- // Info appears as blue-green
76
- .btn-info {
77
- @include button-variant($btn-info-color, $btn-info-bg, $btn-info-border);
78
- }
79
-
80
-
81
- // Link buttons
82
- // -------------------------
83
-
84
- // Make a button look and behave like a link
85
- .btn-link {
86
- color: $link-color;
87
- font-weight: normal;
88
- cursor: pointer;
89
- border-radius: 0;
90
-
91
- &,
92
- &:active,
93
- &[disabled],
94
- fieldset[disabled] & {
95
- background-color: transparent;
96
- @include box-shadow(none);
97
- }
98
- &,
99
- &:hover,
100
- &:focus,
101
- &:active {
102
- border-color: transparent;
103
- }
104
- &:hover,
105
- &:focus {
106
- color: $link-hover-color;
107
- text-decoration: underline;
108
- background-color: transparent;
109
- }
110
- &[disabled],
111
- fieldset[disabled] & {
112
- &:hover,
113
- &:focus {
114
- color: $btn-link-disabled-color;
115
- text-decoration: none;
116
- }
117
- }
118
- }
119
-
120
-
121
- // Button Sizes
122
- // --------------------------------------------------
123
-
124
- .btn-lg {
125
- // line-height: ensure even-numbered height of button next to large input
126
- @include button-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius-large);
127
- }
128
- .btn-sm,
129
- .btn-xs {
130
- // line-height: ensure proper height of button next to small input
131
- @include button-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small);
132
- }
133
- .btn-xs {
134
- padding: 1px 5px;
135
- }
136
-
137
-
138
- // Block button
139
- // --------------------------------------------------
140
-
141
- .btn-block {
142
- display: block;
143
- width: 100%;
144
- padding-left: 0;
145
- padding-right: 0;
146
- }
147
-
148
- // Vertically space out multiple block buttons
149
- .btn-block + .btn-block {
150
- margin-top: 5px;
151
- }
152
-
153
- // Specificity overrides
154
- input[type="submit"],
155
- input[type="reset"],
156
- input[type="button"] {
157
- &.btn-block {
158
- width: 100%;
159
- }
160
- }
1
+ @import "bootstrap/buttons";
@@ -1,209 +1 @@
1
- //
2
- // Carousel
3
- // --------------------------------------------------
4
-
5
-
6
- // Wrapper for the slide container and indicators
7
- .carousel {
8
- position: relative;
9
- }
10
-
11
- .carousel-inner {
12
- position: relative;
13
- overflow: hidden;
14
- width: 100%;
15
-
16
- > .item {
17
- display: none;
18
- position: relative;
19
- @include transition(.6s ease-in-out left);
20
-
21
- // Account for jankitude on images
22
- > img,
23
- > a > img {
24
- @include img-responsive();
25
- line-height: 1;
26
- }
27
- }
28
-
29
- > .active,
30
- > .next,
31
- > .prev { display: block; }
32
-
33
- > .active {
34
- left: 0;
35
- }
36
-
37
- > .next,
38
- > .prev {
39
- position: absolute;
40
- top: 0;
41
- width: 100%;
42
- }
43
-
44
- > .next {
45
- left: 100%;
46
- }
47
- > .prev {
48
- left: -100%;
49
- }
50
- > .next.left,
51
- > .prev.right {
52
- left: 0;
53
- }
54
-
55
- > .active.left {
56
- left: -100%;
57
- }
58
- > .active.right {
59
- left: 100%;
60
- }
61
-
62
- }
63
-
64
- // Left/right controls for nav
65
- // ---------------------------
66
-
67
- .carousel-control {
68
- position: absolute;
69
- top: 0;
70
- left: 0;
71
- bottom: 0;
72
- width: $carousel-control-width;
73
- @include opacity($carousel-control-opacity);
74
- font-size: $carousel-control-font-size;
75
- color: $carousel-control-color;
76
- text-align: center;
77
- text-shadow: $carousel-text-shadow;
78
- // We can't have this transition here because webkit cancels the carousel
79
- // animation if you trip this while in the middle of another animation.
80
-
81
- // Set gradients for backgrounds
82
- &.left {
83
- @include gradient-horizontal($start-color: rgba(0,0,0,.5), $end-color: rgba(0,0,0,.0001));
84
- }
85
- &.right {
86
- left: auto;
87
- right: 0;
88
- @include gradient-horizontal($start-color: rgba(0,0,0,.0001), $end-color: rgba(0,0,0,.5));
89
- }
90
-
91
- // Hover/focus state
92
- &:hover,
93
- &:focus {
94
- color: $carousel-control-color;
95
- text-decoration: none;
96
- @include opacity(.9);
97
- }
98
-
99
- // Toggles
100
- .icon-prev,
101
- .icon-next,
102
- .glyphicon-chevron-left,
103
- .glyphicon-chevron-right {
104
- position: absolute;
105
- top: 50%;
106
- left: 50%;
107
- z-index: 5;
108
- display: inline-block;
109
- }
110
- .icon-prev,
111
- .icon-next {
112
- width: 20px;
113
- height: 20px;
114
- margin-top: -10px;
115
- margin-left: -10px;
116
- font-family: serif;
117
- }
118
-
119
- .icon-prev {
120
- &:before {
121
- content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
122
- }
123
- }
124
- .icon-next {
125
- &:before {
126
- content: '\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)
127
- }
128
- }
129
- }
130
-
131
- // Optional indicator pips
132
- //
133
- // Add an unordered list with the following class and add a list item for each
134
- // slide your carousel holds.
135
-
136
- .carousel-indicators {
137
- position: absolute;
138
- bottom: 10px;
139
- left: 50%;
140
- z-index: 15;
141
- width: 60%;
142
- margin-left: -30%;
143
- padding-left: 0;
144
- list-style: none;
145
- text-align: center;
146
-
147
- li {
148
- display: inline-block;
149
- width: 10px;
150
- height: 10px;
151
- margin: 1px;
152
- text-indent: -999px;
153
- border: 1px solid $carousel-indicator-border-color;
154
- border-radius: 10px;
155
- cursor: pointer;
156
- }
157
- .active {
158
- margin: 0;
159
- width: 12px;
160
- height: 12px;
161
- background-color: $carousel-indicator-active-bg;
162
- }
163
- }
164
-
165
- // Optional captions
166
- // -----------------------------
167
- // Hidden by default for smaller viewports
168
- .carousel-caption {
169
- position: absolute;
170
- left: 15%;
171
- right: 15%;
172
- bottom: 20px;
173
- z-index: 10;
174
- padding-top: 20px;
175
- padding-bottom: 20px;
176
- color: $carousel-caption-color;
177
- text-align: center;
178
- text-shadow: $carousel-text-shadow;
179
- & .btn {
180
- text-shadow: none; // No shadow for button elements in carousel-caption
181
- }
182
- }
183
-
184
-
185
- // Scale up controls for tablets and up
186
- @media screen and (min-width: $screen-tablet) {
187
-
188
- // Scale up the controls a smidge
189
- .carousel-control .icon-prev,
190
- .carousel-control .icon-next {
191
- width: 30px;
192
- height: 30px;
193
- margin-top: -15px;
194
- margin-left: -15px;
195
- font-size: 30px;
196
- }
197
-
198
- // Show and left align the captions
199
- .carousel-caption {
200
- left: 20%;
201
- right: 20%;
202
- padding-bottom: 30px;
203
- }
204
-
205
- // Move up the indicators
206
- .carousel-indicators {
207
- bottom: 20px;
208
- }
209
- }
1
+ @import "bootstrap/carousel";
@@ -1,33 +1 @@
1
- //
2
- // Close icons
3
- // --------------------------------------------------
4
-
5
-
6
- .close {
7
- float: right;
8
- font-size: ($font-size-base * 1.5);
9
- font-weight: $close-font-weight;
10
- line-height: 1;
11
- color: $close-color;
12
- text-shadow: $close-text-shadow;
13
- @include opacity(.2);
14
-
15
- &:hover,
16
- &:focus {
17
- color: $close-color;
18
- text-decoration: none;
19
- cursor: pointer;
20
- @include opacity(.5);
21
- }
22
- }
23
-
24
- // Additional properties for button version
25
- // iOS requires the button element instead of an anchor tag.
26
- // If you want the anchor version, it requires `href="#"`.
27
- button.close {
28
- padding: 0;
29
- cursor: pointer;
30
- background: transparent;
31
- border: 0;
32
- -webkit-appearance: none;
33
- }
1
+ @import "bootstrap/close";
@@ -1,56 +1 @@
1
- //
2
- // Code (inline and blocK)
3
- // --------------------------------------------------
4
-
5
-
6
- // Inline and block code styles
7
- code,
8
- pre {
9
- font-family: $font-family-monospace;
10
- }
11
-
12
- // Inline code
13
- code {
14
- padding: 2px 4px;
15
- font-size: 90%;
16
- color: $code-color;
17
- background-color: $code-bg;
18
- white-space: nowrap;
19
- border-radius: $border-radius-base;
20
- }
21
-
22
- // Blocks of code
23
- pre {
24
- display: block;
25
- padding: (($line-height-computed - 1) / 2);
26
- margin: 0 0 ($line-height-computed / 2);
27
- font-size: ($font-size-base - 1); // 14px to 13px
28
- line-height: $line-height-base;
29
- word-break: break-all;
30
- word-wrap: break-word;
31
- color: $pre-color;
32
- background-color: $pre-bg;
33
- border: 1px solid $pre-border-color;
34
- border-radius: $border-radius-base;
35
-
36
- // Make prettyprint styles more spaced out for readability
37
- &.prettyprint {
38
- margin-bottom: $line-height-computed;
39
- }
40
-
41
- // Account for some code outputs that place code tags in pre tags
42
- code {
43
- padding: 0;
44
- font-size: inherit;
45
- color: inherit;
46
- white-space: pre-wrap;
47
- background-color: transparent;
48
- border: 0;
49
- }
50
- }
51
-
52
- // Enable scrollable blocks of code
53
- .pre-scrollable {
54
- max-height: $pre-scrollable-max-height;
55
- overflow-y: scroll;
56
- }
1
+ @import "bootstrap/code";