anjlab-bootstrap-rails 3.0.0.2 → 3.0.0.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (31) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/stylesheets/twitter/bootstrap/_bootstrap.scss +0 -10
  3. data/app/assets/stylesheets/twitter/bootstrap/_breadcrumbs.scss +1 -1
  4. data/app/assets/stylesheets/twitter/bootstrap/_buttons.scss +1 -0
  5. data/app/assets/stylesheets/twitter/bootstrap/_carousel.scss +20 -9
  6. data/app/assets/stylesheets/twitter/bootstrap/_code.scss +3 -6
  7. data/app/assets/stylesheets/twitter/bootstrap/_forms.scss +12 -2
  8. data/app/assets/stylesheets/twitter/bootstrap/_glyphicons.scss +4 -0
  9. data/app/assets/stylesheets/twitter/bootstrap/_grid.scss +10 -10
  10. data/app/assets/stylesheets/twitter/bootstrap/_input-groups.scss +9 -0
  11. data/app/assets/stylesheets/twitter/bootstrap/_jumbotron.scss +1 -1
  12. data/app/assets/stylesheets/twitter/bootstrap/_mixins.scss +68 -23
  13. data/app/assets/stylesheets/twitter/bootstrap/_modals.scss +1 -3
  14. data/app/assets/stylesheets/twitter/bootstrap/_navbar.scss +2 -2
  15. data/app/assets/stylesheets/twitter/bootstrap/_navs.scss +25 -7
  16. data/app/assets/stylesheets/twitter/bootstrap/_normalize.scss +16 -6
  17. data/app/assets/stylesheets/twitter/bootstrap/_pagination.scss +2 -0
  18. data/app/assets/stylesheets/twitter/bootstrap/_panels.scss +27 -7
  19. data/app/assets/stylesheets/twitter/bootstrap/_progress-bars.scss +2 -1
  20. data/app/assets/stylesheets/twitter/bootstrap/_responsive-utilities.scss +19 -20
  21. data/app/assets/stylesheets/twitter/bootstrap/_scaffolding.scss +0 -11
  22. data/app/assets/stylesheets/twitter/bootstrap/_tables.scss +26 -16
  23. data/app/assets/stylesheets/twitter/bootstrap/_theme.scss +24 -11
  24. data/app/assets/stylesheets/twitter/bootstrap/_thumbnails.scss +1 -0
  25. data/app/assets/stylesheets/twitter/bootstrap/_tooltip.scss +9 -9
  26. data/app/assets/stylesheets/twitter/bootstrap/_type.scss +52 -20
  27. data/app/assets/stylesheets/twitter/bootstrap/_utilities.scss +4 -2
  28. data/app/assets/stylesheets/twitter/bootstrap/_variables.scss +55 -39
  29. data/lib/bootstrap-rails/engine.rb +1 -1
  30. data/lib/bootstrap-rails/version.rb +1 -1
  31. metadata +2 -2
@@ -7,6 +7,7 @@
7
7
  .thumbnail {
8
8
  @extend .img-thumbnail;
9
9
  display: block; // Override the inline-block from `.img-thumbnail`
10
+ margin-bottom: $line-height-computed;
10
11
 
11
12
  > img {
12
13
  @include img-responsive();
@@ -14,10 +14,10 @@
14
14
  @include opacity(0);
15
15
 
16
16
  &.in { @include 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; }
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
21
  }
22
22
 
23
23
  // Wrapper for the tooltip content
@@ -49,13 +49,13 @@
49
49
  }
50
50
  &.top-left .tooltip-arrow {
51
51
  bottom: 0;
52
- left: 5px;
52
+ left: $tooltip-arrow-width;
53
53
  border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
54
54
  border-top-color: $tooltip-arrow-color;
55
55
  }
56
56
  &.top-right .tooltip-arrow {
57
57
  bottom: 0;
58
- right: 5px;
58
+ right: $tooltip-arrow-width;
59
59
  border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
60
60
  border-top-color: $tooltip-arrow-color;
61
61
  }
@@ -82,14 +82,14 @@
82
82
  }
83
83
  &.bottom-left .tooltip-arrow {
84
84
  top: 0;
85
- left: 5px;
85
+ left: $tooltip-arrow-width;
86
86
  border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
87
87
  border-bottom-color: $tooltip-arrow-color;
88
88
  }
89
89
  &.bottom-right .tooltip-arrow {
90
90
  top: 0;
91
- right: 5px;
91
+ right: $tooltip-arrow-width;
92
92
  border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
93
93
  border-bottom-color: $tooltip-arrow-color;
94
94
  }
95
- }
95
+ }
@@ -15,7 +15,7 @@ p {
15
15
  font-weight: 200;
16
16
  line-height: 1.4;
17
17
 
18
- @media (min-width: 768px) {
18
+ @media (min-width: $screen-sm-min) {
19
19
  font-size: ($font-size-base * 1.5);
20
20
  }
21
21
  }
@@ -25,18 +25,46 @@ p {
25
25
  // -------------------------
26
26
 
27
27
  // Ex: 14px base font * 85% = about 12px
28
- small { font-size: 85%; }
28
+ small,
29
+ .small { font-size: 85%; }
29
30
 
30
31
  // Undo browser default styling
31
32
  cite { font-style: normal; }
32
33
 
33
34
  // 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; }
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
+ }
40
68
 
41
69
  // Alignment
42
70
  .text-left { text-align: left; }
@@ -52,6 +80,8 @@ h1, h2, h3, h4, h5, h6,
52
80
  font-family: $headings-font-family;
53
81
  font-weight: $headings-font-weight;
54
82
  line-height: $headings-line-height;
83
+ color: $headings-color;
84
+
55
85
  small {
56
86
  font-weight: normal;
57
87
  line-height: 1;
@@ -64,25 +94,28 @@ h2,
64
94
  h3 {
65
95
  margin-top: $line-height-computed;
66
96
  margin-bottom: ($line-height-computed / 2);
97
+
98
+ small {
99
+ font-size: 65%;
100
+ }
67
101
  }
68
102
  h4,
69
103
  h5,
70
104
  h6 {
71
105
  margin-top: ($line-height-computed / 2);
72
106
  margin-bottom: ($line-height-computed / 2);
73
- }
74
107
 
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
108
+ small {
109
+ font-size: 75%;
110
+ }
111
+ }
81
112
 
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; }
113
+ h1, .h1 { font-size: $font-size-h1; }
114
+ h2, .h2 { font-size: $font-size-h2; }
115
+ h3, .h3 { font-size: $font-size-h3; }
116
+ h4, .h4 { font-size: $font-size-h4; }
117
+ h5, .h5 { font-size: $font-size-h5; }
118
+ h6, .h6 { font-size: $font-size-h6; }
86
119
 
87
120
 
88
121
  // Page header
@@ -234,7 +267,6 @@ blockquote:after {
234
267
 
235
268
  // Addresses
236
269
  address {
237
- display: block;
238
270
  margin-bottom: $line-height-computed;
239
271
  font-style: normal;
240
272
  line-height: $line-height-base;
@@ -9,7 +9,9 @@
9
9
  .clearfix {
10
10
  @include clearfix();
11
11
  }
12
-
12
+ .center-block {
13
+ @include center-block();
14
+ }
13
15
  .pull-right {
14
16
  @include pull-right;
15
17
  }
@@ -31,7 +33,7 @@
31
33
  visibility: hidden;
32
34
  }
33
35
  .text-hide {
34
- @include hide-text();
36
+ @include text-hide();
35
37
  }
36
38
 
37
39
 
@@ -48,12 +48,20 @@ $font-size-base: 14px !default;
48
48
  $font-size-large: ceil($font-size-base * 1.25) !default; // ~18px
49
49
  $font-size-small: ceil($font-size-base * 0.85) !default; // ~12px
50
50
 
51
+ $font-size-h1: floor($font-size-base * 2.60) !default; // ~36px
52
+ $font-size-h2: floor($font-size-base * 2.15) !default; // ~30px
53
+ $font-size-h3: ceil($font-size-base * 1.70) !default; // ~24px
54
+ $font-size-h4: ceil($font-size-base * 1.25) !default; // ~18px
55
+ $font-size-h5: $font-size-base !default;
56
+ $font-size-h6: ceil($font-size-base * 0.85) !default; // ~12px
57
+
51
58
  $line-height-base: 1.428571429 !default; // 20/14
52
59
  $line-height-computed: floor($font-size-base * $line-height-base) !default; // ~20px
53
60
 
54
61
  $headings-font-family: $font-family-base !default;
55
62
  $headings-font-weight: 500 !default;
56
63
  $headings-line-height: 1.1 !default;
64
+ $headings-color: inherit !default;
57
65
 
58
66
  // Iconography
59
67
  // -------------------------
@@ -82,6 +90,7 @@ $border-radius-base: 4px !default;
82
90
  $border-radius-large: 6px !default;
83
91
  $border-radius-small: 3px !default;
84
92
 
93
+ $component-active-color: #fff !default;
85
94
  $component-active-bg: $brand-primary !default;
86
95
 
87
96
  $caret-width-base: 4px !default;
@@ -165,12 +174,12 @@ $dropdown-border: rgba(0,0,0,.15) !default;
165
174
  $dropdown-fallback-border: #ccc !default;
166
175
  $dropdown-divider-bg: #e5e5e5 !default;
167
176
 
168
- $dropdown-link-active-color: #fff !default;
169
- $dropdown-link-active-bg: $component-active-bg !default;
170
-
171
177
  $dropdown-link-color: $gray-dark !default;
172
- $dropdown-link-hover-color: #fff !default;
173
- $dropdown-link-hover-bg: $dropdown-link-active-bg !default;
178
+ $dropdown-link-hover-color: darken($gray-dark, 5%) !default;
179
+ $dropdown-link-hover-bg: #f5f5f5 !default;
180
+
181
+ $dropdown-link-active-color: $component-active-color !default;
182
+ $dropdown-link-active-bg: $component-active-bg !default;
174
183
 
175
184
  $dropdown-link-disabled-color: $gray-light !default;
176
185
 
@@ -200,25 +209,33 @@ $zindex-modal: 1050 !default;
200
209
  // --------------------------------------------------
201
210
 
202
211
  // Extra small screen / phone
212
+ // Note: Deprecated @screen-xs and @screen-phone as of v3.0.1
203
213
  $screen-xs: 480px !default;
204
- $screen-phone: $screen-xs !default;
214
+ $screen-xs-min: $screen-xs !default;
215
+ $screen-phone: $screen-xs-min !default;
205
216
 
206
217
  // Small screen / tablet
218
+ // Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1
207
219
  $screen-sm: 768px !default;
208
- $screen-tablet: $screen-sm !default;
220
+ $screen-sm-min: $screen-sm !default;
221
+ $screen-tablet: $screen-sm-min !default;
209
222
 
210
223
  // Medium screen / desktop
224
+ // Note: Deprecated @screen-md and @screen-desktop as of v3.0.1
211
225
  $screen-md: 992px !default;
212
- $screen-desktop: $screen-md !default;
226
+ $screen-md-min: $screen-md !default;
227
+ $screen-desktop: $screen-md-min !default;
213
228
 
214
229
  // Large screen / wide desktop
230
+ // Note: Deprecated @screen-lg and @screen-lg-desktop as of v3.0.1
215
231
  $screen-lg: 1200px !default;
216
- $screen-lg-desktop: $screen-lg !default;
232
+ $screen-lg-min: $screen-lg !default;
233
+ $screen-lg-desktop: $screen-lg-min !default;
217
234
 
218
235
  // So media queries don't overlap when required, provide a maximum
219
- $screen-xs-max: ($screen-sm - 1) !default;
220
- $screen-sm-max: ($screen-md - 1) !default;
221
- $screen-md-max: ($screen-lg - 1) !default;
236
+ $screen-xs-max: ($screen-sm-min - 1) !default;
237
+ $screen-sm-max: ($screen-md-min - 1) !default;
238
+ $screen-md-max: ($screen-lg-min - 1) !default;
222
239
 
223
240
 
224
241
  // Grid system
@@ -229,7 +246,7 @@ $grid-columns: 12 !default;
229
246
  // Padding, to be divided by two and applied to the left and right of all columns
230
247
  $grid-gutter-width: 30px !default;
231
248
  // Point at which the navbar stops collapsing
232
- $grid-float-breakpoint: $screen-tablet !default;
249
+ $grid-float-breakpoint: $screen-sm-min !default;
233
250
 
234
251
 
235
252
  // Navbar
@@ -238,13 +255,14 @@ $grid-float-breakpoint: $screen-tablet !default;
238
255
  // Basics of a navbar
239
256
  $navbar-height: 50px !default;
240
257
  $navbar-margin-bottom: $line-height-computed !default;
241
- $navbar-default-color: #777 !default;
242
- $navbar-default-bg: #f8f8f8 !default;
243
- $navbar-default-border: darken($navbar-default-bg, 6.5%) !default;
244
258
  $navbar-border-radius: $border-radius-base !default;
245
259
  $navbar-padding-horizontal: floor($grid-gutter-width / 2) !default;
246
260
  $navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2) !default;
247
261
 
262
+ $navbar-default-color: #777 !default;
263
+ $navbar-default-bg: #f8f8f8 !default;
264
+ $navbar-default-border: darken($navbar-default-bg, 6.5%) !default;
265
+
248
266
  // Navbar links
249
267
  $navbar-default-link-color: #777 !default;
250
268
  $navbar-default-link-hover-color: #333 !default;
@@ -256,7 +274,7 @@ $navbar-default-link-disabled-bg: transparent !default;
256
274
 
257
275
  // Navbar brand label
258
276
  $navbar-default-brand-color: $navbar-default-link-color !default;
259
- $navbar-default-brand-hover-color: darken($navbar-default-link-color, 10%) !default;
277
+ $navbar-default-brand-hover-color: darken($navbar-default-brand-color, 10%) !default;
260
278
  $navbar-default-brand-hover-bg: transparent !default;
261
279
 
262
280
  // Navbar toggle
@@ -286,13 +304,6 @@ $navbar-inverse-brand-color: $navbar-inverse-link-color !default;
286
304
  $navbar-inverse-brand-hover-color: #fff !default;
287
305
  $navbar-inverse-brand-hover-bg: transparent !default;
288
306
 
289
- // Inverted navbar search
290
- // Normal navbar needs no special styles or vars
291
- $navbar-inverse-search-bg: lighten($navbar-inverse-bg, 25%) !default;
292
- $navbar-inverse-search-bg-focus: #fff !default;
293
- $navbar-inverse-search-border: $navbar-inverse-bg !default;
294
- $navbar-inverse-search-placeholder-color: #ccc !default;
295
-
296
307
  // Inverted navbar toggle
297
308
  $navbar-inverse-toggle-hover-bg: #333 !default;
298
309
  $navbar-inverse-toggle-icon-bar-bg: #fff !default;
@@ -324,8 +335,9 @@ $nav-tabs-justified-link-border-color: #ddd !default;
324
335
  $nav-tabs-justified-active-link-border-color: $body-bg !default;
325
336
 
326
337
  // Pills
338
+ $nav-pills-border-radius: $border-radius-base !default;
327
339
  $nav-pills-active-link-hover-bg: $component-active-bg !default;
328
- $nav-pills-active-link-hover-color: #fff !default;
340
+ $nav-pills-active-link-hover-color: $component-active-color !default;
329
341
 
330
342
 
331
343
  // Pagination
@@ -362,22 +374,22 @@ $jumbotron-heading-color: inherit !default;
362
374
  // Form states and alerts
363
375
  // -------------------------
364
376
 
365
- $state-warning-text: #c09853 !default;
366
- $state-warning-bg: #fcf8e3 !default;
367
- $state-warning-border: darken(adjust-hue($state-warning-bg, -10%), 3%) !default;
368
-
369
- $state-danger-text: #b94a48 !default;
370
- $state-danger-bg: #f2dede !default;
371
- $state-danger-border: darken(adjust-hue($state-danger-bg, -10%), 3%) !default;
372
-
373
377
  $state-success-text: #468847 !default;
374
378
  $state-success-bg: #dff0d8 !default;
375
- $state-success-border: darken(adjust-hue($state-success-bg, -10%), 5%) !default;
379
+ $state-success-border: darken(adjust-hue($state-success-bg, -10), 5%) !default;
376
380
 
377
381
  $state-info-text: #3a87ad !default;
378
382
  $state-info-bg: #d9edf7 !default;
379
383
  $state-info-border: darken(adjust-hue($state-info-bg, -10%), 7%) !default;
380
384
 
385
+ $state-warning-text: #c09853 !default;
386
+ $state-warning-bg: #fcf8e3 !default;
387
+ $state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%) !default;
388
+
389
+ $state-danger-text: #b94a48 !default;
390
+ $state-danger-bg: #f2dede !default;
391
+ $state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%) !default;
392
+
381
393
 
382
394
  // Tooltips
383
395
  // -------------------------
@@ -478,7 +490,7 @@ $list-group-border: #ddd !default;
478
490
  $list-group-border-radius: $border-radius-base !default;
479
491
 
480
492
  $list-group-hover-bg: #f5f5f5 !default;
481
- $list-group-active-color: #fff !default;
493
+ $list-group-active-color: $component-active-color !default;
482
494
  $list-group-active-bg: $component-active-bg !default;
483
495
  $list-group-active-border: $list-group-active-bg !default;
484
496
 
@@ -553,6 +565,7 @@ $badge-border-radius: 10px !default;
553
565
  $breadcrumb-bg: #f5f5f5 !default;
554
566
  $breadcrumb-color: #ccc !default;
555
567
  $breadcrumb-active-color: $gray-light !default;
568
+ $breadcrumb-separator: "/" !default;
556
569
 
557
570
 
558
571
  // Carousel
@@ -573,8 +586,8 @@ $carousel-caption-color: #fff !default;
573
586
 
574
587
  // Close
575
588
  // ------------------------
576
- $close-color: #000 !default;
577
589
  $close-font-weight: bold !default;
590
+ $close-color: #000 !default;
578
591
  $close-text-shadow: 0 1px 0 #fff !default;
579
592
 
580
593
 
@@ -611,10 +624,13 @@ $component-offset-horizontal: 180px !default;
611
624
  // --------------------------------------------------
612
625
 
613
626
  // Small screen / tablet
614
- $container-tablet: ((720px + $grid-gutter-width)) !default;
627
+ $container-tablet: ((720px + $grid-gutter-width)) !default;
628
+ $container-sm: $container-tablet !default;
615
629
 
616
630
  // Medium screen / desktop
617
- $container-desktop: ((940px + $grid-gutter-width)) !default;
631
+ $container-desktop: ((940px + $grid-gutter-width)) !default;
632
+ $container-md: $container-desktop !default;
618
633
 
619
634
  // Large screen / wide desktop
620
- $container-lg-desktop: ((1140px + $grid-gutter-width)) !default;
635
+ $container-large-desktop: ((1140px + $grid-gutter-width)) !default;
636
+ $container-lg: $container-large-desktop !default;
@@ -3,7 +3,7 @@ module Bootstrap
3
3
  class Engine < ::Rails::Engine
4
4
  initializer 'anjlab-bootstrap-rails-setup', :group => :all do |app|
5
5
  # Tune Sass options
6
- Sass::Script::Number.precision = 15
6
+ ::Sass::Script::Number.precision = 15
7
7
  end
8
8
  end
9
9
  end
@@ -1,5 +1,5 @@
1
1
  module Bootstrap
2
2
  module Rails
3
- VERSION = '3.0.0.2'
3
+ VERSION = '3.0.0.3'
4
4
  end
5
5
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: anjlab-bootstrap-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 3.0.0.2
4
+ version: 3.0.0.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - Yury Korolev
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2013-08-22 00:00:00.000000000 Z
11
+ date: 2013-09-19 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: railties