bootstrap3-wip-rails 0.1.2

Sign up to get free protection for your applications and to get access to all the features.
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,58 @@
1
+ //
2
+ // Badges
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Base classes
7
+ .badge {
8
+ display: inline-block;
9
+ min-width: 10px;
10
+ padding: 3px 7px;
11
+ font-size: 12px;
12
+ font-weight: bold;
13
+ color: #fff;
14
+ line-height: 1;
15
+ vertical-align: middle;
16
+ white-space: nowrap;
17
+ text-align: center;
18
+ background-color: @grayLight;
19
+ border-radius: 10px;
20
+
21
+ // Empty labels/badges collapse
22
+ &:empty {
23
+ display: none;
24
+ }
25
+ }
26
+
27
+ // Hover state, but only for links
28
+ a.badge {
29
+ &:hover,
30
+ &:focus {
31
+ color: #fff;
32
+ text-decoration: none;
33
+ cursor: pointer;
34
+ }
35
+ }
36
+
37
+ // Quick fix for labels/badges in buttons
38
+ .btn {
39
+ .badge {
40
+ position: relative;
41
+ top: -1px;
42
+ }
43
+ }
44
+ .btn-mini {
45
+ .badge {
46
+ top: 0;
47
+ }
48
+ }
49
+
50
+ // Account for counters in navs
51
+ a.list-group-item.active > .badge,
52
+ .nav-pills > .active > a > .badge {
53
+ color: @link-color;
54
+ background-color: #fff;
55
+ }
56
+ .nav-pills > li > a > .badge {
57
+ margin-left: 3px;
58
+ }
@@ -0,0 +1,64 @@
1
+ /*!
2
+ * Bootstrap v3.0.0
3
+ *
4
+ * Copyright 2013 Twitter, Inc
5
+ * Licensed under the Apache License v2.0
6
+ * http://www.apache.org/licenses/LICENSE-2.0
7
+ *
8
+ * Designed and built with all the love in the world by @mdo and @fat.
9
+ */
10
+
11
+ // Core variables and mixins
12
+ @import "variables.less";
13
+ @import "mixins.less";
14
+
15
+ // Reset
16
+ @import "normalize.less";
17
+ @import "print.less";
18
+
19
+ // Core CSS
20
+ @import "scaffolding.less";
21
+ @import "type.less";
22
+ @import "code.less";
23
+ @import "grid.less";
24
+
25
+ @import "tables.less";
26
+ @import "forms.less";
27
+ @import "buttons.less";
28
+
29
+ // Components: common
30
+ @import "component-animations.less";
31
+ @import "glyphicons.less";
32
+ @import "dropdowns.less";
33
+ @import "list-group.less";
34
+ @import "panels.less";
35
+ @import "wells.less";
36
+ @import "close.less";
37
+
38
+ // Components: Nav
39
+ @import "navs.less";
40
+ @import "navbar.less";
41
+ @import "button-groups.less";
42
+ @import "breadcrumbs.less";
43
+ @import "pagination.less";
44
+ @import "pager.less";
45
+
46
+ // Components: Popovers
47
+ @import "modals.less";
48
+ @import "tooltip.less";
49
+ @import "popovers.less";
50
+
51
+ // Components: Misc
52
+ @import "alerts.less";
53
+ @import "thumbnails.less";
54
+ @import "media.less";
55
+ @import "labels.less";
56
+ @import "badges.less";
57
+ @import "progress-bars.less";
58
+ @import "accordion.less";
59
+ @import "carousel.less";
60
+ @import "jumbotron.less";
61
+
62
+ // Utility classes
63
+ @import "utilities.less"; // Has to be last to override when necessary
64
+ @import "responsive-utilities.less";
@@ -0,0 +1,28 @@
1
+ //
2
+ // Breadcrumbs
3
+ // --------------------------------------------------
4
+
5
+
6
+ .breadcrumb {
7
+ padding: 8px 15px;
8
+ margin: 0 0 @line-height-base;
9
+ list-style: none;
10
+ background-color: #f5f5f5;
11
+ border-radius: @border-radius-base;
12
+ > li {
13
+ display: inline-block;
14
+ text-shadow: 0 1px 0 #fff;
15
+ &:after {
16
+ display: inline-block;
17
+ content: "\00a0 /"; // Unicode space added since inline-block means non-collapsing white-space
18
+ padding: 0 5px;
19
+ color: #ccc;
20
+ }
21
+ &:last-child:after {
22
+ content: ""; // No divider after last element
23
+ }
24
+ }
25
+ > .active {
26
+ color: @grayLight;
27
+ }
28
+ }
@@ -0,0 +1,166 @@
1
+ //
2
+ // Button groups
3
+ // --------------------------------------------------
4
+
5
+ // Button carets
6
+ .btn .caret {
7
+ border-top-color: @btn-color;
8
+ }
9
+ .dropup .btn .caret {
10
+ border-bottom-color: @btn-color;
11
+ }
12
+
13
+ // Make the div behave like a button
14
+ .btn-group {
15
+ position: relative;
16
+ display: inline-block;
17
+ vertical-align: middle; // match .btn alignment given font-size hack above
18
+ > .btn {
19
+ position: relative;
20
+ float: left;
21
+ // Prevent double borders when buttons are next to each other
22
+ + btn {
23
+ margin-left: -1px;
24
+ }
25
+ // Bring the "active" button to the front
26
+ &:hover,
27
+ &:active {
28
+ z-index: 2;
29
+ }
30
+ }
31
+ }
32
+
33
+ // Optional: Group multiple button groups together for a toolbar
34
+ .btn-toolbar {
35
+ .clearfix();
36
+
37
+ .btn-group {
38
+ float: left;
39
+ }
40
+ // Space out series of button groups
41
+ > .btn + .btn,
42
+ > .btn-group + .btn,
43
+ > .btn + .btn-group,
44
+ > .btn-group + .btn-group {
45
+ margin-left: 5px;
46
+ }
47
+ }
48
+
49
+ // Float them, remove border radius, then re-add to first and last elements
50
+ .btn-group > .btn {
51
+ position: relative;
52
+ border-radius: 0;
53
+ }
54
+
55
+
56
+ // 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
57
+ .btn-group > .btn:first-child {
58
+ margin-left: 0;
59
+ .border-left-radius(@border-radius-base);
60
+ }
61
+ // Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
62
+ .btn-group > .btn:last-child,
63
+ .btn-group > .dropdown-toggle {
64
+ .border-right-radius(@border-radius-base);
65
+ }
66
+ // Reset corners for large buttons
67
+ .btn-group > .btn.large:first-child {
68
+ margin-left: 0;
69
+ .border-left-radius(@border-radius-large);
70
+ }
71
+ .btn-group > .btn.large:last-child,
72
+ .btn-group > .large.dropdown-toggle {
73
+ .border-right-radius(@border-radius-large);
74
+ }
75
+
76
+ // On active and open, don't show outline
77
+ .btn-group .dropdown-toggle:active,
78
+ .btn-group.open .dropdown-toggle {
79
+ outline: 0;
80
+ }
81
+
82
+
83
+
84
+ // Split button dropdowns
85
+ // ----------------------
86
+
87
+ // Give the line between buttons some depth
88
+ .btn-group > .btn + .dropdown-toggle {
89
+ padding-left: 8px;
90
+ padding-right: 8px;
91
+ }
92
+ .btn-group > .btn-mini + .dropdown-toggle {
93
+ padding-left: 5px;
94
+ padding-right: 5px;
95
+ }
96
+ .btn-group > .btn-large + .dropdown-toggle {
97
+ padding-left: 12px;
98
+ padding-right: 12px;
99
+ }
100
+
101
+ // The clickable button for toggling the menu
102
+ // Remove the gradient and set the same inset shadow as the :active state
103
+ .btn-group.open .dropdown-toggle {
104
+ .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
105
+ }
106
+
107
+
108
+ // Reposition the caret
109
+ .btn .caret {
110
+ margin-top: 8px;
111
+ margin-left: 0;
112
+ }
113
+ // Carets in other button sizes
114
+ .btn-large .caret {
115
+ border-width: 5px;
116
+ }
117
+ // Upside down carets for .dropup
118
+ .dropup .btn-large .caret {
119
+ border-bottom-width: 5px;
120
+ }
121
+
122
+
123
+ // Vertical button groups
124
+ // ----------------------
125
+
126
+ .btn-group-vertical > .btn {
127
+ display: block;
128
+ float: none;
129
+ width: 100%;
130
+ max-width: 100%;
131
+ }
132
+ .btn-group-vertical .btn:first-child {
133
+ border-radius: 0; // Needs to be here for specificity since we're not zeroing them out again
134
+ .border-top-radius(@border-radius-base);
135
+ }
136
+ .btn-group-vertical .btn:last-child {
137
+ border-radius: 0; // Needs to be here for specificity since we're not zeroing them out again
138
+ .border-bottom-radius(@border-radius-base);
139
+ }
140
+ .btn-group-vertical .btn-large:first-child {
141
+ .border-top-radius(@border-radius-large);
142
+ }
143
+ .btn-group-vertical .btn-large:last-child {
144
+ .border-bottom-radius(@border-radius-large);
145
+ }
146
+
147
+
148
+ // Justified button groups
149
+ // ----------------------
150
+
151
+ .btn-group-justified {
152
+ display: table;
153
+ width: 100%;
154
+ .btn {
155
+ float: none;
156
+ display: table-cell;
157
+ width: 1%;
158
+ }
159
+ }
160
+
161
+
162
+ // Checkbox and radio options
163
+ .btn-group[data-toggle="buttons-radio"] > .btn > input[type="radio"],
164
+ .btn-group[data-toggle="buttons-checkbox"] > .btn > input[type="checkbox"] {
165
+ display: none;
166
+ }
@@ -0,0 +1,175 @@
1
+ //
2
+ // Buttons
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Base styles
7
+ // --------------------------------------------------
8
+
9
+ // Core styles
10
+ .btn {
11
+ display: inline-block;
12
+ padding: 6px 12px;
13
+ margin-bottom: 0; // For input.btn
14
+ font-size: @font-size-base;
15
+ font-weight: 500;
16
+ line-height: @line-height-base;
17
+ text-align: center;
18
+ vertical-align: middle;
19
+ cursor: pointer;
20
+ border: 1px solid @btn-border;
21
+ border-radius: @border-radius-base;
22
+ white-space: nowrap;
23
+
24
+ &:focus {
25
+ .tab-focus();
26
+ }
27
+
28
+ &:hover,
29
+ &:focus {
30
+ color: #fff;
31
+ text-decoration: none;
32
+ }
33
+
34
+ &:active,
35
+ &.active {
36
+ outline: 0;
37
+ background-image: none;
38
+ .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
39
+ }
40
+
41
+ &.disabled,
42
+ &[disabled],
43
+ fieldset[disabled] & {
44
+ cursor: default;
45
+ pointer-events: none; // Future-proof disabling of clicks
46
+ .opacity(.65);
47
+ .box-shadow(none);
48
+ }
49
+
50
+ }
51
+
52
+
53
+ // Button Sizes
54
+ // -------------------------
55
+
56
+ // Large
57
+ .btn-large {
58
+ padding: @padding-large;
59
+ font-size: @font-size-large;
60
+ border-radius: @border-radius-large;
61
+ }
62
+
63
+ // Small
64
+ .btn-small {
65
+ padding: @padding-small;
66
+ font-size: @font-size-small;
67
+ border-radius: @border-radius-small;
68
+ }
69
+
70
+ // Mini
71
+ .btn-mini {
72
+ padding: @padding-mini;
73
+ font-size: @font-size-mini;
74
+ border-radius: @border-radius-small;
75
+ }
76
+
77
+
78
+ // Icons in buttons
79
+ // -------------------------
80
+
81
+ // TODO: figure this shit out
82
+
83
+ // Block button
84
+ // -------------------------
85
+
86
+ .btn-block {
87
+ display: block;
88
+ width: 100%;
89
+ padding-left: 0;
90
+ padding-right: 0;
91
+ }
92
+
93
+ // Vertically space out multiple block buttons
94
+ .btn-block + .btn-block {
95
+ margin-top: 5px;
96
+ }
97
+
98
+ // Specificity overrides
99
+ input[type="submit"],
100
+ input[type="reset"],
101
+ input[type="button"] {
102
+ &.btn-block {
103
+ width: 100%;
104
+ }
105
+ }
106
+
107
+
108
+ // Alternate buttons
109
+ // --------------------------------------------------
110
+
111
+ .btn {
112
+ color: @btn-color;
113
+ .btn-pseudo-states(@btn-bg, @btn-border);
114
+ }
115
+ .btn-primary {
116
+ .btn-pseudo-states(@btn-primary-bg, @btn-primary-border);
117
+ }
118
+ // Warning appears as orange
119
+ .btn-warning {
120
+ .btn-pseudo-states(@btn-warning-bg, @btn-warning-border);
121
+ }
122
+ // Danger and error appear as red
123
+ .btn-danger {
124
+ .btn-pseudo-states(@btn-danger-bg, @btn-danger-border);
125
+ }
126
+ // Success appears as green
127
+ .btn-success {
128
+ .btn-pseudo-states(@btn-success-bg, @btn-success-border);
129
+ }
130
+ // Info appears as blue-green
131
+ .btn-info {
132
+ .btn-pseudo-states(@btn-info-bg, @btn-info-border);
133
+ }
134
+
135
+
136
+ // Link buttons
137
+ // --------------------------------------------------
138
+
139
+ // Make a button look and behave like a link
140
+ .btn-link,
141
+ .btn-link:active,
142
+ .btn-link[disabled],
143
+ fieldset[disabled] .btn-link {
144
+ background-color: transparent;
145
+ background-image: none;
146
+ .box-shadow(none);
147
+ }
148
+ .btn-link,
149
+ .btn-link:hover,
150
+ .btn-link:focus,
151
+ .btn-link:active {
152
+ border-color: transparent;
153
+ }
154
+ .btn-link {
155
+ color: @link-color;
156
+ font-weight: normal;
157
+ cursor: pointer;
158
+ border-radius: 0;
159
+ }
160
+ .btn-link:hover,
161
+ .btn-link:focus {
162
+ color: @link-hover-color;
163
+ text-decoration: underline;
164
+ background-color: transparent;
165
+ }
166
+ .btn-link {
167
+ &[disabled],
168
+ fieldset[disabled] & {
169
+ &:hover,
170
+ &:focus {
171
+ color: @grayDark;
172
+ text-decoration: none;
173
+ }
174
+ }
175
+ }