bootstrap-sass-rails 3.0.0.3 → 3.1.0.0

Sign up to get free protection for your applications and to get access to all the features.
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";