bootstrapped-rails 2.0.7.2 → 2.0.7.3

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 (63) hide show
  1. data/app/helpers/twitter_breadcrumbs_helper.rb +5 -0
  2. data/app/views/twitter_bootstrap/_breadcrumbs.html.erb +14 -0
  3. data/bootstrapped-rails.gemspec +2 -2
  4. data/lib/bootstrapped-rails/breadcrumbs.rb +21 -0
  5. data/lib/bootstrapped-rails/engine.rb +8 -0
  6. data/lib/bootstrapped-rails/version.rb +1 -1
  7. data/logical_license +23 -0
  8. data/readme.md +58 -25
  9. data/vendor/assets/javascripts/bootstrapped/bootstrap-alert.js +1 -1
  10. data/vendor/assets/javascripts/bootstrapped/bootstrap-button.js +4 -2
  11. data/vendor/assets/javascripts/bootstrapped/bootstrap-carousel.js +7 -3
  12. data/vendor/assets/javascripts/bootstrapped/bootstrap-collapse.js +4 -2
  13. data/vendor/assets/javascripts/bootstrapped/bootstrap-dropdown.js +1 -1
  14. data/vendor/assets/javascripts/bootstrapped/bootstrap-modal.js +1 -1
  15. data/vendor/assets/javascripts/bootstrapped/bootstrap-popover.js +1 -1
  16. data/vendor/assets/javascripts/bootstrapped/bootstrap-scrollspy.js +1 -1
  17. data/vendor/assets/javascripts/bootstrapped/bootstrap-tab.js +1 -1
  18. data/vendor/assets/javascripts/bootstrapped/bootstrap-tooltip.js +2 -2
  19. data/vendor/assets/javascripts/bootstrapped/bootstrap-transition.js +1 -1
  20. data/vendor/assets/javascripts/bootstrapped/bootstrap-typeahead.js +7 -7
  21. data/vendor/assets/stylesheets/bootstrapped-sass/_reset.scss +31 -10
  22. data/vendor/assets/stylesheets/custom_partials/animation.scss +170 -0
  23. data/vendor/assets/stylesheets/custom_partials/box-shadow.scss +13 -0
  24. data/vendor/assets/stylesheets/custom_partials/box-sizing.scss +6 -0
  25. data/vendor/assets/stylesheets/custom_partials/flex-box.scss +64 -0
  26. data/vendor/assets/stylesheets/custom_partials/license +24 -0
  27. data/vendor/toolkit/twitter/bootstrap/accordion.less +28 -0
  28. data/vendor/toolkit/twitter/bootstrap/alerts.less +70 -0
  29. data/vendor/toolkit/twitter/bootstrap/bootstrap.less +62 -0
  30. data/vendor/toolkit/twitter/bootstrap/breadcrumbs.less +22 -0
  31. data/vendor/toolkit/twitter/bootstrap/button-groups.less +148 -0
  32. data/vendor/toolkit/twitter/bootstrap/buttons.less +183 -0
  33. data/vendor/toolkit/twitter/bootstrap/carousel.less +121 -0
  34. data/vendor/toolkit/twitter/bootstrap/close.less +18 -0
  35. data/vendor/toolkit/twitter/bootstrap/code.less +57 -0
  36. data/vendor/toolkit/twitter/bootstrap/component-animations.less +18 -0
  37. data/vendor/toolkit/twitter/bootstrap/dropdowns.less +130 -0
  38. data/vendor/toolkit/twitter/bootstrap/forms.less +522 -0
  39. data/vendor/toolkit/twitter/bootstrap/grid.less +8 -0
  40. data/vendor/toolkit/twitter/bootstrap/hero-unit.less +20 -0
  41. data/vendor/toolkit/twitter/bootstrap/labels.less +32 -0
  42. data/vendor/toolkit/twitter/bootstrap/layouts.less +17 -0
  43. data/vendor/toolkit/twitter/bootstrap/mixins.less +590 -0
  44. data/vendor/toolkit/twitter/bootstrap/modals.less +83 -0
  45. data/vendor/toolkit/twitter/bootstrap/navbar.less +299 -0
  46. data/vendor/toolkit/twitter/bootstrap/navs.less +353 -0
  47. data/vendor/toolkit/twitter/bootstrap/pager.less +30 -0
  48. data/vendor/toolkit/twitter/bootstrap/pagination.less +55 -0
  49. data/vendor/toolkit/twitter/bootstrap/popovers.less +49 -0
  50. data/vendor/toolkit/twitter/bootstrap/progress-bars.less +95 -0
  51. data/vendor/toolkit/twitter/bootstrap/reset.less +126 -0
  52. data/vendor/toolkit/twitter/bootstrap/responsive.less +327 -0
  53. data/vendor/toolkit/twitter/bootstrap/scaffolding.less +29 -0
  54. data/vendor/toolkit/twitter/bootstrap/sprites.less +158 -0
  55. data/vendor/toolkit/twitter/bootstrap/tables.less +150 -0
  56. data/vendor/toolkit/twitter/bootstrap/thumbnails.less +35 -0
  57. data/vendor/toolkit/twitter/bootstrap/tooltip.less +35 -0
  58. data/vendor/toolkit/twitter/bootstrap/type.less +218 -0
  59. data/vendor/toolkit/twitter/bootstrap/utilities.less +23 -0
  60. data/vendor/toolkit/twitter/bootstrap/variables.less +107 -0
  61. data/vendor/toolkit/twitter/bootstrap/wells.less +17 -0
  62. data/vendor/toolkit/twitter/bootstrap_base.less +2 -0
  63. metadata +64 -10
@@ -0,0 +1,22 @@
1
+ // BREADCRUMBS
2
+ // -----------
3
+
4
+ .breadcrumb {
5
+ padding: 7px 14px;
6
+ margin: 0 0 @baseLineHeight;
7
+ #gradient > .vertical(@white, #f5f5f5);
8
+ border: 1px solid #ddd;
9
+ .border-radius(3px);
10
+ .box-shadow(inset 0 1px 0 @white);
11
+ li {
12
+ display: inline-block;
13
+ text-shadow: 0 1px 0 @white;
14
+ }
15
+ .divider {
16
+ padding: 0 5px;
17
+ color: @grayLight;
18
+ }
19
+ .active a {
20
+ color: @grayDark;
21
+ }
22
+ }
@@ -0,0 +1,148 @@
1
+ // BUTTON GROUPS
2
+ // -------------
3
+
4
+
5
+ // Make the div behave like a button
6
+ .btn-group {
7
+ position: relative;
8
+ .clearfix(); // clears the floated buttons
9
+ .ie7-restore-left-whitespace();
10
+ }
11
+
12
+ // Space out series of button groups
13
+ .btn-group + .btn-group {
14
+ margin-left: 5px;
15
+ }
16
+
17
+ // Optional: Group multiple button groups together for a toolbar
18
+ .btn-toolbar {
19
+ margin-top: @baseLineHeight / 2;
20
+ margin-bottom: @baseLineHeight / 2;
21
+ .btn-group {
22
+ display: inline-block;
23
+ .ie7-inline-block();
24
+ }
25
+ }
26
+
27
+ // Float them, remove border radius, then re-add to first and last elements
28
+ .btn-group .btn {
29
+ position: relative;
30
+ float: left;
31
+ margin-left: -1px;
32
+ .border-radius(0);
33
+ }
34
+ // 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
35
+ .btn-group .btn:first-child {
36
+ margin-left: 0;
37
+ -webkit-border-top-left-radius: 4px;
38
+ -moz-border-radius-topleft: 4px;
39
+ border-top-left-radius: 4px;
40
+ -webkit-border-bottom-left-radius: 4px;
41
+ -moz-border-radius-bottomleft: 4px;
42
+ border-bottom-left-radius: 4px;
43
+ }
44
+ .btn-group .btn:last-child,
45
+ .btn-group .dropdown-toggle {
46
+ -webkit-border-top-right-radius: 4px;
47
+ -moz-border-radius-topright: 4px;
48
+ border-top-right-radius: 4px;
49
+ -webkit-border-bottom-right-radius: 4px;
50
+ -moz-border-radius-bottomright: 4px;
51
+ border-bottom-right-radius: 4px;
52
+ }
53
+ // Reset corners for large buttons
54
+ .btn-group .btn.large:first-child {
55
+ margin-left: 0;
56
+ -webkit-border-top-left-radius: 6px;
57
+ -moz-border-radius-topleft: 6px;
58
+ border-top-left-radius: 6px;
59
+ -webkit-border-bottom-left-radius: 6px;
60
+ -moz-border-radius-bottomleft: 6px;
61
+ border-bottom-left-radius: 6px;
62
+ }
63
+ .btn-group .btn.large:last-child,
64
+ .btn-group .large.dropdown-toggle {
65
+ -webkit-border-top-right-radius: 6px;
66
+ -moz-border-radius-topright: 6px;
67
+ border-top-right-radius: 6px;
68
+ -webkit-border-bottom-right-radius: 6px;
69
+ -moz-border-radius-bottomright: 6px;
70
+ border-bottom-right-radius: 6px;
71
+ }
72
+
73
+ // On hover/focus/active, bring the proper btn to front
74
+ .btn-group .btn:hover,
75
+ .btn-group .btn:focus,
76
+ .btn-group .btn:active,
77
+ .btn-group .btn.active {
78
+ z-index: 2;
79
+ }
80
+
81
+ // On active and open, don't show outline
82
+ .btn-group .dropdown-toggle:active,
83
+ .btn-group.open .dropdown-toggle {
84
+ outline: 0;
85
+ }
86
+
87
+
88
+
89
+ // Split button dropdowns
90
+ // ----------------------
91
+
92
+ // Give the line between buttons some depth
93
+ .btn-group .dropdown-toggle {
94
+ padding-left: 8px;
95
+ padding-right: 8px;
96
+ @shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
97
+ .box-shadow(@shadow);
98
+ *padding-top: 5px;
99
+ *padding-bottom: 5px;
100
+ }
101
+
102
+ .btn-group.open {
103
+ // IE7's z-index only goes to the nearest positioned ancestor, which would
104
+ // make the menu appear below buttons that appeared later on the page
105
+ *z-index: @zindexDropdown;
106
+
107
+ // Reposition menu on open and round all corners
108
+ .dropdown-menu {
109
+ display: block;
110
+ margin-top: 1px;
111
+ .border-radius(5px);
112
+ }
113
+
114
+ .dropdown-toggle {
115
+ background-image: none;
116
+ @shadow: inset 0 1px 6px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
117
+ .box-shadow(@shadow);
118
+ }
119
+ }
120
+
121
+ // Reposition the caret
122
+ .btn .caret {
123
+ margin-top: 7px;
124
+ margin-left: 0;
125
+ }
126
+ .btn:hover .caret,
127
+ .open.btn-group .caret {
128
+ .opacity(100);
129
+ }
130
+
131
+
132
+ // Account for other colors
133
+ .btn-primary,
134
+ .btn-danger,
135
+ .btn-info,
136
+ .btn-success,
137
+ .btn-inverse {
138
+ .caret {
139
+ border-top-color: @white;
140
+ .opacity(75);
141
+ }
142
+ }
143
+
144
+ // Small button dropdowns
145
+ .btn-small .caret {
146
+ margin-top: 4px;
147
+ }
148
+
@@ -0,0 +1,183 @@
1
+ // BUTTON STYLES
2
+ // -------------
3
+
4
+
5
+ // Base styles
6
+ // --------------------------------------------------
7
+
8
+ // Core
9
+ .btn {
10
+ display: inline-block;
11
+ padding: 4px 10px 4px;
12
+ margin-bottom: 0; // For input.btn
13
+ font-size: @baseFontSize;
14
+ line-height: @baseLineHeight;
15
+ color: @grayDark;
16
+ text-align: center;
17
+ text-shadow: 0 1px 1px rgba(255,255,255,.75);
18
+ vertical-align: middle;
19
+ .buttonBackground(@white, darken(@white, 10%));
20
+ border: 1px solid #ccc;
21
+ border-bottom-color: #bbb;
22
+ .border-radius(4px);
23
+ @shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
24
+ .box-shadow(@shadow);
25
+ cursor: pointer;
26
+
27
+ // Give IE7 some love
28
+ .reset-filter();
29
+ .ie7-restore-left-whitespace();
30
+ }
31
+
32
+ // Hover state
33
+ .btn:hover {
34
+ color: @grayDark;
35
+ text-decoration: none;
36
+ background-color: darken(@white, 10%);
37
+ background-position: 0 -15px;
38
+
39
+ // transition is only when going to hover, otherwise the background
40
+ // behind the gradient (there for IE<=9 fallback) gets mismatched
41
+ .transition(background-position .1s linear);
42
+ }
43
+
44
+ // Focus state for keyboard and accessibility
45
+ .btn:focus {
46
+ .tab-focus();
47
+ }
48
+
49
+ // Active state
50
+ .btn.active,
51
+ .btn:active {
52
+ background-image: none;
53
+ @shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
54
+ .box-shadow(@shadow);
55
+ background-color: darken(@white, 10%);
56
+ background-color: darken(@white, 15%) e("\9");
57
+ outline: 0;
58
+ }
59
+
60
+ // Disabled state
61
+ .btn.disabled,
62
+ .btn[disabled] {
63
+ cursor: default;
64
+ background-image: none;
65
+ background-color: darken(@white, 10%);
66
+ .opacity(65);
67
+ .box-shadow(none);
68
+ }
69
+
70
+
71
+ // Button Sizes
72
+ // --------------------------------------------------
73
+
74
+ // Large
75
+ .btn-large {
76
+ padding: 9px 14px;
77
+ font-size: @baseFontSize + 2px;
78
+ line-height: normal;
79
+ .border-radius(5px);
80
+ }
81
+ .btn-large [class^="icon-"] {
82
+ margin-top: 1px;
83
+ }
84
+
85
+ // Small
86
+ .btn-small {
87
+ padding: 5px 9px;
88
+ font-size: @baseFontSize - 2px;
89
+ line-height: @baseLineHeight - 2px;
90
+ }
91
+ .btn-small [class^="icon-"] {
92
+ margin-top: -1px;
93
+ }
94
+
95
+ // Mini
96
+ .btn-mini {
97
+ padding: 2px 6px;
98
+ font-size: @baseFontSize - 2px;
99
+ line-height: @baseLineHeight - 4px;
100
+ }
101
+
102
+
103
+ // Alternate buttons
104
+ // --------------------------------------------------
105
+
106
+ // Set text color
107
+ // -------------------------
108
+ .btn-primary,
109
+ .btn-primary:hover,
110
+ .btn-warning,
111
+ .btn-warning:hover,
112
+ .btn-danger,
113
+ .btn-danger:hover,
114
+ .btn-success,
115
+ .btn-success:hover,
116
+ .btn-info,
117
+ .btn-info:hover,
118
+ .btn-inverse,
119
+ .btn-inverse:hover {
120
+ text-shadow: 0 -1px 0 rgba(0,0,0,.25);
121
+ color: @white;
122
+ }
123
+ // Provide *some* extra contrast for those who can get it
124
+ .btn-primary.active,
125
+ .btn-warning.active,
126
+ .btn-danger.active,
127
+ .btn-success.active,
128
+ .btn-info.active,
129
+ .btn-dark.active {
130
+ color: rgba(255,255,255,.75);
131
+ }
132
+
133
+ // Set the backgrounds
134
+ // -------------------------
135
+ .btn-primary {
136
+ .buttonBackground(@primaryButtonBackground, spin(@primaryButtonBackground, 20));
137
+ }
138
+ // Warning appears are orange
139
+ .btn-warning {
140
+ .buttonBackground(lighten(@orange, 15%), @orange);
141
+ }
142
+ // Danger and error appear as red
143
+ .btn-danger {
144
+ .buttonBackground(#ee5f5b, #bd362f);
145
+ }
146
+ // Success appears as green
147
+ .btn-success {
148
+ .buttonBackground(#62c462, #51a351);
149
+ }
150
+ // Info appears as a neutral blue
151
+ .btn-info {
152
+ .buttonBackground(#5bc0de, #2f96b4);
153
+ }
154
+ // Inverse appears as dark gray
155
+ .btn-inverse {
156
+ .buttonBackground(#454545, #262626);
157
+ }
158
+
159
+
160
+ // Cross-browser Jank
161
+ // --------------------------------------------------
162
+
163
+ button.btn,
164
+ input[type="submit"].btn {
165
+
166
+ // Firefox 3.6 only I believe
167
+ &::-moz-focus-inner {
168
+ padding: 0;
169
+ border: 0;
170
+ }
171
+
172
+ // IE7 has some default padding on button controls
173
+ *padding-top: 2px;
174
+ *padding-bottom: 2px;
175
+ &.large {
176
+ *padding-top: 7px;
177
+ *padding-bottom: 7px;
178
+ }
179
+ &.small {
180
+ *padding-top: 3px;
181
+ *padding-bottom: 3px;
182
+ }
183
+ }
@@ -0,0 +1,121 @@
1
+ // CAROUSEL
2
+ // --------
3
+
4
+ .carousel {
5
+ position: relative;
6
+ margin-bottom: @baseLineHeight;
7
+ line-height: 1;
8
+ }
9
+
10
+ .carousel-inner {
11
+ overflow: hidden;
12
+ width: 100%;
13
+ position: relative;
14
+ }
15
+
16
+ .carousel {
17
+
18
+ .item {
19
+ display: none;
20
+ position: relative;
21
+ .transition(.6s ease-in-out left);
22
+ }
23
+
24
+ // Account for jankitude on images
25
+ .item > img {
26
+ display: block;
27
+ line-height: 1;
28
+ }
29
+
30
+ .active,
31
+ .next,
32
+ .prev { display: block; }
33
+
34
+ .active {
35
+ left: 0;
36
+ }
37
+
38
+ .next,
39
+ .prev {
40
+ position: absolute;
41
+ top: 0;
42
+ width: 100%;
43
+ }
44
+
45
+ .next {
46
+ left: 100%;
47
+ }
48
+ .prev {
49
+ left: -100%;
50
+ }
51
+ .next.left,
52
+ .prev.right {
53
+ left: 0;
54
+ }
55
+
56
+ .active.left {
57
+ left: -100%;
58
+ }
59
+ .active.right {
60
+ left: 100%;
61
+ }
62
+
63
+ }
64
+
65
+ // Left/right controls for nav
66
+ // ---------------------------
67
+
68
+ .carousel-control {
69
+ position: absolute;
70
+ top: 40%;
71
+ left: 15px;
72
+ width: 40px;
73
+ height: 40px;
74
+ margin-top: -20px;
75
+ font-size: 60px;
76
+ font-weight: 100;
77
+ line-height: 30px;
78
+ color: @white;
79
+ text-align: center;
80
+ background: @grayDarker;
81
+ border: 3px solid @white;
82
+ .border-radius(23px);
83
+ .opacity(50);
84
+
85
+ // we can't have this transition here
86
+ // because webkit cancels the carousel
87
+ // animation if you trip this while
88
+ // in the middle of another animation
89
+ // ;_;
90
+ // .transition(opacity .2s linear);
91
+
92
+ // Reposition the right one
93
+ &.right {
94
+ left: auto;
95
+ right: 15px;
96
+ }
97
+
98
+ // Hover state
99
+ &:hover {
100
+ color: @white;
101
+ text-decoration: none;
102
+ .opacity(90);
103
+ }
104
+ }
105
+
106
+ // Caption for text below images
107
+ // -----------------------------
108
+
109
+ .carousel-caption {
110
+ position: absolute;
111
+ left: 0;
112
+ right: 0;
113
+ bottom: 0;
114
+ padding: 10px 15px 5px;
115
+ background: @grayDark;
116
+ background: rgba(0,0,0,.75);
117
+ }
118
+ .carousel-caption h4,
119
+ .carousel-caption p {
120
+ color: @white;
121
+ }