bootstrap3-wip-rails 0.1.2

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 (68) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +17 -0
  3. data/Gemfile +4 -0
  4. data/LICENSE.txt +22 -0
  5. data/README.md +54 -0
  6. data/Rakefile +1 -0
  7. data/bootstrap3-wip-rails.gemspec +25 -0
  8. data/lib/assets/javascripts/bootstrap.js +14 -0
  9. data/lib/bootstrap3/wip/rails.rb +10 -0
  10. data/lib/bootstrap3/wip/rails/version.rb +7 -0
  11. data/vendor/assets/images/glyphiconshalflings-regular.eot +0 -0
  12. data/vendor/assets/images/glyphiconshalflings-regular.otf +0 -0
  13. data/vendor/assets/images/glyphiconshalflings-regular.svg +175 -0
  14. data/vendor/assets/images/glyphiconshalflings-regular.ttf +0 -0
  15. data/vendor/assets/images/glyphiconshalflings-regular.woff +0 -0
  16. data/vendor/assets/javascripts/bootstrap-affix.js +117 -0
  17. data/vendor/assets/javascripts/bootstrap-alert.js +99 -0
  18. data/vendor/assets/javascripts/bootstrap-button.js +105 -0
  19. data/vendor/assets/javascripts/bootstrap-carousel.js +207 -0
  20. data/vendor/assets/javascripts/bootstrap-collapse.js +167 -0
  21. data/vendor/assets/javascripts/bootstrap-dropdown.js +165 -0
  22. data/vendor/assets/javascripts/bootstrap-modal.js +251 -0
  23. data/vendor/assets/javascripts/bootstrap-popover.js +114 -0
  24. data/vendor/assets/javascripts/bootstrap-scrollspy.js +162 -0
  25. data/vendor/assets/javascripts/bootstrap-tab.js +144 -0
  26. data/vendor/assets/javascripts/bootstrap-tooltip.js +361 -0
  27. data/vendor/assets/javascripts/bootstrap-transition.js +60 -0
  28. data/vendor/assets/javascripts/bootstrap-typeahead.js +335 -0
  29. data/vendor/assets/stylesheets/accordion.less +34 -0
  30. data/vendor/assets/stylesheets/alerts.less +97 -0
  31. data/vendor/assets/stylesheets/badges.less +58 -0
  32. data/vendor/assets/stylesheets/bootstrap.less +64 -0
  33. data/vendor/assets/stylesheets/breadcrumbs.less +28 -0
  34. data/vendor/assets/stylesheets/button-groups.less +166 -0
  35. data/vendor/assets/stylesheets/buttons.less +175 -0
  36. data/vendor/assets/stylesheets/carousel.less +191 -0
  37. data/vendor/assets/stylesheets/close.less +33 -0
  38. data/vendor/assets/stylesheets/code.less +61 -0
  39. data/vendor/assets/stylesheets/component-animations.less +32 -0
  40. data/vendor/assets/stylesheets/dropdowns.less +223 -0
  41. data/vendor/assets/stylesheets/forms.less +553 -0
  42. data/vendor/assets/stylesheets/glyphicons.less +200 -0
  43. data/vendor/assets/stylesheets/grid.less +57 -0
  44. data/vendor/assets/stylesheets/jumbotron.less +32 -0
  45. data/vendor/assets/stylesheets/labels.less +46 -0
  46. data/vendor/assets/stylesheets/list-group.less +96 -0
  47. data/vendor/assets/stylesheets/media.less +54 -0
  48. data/vendor/assets/stylesheets/mixins.less +551 -0
  49. data/vendor/assets/stylesheets/modals.less +137 -0
  50. data/vendor/assets/stylesheets/navbar.less +389 -0
  51. data/vendor/assets/stylesheets/navs.less +283 -0
  52. data/vendor/assets/stylesheets/normalize.less +396 -0
  53. data/vendor/assets/stylesheets/pager.less +54 -0
  54. data/vendor/assets/stylesheets/pagination.less +100 -0
  55. data/vendor/assets/stylesheets/panels.less +86 -0
  56. data/vendor/assets/stylesheets/popovers.less +133 -0
  57. data/vendor/assets/stylesheets/print.less +74 -0
  58. data/vendor/assets/stylesheets/progress-bars.less +118 -0
  59. data/vendor/assets/stylesheets/responsive-utilities.less +59 -0
  60. data/vendor/assets/stylesheets/scaffolding.less +91 -0
  61. data/vendor/assets/stylesheets/tables.less +241 -0
  62. data/vendor/assets/stylesheets/thumbnails.less +42 -0
  63. data/vendor/assets/stylesheets/tooltip.less +71 -0
  64. data/vendor/assets/stylesheets/type.less +253 -0
  65. data/vendor/assets/stylesheets/utilities.less +42 -0
  66. data/vendor/assets/stylesheets/variables.less +354 -0
  67. data/vendor/assets/stylesheets/wells.less +29 -0
  68. metadata +166 -0
@@ -0,0 +1,191 @@
1
+ //
2
+ // Carousel
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Wrapper for the slide container and indicators
7
+ .carousel {
8
+ position: relative;
9
+ }
10
+
11
+ // Wrap all slides, but only show the active one
12
+ .carousel-inner {
13
+ position: relative;
14
+ overflow: hidden;
15
+ width: 100%;
16
+ }
17
+
18
+ // Immediate parent of all slides
19
+ .carousel-inner {
20
+
21
+ > .item {
22
+ display: none;
23
+ position: relative;
24
+ .transition(.6s ease-in-out left);
25
+
26
+ // Account for jankitude on images
27
+ > img,
28
+ > a > img {
29
+ display: block;
30
+ line-height: 1;
31
+ }
32
+ }
33
+
34
+ > .active,
35
+ > .next,
36
+ > .prev { display: block; }
37
+
38
+ > .active {
39
+ left: 0;
40
+ }
41
+
42
+ > .next,
43
+ > .prev {
44
+ position: absolute;
45
+ top: 0;
46
+ width: 100%;
47
+ }
48
+
49
+ > .next {
50
+ left: 100%;
51
+ }
52
+ > .prev {
53
+ left: -100%;
54
+ }
55
+ > .next.left,
56
+ > .prev.right {
57
+ left: 0;
58
+ }
59
+
60
+ > .active.left {
61
+ left: -100%;
62
+ }
63
+ > .active.right {
64
+ left: 100%;
65
+ }
66
+
67
+ }
68
+
69
+ // Left/right controls for nav
70
+ // ---------------------------
71
+
72
+ .carousel-control {
73
+ position: absolute;
74
+ top: 0;
75
+ left: 0;
76
+ bottom: 0;
77
+ width: 15%;
78
+ .opacity(.5);
79
+ font-size: 20px;
80
+ color: #fff;
81
+ text-align: center;
82
+ text-shadow: 0 1px 2px rgba(0,0,0,.6);
83
+
84
+ // we can't have this transition here
85
+ // because webkit cancels the carousel
86
+ // animation if you trip this while
87
+ // in the middle of another animation
88
+ // ;_;
89
+ // .transition(opacity .2s linear);
90
+
91
+ // Set gradients for backgrounds
92
+ &.left {
93
+ #gradient > .horizontal(rgba(0,0,0,.5), rgba(0,0,0,.0001));
94
+ background-color: transparent;
95
+ }
96
+ &.right {
97
+ left: auto;
98
+ right: 0;
99
+ #gradient > .horizontal(rgba(0,0,0,.0001), rgba(0,0,0,.5));
100
+ background-color: transparent;
101
+ }
102
+
103
+ // Hover/focus state
104
+ &:hover,
105
+ &:focus {
106
+ color: #fff;
107
+ text-decoration: none;
108
+ .opacity(.9);
109
+ }
110
+
111
+ // Toggles
112
+ .glyphicon {
113
+ position: absolute;
114
+ top: 50%;
115
+ left: 50%;
116
+ z-index: 5;
117
+ display: inline-block;
118
+ width: 20px;
119
+ height: 20px;
120
+ margin-top: -10px;
121
+ margin-left: -10px;
122
+ }
123
+ }
124
+
125
+ // Optional indicator pips
126
+ // -----------------------------
127
+ .carousel-indicators {
128
+ position: absolute;
129
+ bottom: 20px;
130
+ left: 50%;
131
+ z-index: 5;
132
+ width: 100px;
133
+ margin: 0 0 0 -50px;
134
+ list-style: none;
135
+ text-align: center;
136
+
137
+ li {
138
+ display: inline-block;
139
+ width: 8px;
140
+ height: 8px;
141
+ margin-left: 0;
142
+ margin-right: 0;
143
+ text-indent: -999px;
144
+ border: 1px solid #fff;
145
+ border-radius: 5px;
146
+ cursor: pointer;
147
+ }
148
+ .active {
149
+ background-color: #fff;
150
+ }
151
+ }
152
+
153
+ // Optional captions
154
+ // -----------------------------
155
+ // Hidden by default for smaller viewports
156
+ .carousel-caption {
157
+ position: absolute;
158
+ left: 15%;
159
+ right: 15%;
160
+ bottom: 20px;
161
+ z-index: 10;
162
+ padding-top: 20px;
163
+ padding-bottom: 20px;
164
+ color: #fff;
165
+ text-align: center;
166
+ text-shadow: 0 1px 2px rgba(0,0,0,.6);
167
+ & .btn {
168
+ text-shadow: none; // No shadow for button elements in carousel-caption
169
+ }
170
+ }
171
+
172
+
173
+ // Scale up controls for >768px
174
+ @media screen and (min-width: 768px) {
175
+
176
+ // Scale up the controls a smidge
177
+ .carousel-control .glyphicon {
178
+ width: 30px;
179
+ height: 30px;
180
+ margin-top: -15px;
181
+ margin-left: -15px;
182
+ font-size: 30px;
183
+ }
184
+
185
+ // Show and left align the captions
186
+ .carousel-caption {
187
+ left: 20%;
188
+ right: 20%;
189
+ padding-bottom: 30px;
190
+ }
191
+ }
@@ -0,0 +1,33 @@
1
+ //
2
+ // Close icons
3
+ // --------------------------------------------------
4
+
5
+
6
+ .close {
7
+ float: right;
8
+ font-size: 20px;
9
+ font-weight: bold;
10
+ line-height: @line-height-base;
11
+ color: #000;
12
+ text-shadow: 0 1px 0 rgba(255,255,255,1);
13
+ .opacity(.2);
14
+
15
+ &:hover,
16
+ &:focus {
17
+ color: #000;
18
+ text-decoration: none;
19
+ cursor: pointer;
20
+ .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
+ }
@@ -0,0 +1,61 @@
1
+ //
2
+ // Code (inline and blocK)
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Inline and block code styles
7
+ code,
8
+ pre {
9
+ padding: 0 3px 2px;
10
+ font-family: @font-family-monospace;
11
+ font-size: (@font-size-base - 2);
12
+ color: @grayDark;
13
+ border-radius: 4px;
14
+ }
15
+
16
+ // Inline code
17
+ code {
18
+ padding: 2px 4px;
19
+ font-size: 90%;
20
+ color: #c7254e;
21
+ background-color: #f9f2f4;
22
+ white-space: nowrap;
23
+ }
24
+
25
+ // Blocks of code
26
+ pre {
27
+ display: block;
28
+ padding: ((@line-height-base - 1) / 2);
29
+ margin: 0 0 (@line-height-base / 2);
30
+ font-size: (@font-size-base - 1); // 14px to 13px
31
+ line-height: @line-height-base;
32
+ word-break: break-all;
33
+ word-wrap: break-word;
34
+ white-space: pre;
35
+ white-space: pre-wrap;
36
+ background-color: #f5f5f5;
37
+ border: 1px solid #ccc; // IE8 fallback
38
+ border: 1px solid rgba(0,0,0,.15);
39
+ border-radius: @border-radius-base;
40
+
41
+ // Make prettyprint styles more spaced out for readability
42
+ &.prettyprint {
43
+ margin-bottom: @line-height-base;
44
+ }
45
+
46
+ // Account for some code outputs that place code tags in pre tags
47
+ code {
48
+ padding: 0;
49
+ color: inherit;
50
+ white-space: pre;
51
+ white-space: pre-wrap;
52
+ background-color: transparent;
53
+ border: 0;
54
+ }
55
+ }
56
+
57
+ // Enable scrollable blocks of code
58
+ .pre-scrollable {
59
+ max-height: 340px;
60
+ overflow-y: scroll;
61
+ }
@@ -0,0 +1,32 @@
1
+ //
2
+ // Component animations
3
+ // --------------------------------------------------
4
+
5
+
6
+ .fade {
7
+ opacity: 0;
8
+ .transition(opacity .15s linear);
9
+ &.in {
10
+ opacity: 1;
11
+ }
12
+ }
13
+
14
+ /*.collapse {
15
+ position: relative;
16
+ height: 0;
17
+ overflow: hidden;
18
+ .transition(height .35s ease);
19
+ &.in {
20
+ height: auto;
21
+ }
22
+ }*/
23
+
24
+ .collapse {
25
+ position: relative;
26
+ height: 0;
27
+ overflow: hidden;
28
+ .transition(height .35s ease);
29
+ }
30
+ .collapse.in {
31
+ height: auto;
32
+ }
@@ -0,0 +1,223 @@
1
+ //
2
+ // Dropdown menus
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Use the .menu class on any <li> element within the topbar or ul.tabs and you'll get some superfancy dropdowns
7
+ .dropup,
8
+ .dropdown {
9
+ position: relative;
10
+ }
11
+ .dropdown-toggle:active,
12
+ .open .dropdown-toggle {
13
+ outline: 0;
14
+ }
15
+
16
+ // Dropdown arrow/caret
17
+ // --------------------
18
+ .caret {
19
+ display: inline-block;
20
+ width: 0;
21
+ height: 0;
22
+ vertical-align: top;
23
+ border-top: 4px solid #000;
24
+ border-right: 4px solid transparent;
25
+ border-left: 4px solid transparent;
26
+ content: "";
27
+ }
28
+
29
+ // Place the caret
30
+ .dropdown .caret {
31
+ margin-top: 8px;
32
+ margin-left: 2px;
33
+ }
34
+
35
+ // The dropdown menu (ul)
36
+ // ----------------------
37
+ .dropdown-menu {
38
+ position: absolute;
39
+ top: 100%;
40
+ left: 0;
41
+ z-index: @zindex-dropdown;
42
+ display: none; // none by default, but block on "open" of the menu
43
+ float: left;
44
+ min-width: 160px;
45
+ padding: 5px 0;
46
+ margin: 2px 0 0; // override default ul
47
+ list-style: none;
48
+ background-color: @dropdown-bg;
49
+ border: 1px solid #ccc; // IE8 fallback
50
+ border: 1px solid @dropdown-border;
51
+ border-radius: @border-radius-base;
52
+ .box-shadow(0 6px 12px rgba(0,0,0,.175));
53
+ .background-clip(padding-box);
54
+
55
+ // Aligns the dropdown menu to right
56
+ &.pull-right {
57
+ right: 0;
58
+ left: auto;
59
+ }
60
+
61
+ // Dividers (basically an hr) within the dropdown
62
+ .divider {
63
+ .nav-divider(@dropdown-divider-top, @dropdown-divider-bottom);
64
+ }
65
+
66
+ // Links within the dropdown menu
67
+ > li > a {
68
+ display: block;
69
+ padding: 3px 20px;
70
+ clear: both;
71
+ font-weight: normal;
72
+ line-height: @line-height-base;
73
+ color: @dropdown-link-color;
74
+ white-space: nowrap; // prevent links from randomly breaking onto new lines
75
+ }
76
+ }
77
+
78
+ // Hover/Focus state
79
+ // -----------
80
+ .dropdown-menu > li > a:hover,
81
+ .dropdown-menu > li > a:focus,
82
+ .dropdown-submenu:hover > a,
83
+ .dropdown-submenu:focus > a {
84
+ text-decoration: none;
85
+ color: @dropdown-link-hover-color;
86
+ #gradient > .vertical(@dropdown-link-hover-bg, darken(@dropdown-link-hover-bg, 5%));
87
+ }
88
+
89
+ // Active state
90
+ // ------------
91
+ .dropdown-menu > .active > a,
92
+ .dropdown-menu > .active > a:hover,
93
+ .dropdown-menu > .active > a:focus {
94
+ color: @dropdown-link-active-color;
95
+ text-decoration: none;
96
+ outline: 0;
97
+ #gradient > .vertical(@dropdown-link-active-bg, darken(@dropdown-link-active-bg, 5%));
98
+ }
99
+
100
+ // Disabled state
101
+ // --------------
102
+ // Gray out text and ensure the hover/focus state remains gray
103
+ .dropdown-menu > .disabled > a,
104
+ .dropdown-menu > .disabled > a:hover,
105
+ .dropdown-menu > .disabled > a:focus {
106
+ color: @grayLight;
107
+ }
108
+ // Nuke hover/focus effects
109
+ .dropdown-menu > .disabled > a:hover,
110
+ .dropdown-menu > .disabled > a:focus {
111
+ text-decoration: none;
112
+ background-color: transparent;
113
+ background-image: none; // Remove CSS gradient
114
+ .reset-filter();
115
+ cursor: default;
116
+ }
117
+
118
+ // Open state for the dropdown
119
+ // ---------------------------
120
+ .open {
121
+ & > .dropdown-menu {
122
+ display: block;
123
+ }
124
+ }
125
+
126
+ // Right aligned dropdowns
127
+ // ---------------------------
128
+ .pull-right > .dropdown-menu {
129
+ right: 0;
130
+ left: auto;
131
+ }
132
+
133
+ // Allow for dropdowns to go bottom up (aka, dropup-menu)
134
+ // ------------------------------------------------------
135
+ // Just add .dropup after the standard .dropdown class and you're set, bro.
136
+ // TODO: abstract this so that the navbar fixed styles are not placed here?
137
+ .dropup,
138
+ .navbar-fixed-bottom .dropdown {
139
+ // Reverse the caret
140
+ .caret {
141
+ border-top: 0;
142
+ border-bottom: 4px solid #000;
143
+ content: "";
144
+ }
145
+ // Different positioning for bottom up menu
146
+ .dropdown-menu {
147
+ top: auto;
148
+ bottom: 100%;
149
+ margin-bottom: 1px;
150
+ }
151
+ }
152
+
153
+ // Sub menus
154
+ // ---------------------------
155
+ .dropdown-submenu {
156
+ position: relative;
157
+ }
158
+ // Default dropdowns
159
+ .dropdown-submenu > .dropdown-menu {
160
+ top: 0;
161
+ left: 100%;
162
+ margin-top: -6px;
163
+ margin-left: -1px;
164
+ border-top-left-radius: 0; // Nuke the closest corner as appropriate
165
+ }
166
+ .dropdown-submenu:hover > .dropdown-menu {
167
+ display: block;
168
+ }
169
+
170
+ // Dropups
171
+ .dropup .dropdown-submenu > .dropdown-menu {
172
+ top: auto;
173
+ bottom: 0;
174
+ margin-top: 0;
175
+ margin-bottom: -2px;
176
+ border-bottom-left-radius: 0; // Nuke the closest corner as appropriate
177
+ }
178
+
179
+ // Caret to indicate there is a submenu
180
+ .dropdown-submenu > a:after {
181
+ display: block;
182
+ content: " ";
183
+ float: right;
184
+ width: 0;
185
+ height: 0;
186
+ border-color: transparent;
187
+ border-style: solid;
188
+ border-width: 5px 0 5px 5px;
189
+ border-left-color: darken(@dropdown-bg, 20%);
190
+ margin-top: 5px;
191
+ margin-right: -10px;
192
+ }
193
+ .dropdown-submenu:hover > a:after {
194
+ border-left-color: @dropdown-link-hover-color;
195
+ }
196
+
197
+ // Left aligned submenus
198
+ .dropdown-submenu.pull-left {
199
+ // Undo the float
200
+ // Yes, this is awkward since .pull-left adds a float, but it sticks to our conventions elsewhere.
201
+ float: none;
202
+
203
+ // Positioning the submenu
204
+ > .dropdown-menu {
205
+ left: -100%;
206
+ margin-left: 10px;
207
+ border-top-right-radius: 0; // Remove the rounded corner here
208
+ }
209
+ }
210
+
211
+ // Tweak nav headers
212
+ // ---------------------------
213
+ // Increase padding from 15px to 20px on sides
214
+ .dropdown .dropdown-menu .nav-header {
215
+ padding-left: 20px;
216
+ padding-right: 20px;
217
+ }
218
+
219
+ // Typeahead
220
+ // ---------------------------
221
+ .typeahead {
222
+ z-index: 1051;
223
+ }