querobolsa-bootstrap-sass 0.1.0

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 (64) hide show
  1. data/LICENSE +14 -0
  2. data/README.md +106 -0
  3. data/lib/querobolsa-bootstrap-sass.rb +43 -0
  4. data/lib/querobolsa-bootstrap-sass/compass_functions.rb +10 -0
  5. data/lib/querobolsa-bootstrap-sass/engine.rb +7 -0
  6. data/lib/querobolsa-bootstrap-sass/rails_functions.rb +14 -0
  7. data/templates/project/manifest.rb +18 -0
  8. data/templates/project/styles.scss +5 -0
  9. data/vendor/assets/images/glyphicons-halflings-white.png +0 -0
  10. data/vendor/assets/images/glyphicons-halflings.png +0 -0
  11. data/vendor/assets/javascripts/bootstrap-alert.js +90 -0
  12. data/vendor/assets/javascripts/bootstrap-button.js +96 -0
  13. data/vendor/assets/javascripts/bootstrap-carousel.js +169 -0
  14. data/vendor/assets/javascripts/bootstrap-collapse.js +157 -0
  15. data/vendor/assets/javascripts/bootstrap-dropdown.js +100 -0
  16. data/vendor/assets/javascripts/bootstrap-modal.js +218 -0
  17. data/vendor/assets/javascripts/bootstrap-popover.js +98 -0
  18. data/vendor/assets/javascripts/bootstrap-scrollspy.js +151 -0
  19. data/vendor/assets/javascripts/bootstrap-tab.js +135 -0
  20. data/vendor/assets/javascripts/bootstrap-tooltip.js +275 -0
  21. data/vendor/assets/javascripts/bootstrap-transition.js +61 -0
  22. data/vendor/assets/javascripts/bootstrap-typeahead.js +285 -0
  23. data/vendor/assets/javascripts/bootstrap.js +12 -0
  24. data/vendor/assets/stylesheets/_bootstrap-responsive.scss +35 -0
  25. data/vendor/assets/stylesheets/_bootstrap.scss +62 -0
  26. data/vendor/assets/stylesheets/bootstrap/_accordion.scss +33 -0
  27. data/vendor/assets/stylesheets/bootstrap/_alerts.scss +56 -0
  28. data/vendor/assets/stylesheets/bootstrap/_breadcrumbs.scss +24 -0
  29. data/vendor/assets/stylesheets/bootstrap/_button-groups.scss +178 -0
  30. data/vendor/assets/stylesheets/bootstrap/_buttons.scss +171 -0
  31. data/vendor/assets/stylesheets/bootstrap/_carousel.scss +116 -0
  32. data/vendor/assets/stylesheets/bootstrap/_close.scss +29 -0
  33. data/vendor/assets/stylesheets/bootstrap/_code.scss +56 -0
  34. data/vendor/assets/stylesheets/bootstrap/_component-animations.scss +20 -0
  35. data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +137 -0
  36. data/vendor/assets/stylesheets/bootstrap/_forms.scss +482 -0
  37. data/vendor/assets/stylesheets/bootstrap/_grid.scss +5 -0
  38. data/vendor/assets/stylesheets/bootstrap/_hero-unit.scss +22 -0
  39. data/vendor/assets/stylesheets/bootstrap/_labels-badges.scss +50 -0
  40. data/vendor/assets/stylesheets/bootstrap/_layouts.scss +17 -0
  41. data/vendor/assets/stylesheets/bootstrap/_mixins.scss +625 -0
  42. data/vendor/assets/stylesheets/bootstrap/_modals.scss +90 -0
  43. data/vendor/assets/stylesheets/bootstrap/_navbar.scss +344 -0
  44. data/vendor/assets/stylesheets/bootstrap/_navs.scss +340 -0
  45. data/vendor/assets/stylesheets/bootstrap/_pager.scss +35 -0
  46. data/vendor/assets/stylesheets/bootstrap/_pagination.scss +53 -0
  47. data/vendor/assets/stylesheets/bootstrap/_popovers.scss +49 -0
  48. data/vendor/assets/stylesheets/bootstrap/_progress-bars.scss +118 -0
  49. data/vendor/assets/stylesheets/bootstrap/_reset.scss +110 -0
  50. data/vendor/assets/stylesheets/bootstrap/_responsive-1200px-min.scss +26 -0
  51. data/vendor/assets/stylesheets/bootstrap/_responsive-767px-max.scss +136 -0
  52. data/vendor/assets/stylesheets/bootstrap/_responsive-768px-979px.scss +16 -0
  53. data/vendor/assets/stylesheets/bootstrap/_responsive-navbar.scss +147 -0
  54. data/vendor/assets/stylesheets/bootstrap/_responsive-utilities.scss +41 -0
  55. data/vendor/assets/stylesheets/bootstrap/_scaffolding.scss +29 -0
  56. data/vendor/assets/stylesheets/bootstrap/_sprites.scss +177 -0
  57. data/vendor/assets/stylesheets/bootstrap/_tables.scss +133 -0
  58. data/vendor/assets/stylesheets/bootstrap/_thumbnails.scss +49 -0
  59. data/vendor/assets/stylesheets/bootstrap/_tooltip.scss +35 -0
  60. data/vendor/assets/stylesheets/bootstrap/_type.scss +224 -0
  61. data/vendor/assets/stylesheets/bootstrap/_utilities.scss +23 -0
  62. data/vendor/assets/stylesheets/bootstrap/_variables.scss +237 -0
  63. data/vendor/assets/stylesheets/bootstrap/_wells.scss +27 -0
  64. metadata +142 -0
@@ -0,0 +1,33 @@
1
+ // ACCORDION
2
+ // ---------
3
+
4
+
5
+ // Parent container
6
+ .accordion {
7
+ margin-bottom: $baseLineHeight;
8
+ }
9
+
10
+ // Group == heading + body
11
+ .accordion-group {
12
+ margin-bottom: 2px;
13
+ border: 1px solid #e5e5e5;
14
+ @include border-radius(4px);
15
+ }
16
+ .accordion-heading {
17
+ border-bottom: 0;
18
+ }
19
+ .accordion-heading .accordion-toggle {
20
+ display: block;
21
+ padding: 8px 15px;
22
+ }
23
+
24
+ // General toggle styles
25
+ .accordion-toggle {
26
+ cursor: pointer;
27
+ }
28
+
29
+ // Inner needs the styles because you can't animate properly with any styles on the element
30
+ .accordion-inner {
31
+ padding: 9px 15px;
32
+ border-top: 1px solid #e5e5e5;
33
+ }
@@ -0,0 +1,56 @@
1
+ // ALERT STYLES
2
+ // ------------
3
+
4
+ // Base alert styles
5
+ .alert {
6
+ padding: 8px 35px 8px 14px;
7
+ margin-bottom: $baseLineHeight;
8
+ text-shadow: 0 1px 0 rgba(255,255,255,.5);
9
+ background-color: $warningBackground;
10
+ border: 1px solid $warningBorder;
11
+ @include border-radius(4px);
12
+ color: $warningText;
13
+ }
14
+ .alert-heading {
15
+ color: inherit;
16
+ }
17
+
18
+ // Adjust close link position
19
+ .alert .close {
20
+ position: relative;
21
+ top: -2px;
22
+ right: -21px;
23
+ line-height: 18px;
24
+ }
25
+
26
+ // Alternate styles
27
+ // ----------------
28
+
29
+ .alert-success {
30
+ background-color: $successBackground;
31
+ border-color: $successBorder;
32
+ color: $successText;
33
+ }
34
+ .alert-danger, .alert-error {
35
+ background-color: $errorBackground;
36
+ border-color: $errorBorder;
37
+ color: $errorText;
38
+ }
39
+ .alert-info {
40
+ background-color: $infoBackground;
41
+ border-color: $infoBorder;
42
+ color: $infoText;
43
+ }
44
+
45
+ // Block alerts
46
+ // ------------------------
47
+ .alert-block {
48
+ padding-top: 14px;
49
+ padding-bottom: 14px;
50
+ }
51
+ .alert-block > p, .alert-block > ul {
52
+ margin-bottom: 0;
53
+ }
54
+ .alert-block p + p {
55
+ margin-top: 5px;
56
+ }
@@ -0,0 +1,24 @@
1
+ // BREADCRUMBS
2
+ // -----------
3
+
4
+ .breadcrumb {
5
+ padding: 7px 14px;
6
+ margin: 0 0 $baseLineHeight;
7
+ list-style: none;
8
+ @include gradient-vertical($white, #f5f5f5);
9
+ border: 1px solid #ddd;
10
+ @include border-radius(3px);
11
+ @include box-shadow(inset 0 1px 0 $white);
12
+ li {
13
+ display: inline-block;
14
+ @include ie7-inline-block();
15
+ text-shadow: 0 1px 0 $white;
16
+ }
17
+ .divider {
18
+ padding: 0 5px;
19
+ color: $grayLight;
20
+ }
21
+ .active a {
22
+ color: $grayDark;
23
+ }
24
+ }
@@ -0,0 +1,178 @@
1
+ // BUTTON GROUPS
2
+ // -------------
3
+
4
+
5
+ // Make the div behave like a button
6
+ .btn-group {
7
+ position: relative;
8
+ @include clearfix(); // clears the floated buttons
9
+ @include 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
+ @include 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
+ @include 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
+ // Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
45
+ .btn-group > .btn:last-child, .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, .btn-group > .large.dropdown-toggle {
64
+ -webkit-border-top-right-radius: 6px;
65
+ -moz-border-radius-topright: 6px;
66
+ border-top-right-radius: 6px;
67
+ -webkit-border-bottom-right-radius: 6px;
68
+ -moz-border-radius-bottomright: 6px;
69
+ border-bottom-right-radius: 6px;
70
+ }
71
+
72
+ // On hover/focus/active, bring the proper btn to front
73
+ .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active {
74
+ z-index: 2;
75
+ }
76
+
77
+ // On active and open, don't show outline
78
+ .btn-group .dropdown-toggle:active, .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 > .dropdown-toggle {
89
+ padding-left: 8px;
90
+ padding-right: 8px;
91
+ @include box-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)});
92
+ *padding-top: 4px;
93
+ *padding-bottom: 4px;
94
+ }
95
+ .btn-group > .btn-mini.dropdown-toggle {
96
+ padding-left: 5px;
97
+ padding-right: 5px;
98
+ }
99
+ .btn-group > .btn-small.dropdown-toggle {
100
+ *padding-top: 4px;
101
+ *padding-bottom: 4px;
102
+ }
103
+ .btn-group > .btn-large.dropdown-toggle {
104
+ padding-left: 12px;
105
+ padding-right: 12px;
106
+ }
107
+
108
+ .btn-group.open {
109
+
110
+ // The clickable button for toggling the menu
111
+ // Remove the gradient and set the same inset shadow as the :active state
112
+ .dropdown-toggle {
113
+ background-image: none;
114
+ @include box-shadow(#{inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)});
115
+ }
116
+
117
+ // Keep the hover's background when dropdown is open
118
+ .btn.dropdown-toggle {
119
+ background-color: $btnBackgroundHighlight;
120
+ }
121
+ .btn-primary.dropdown-toggle {
122
+ background-color: $btnPrimaryBackgroundHighlight;
123
+ }
124
+ .btn-warning.dropdown-toggle {
125
+ background-color: $btnWarningBackgroundHighlight;
126
+ }
127
+ .btn-danger.dropdown-toggle {
128
+ background-color: $btnDangerBackgroundHighlight;
129
+ }
130
+ .btn-success.dropdown-toggle {
131
+ background-color: $btnSuccessBackgroundHighlight;
132
+ }
133
+ .btn-info.dropdown-toggle {
134
+ background-color: $btnInfoBackgroundHighlight;
135
+ }
136
+ .btn-inverse.dropdown-toggle {
137
+ background-color: $btnInverseBackgroundHighlight;
138
+ }
139
+ }
140
+
141
+
142
+ // Reposition the caret
143
+ .btn .caret {
144
+ margin-top: 7px;
145
+ margin-left: 0;
146
+ }
147
+ .btn:hover .caret, .open.btn-group .caret {
148
+ @include opacity(1);
149
+ }
150
+ // Carets in other button sizes
151
+ .btn-mini .caret {
152
+ margin-top: 5px;
153
+ }
154
+ .btn-small .caret {
155
+ margin-top: 6px;
156
+ }
157
+ .btn-large .caret {
158
+ margin-top: 6px;
159
+ border-left-width: 5px;
160
+ border-right-width: 5px;
161
+ border-top-width: 5px;
162
+ }
163
+ // Upside down carets for .dropup
164
+ .dropup .btn-large .caret {
165
+ border-bottom: 5px solid $black;
166
+ border-top: 0;
167
+ }
168
+
169
+
170
+
171
+ // Account for other colors
172
+ .btn-primary, .btn-warning, .btn-danger, .btn-info, .btn-success, .btn-inverse {
173
+ .caret {
174
+ border-top-color: $white;
175
+ border-bottom-color: $white;
176
+ @include opacity(0.75);
177
+ }
178
+ }
@@ -0,0 +1,171 @@
1
+ // BUTTON STYLES
2
+ // -------------
3
+
4
+
5
+ // Base styles
6
+ // --------------------------------------------------
7
+
8
+ // Core
9
+ .btn {
10
+ display: inline-block;
11
+ @include ie7-inline-block();
12
+ padding: 4px 10px 4px;
13
+ margin-bottom: 0; // For input.btn
14
+ font-size: $baseFontSize;
15
+ line-height: $baseLineHeight;
16
+ *line-height: 20px;
17
+ color: $grayDark;
18
+ text-align: center;
19
+ text-shadow: 0 1px 1px rgba(255,255,255,.75);
20
+ vertical-align: middle;
21
+ cursor: pointer;
22
+ @include buttonBackground($btnBackground, $btnBackgroundHighlight);
23
+ border: 1px solid $btnBorder;
24
+ *border: 0; // Remove the border to prevent IE7's black border on input:focus
25
+ border-bottom-color: darken($btnBorder, 10%);
26
+ @include border-radius(4px);
27
+ @include ie7-restore-left-whitespace(); // Give IE7 some love
28
+ @include box-shadow(#{inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)});
29
+ }
30
+
31
+ // Hover state
32
+ .btn:hover {
33
+ color: $grayDark;
34
+ text-decoration: none;
35
+ background-color: darken($white, 10%);
36
+ *background-color: darken($white, 15%); // Buttons in IE7 don't get borders, so darken on hover
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
+ @include transition(background-position .1s linear);
42
+ }
43
+
44
+ // Focus state for keyboard and accessibility
45
+ .btn:focus {
46
+ @include tab-focus();
47
+ }
48
+
49
+ // Active state
50
+ .btn.active, .btn:active {
51
+ background-color: darken($white, 10%);
52
+ background-color: darken($white, 15%) \9;
53
+ background-image: none;
54
+ outline: 0;
55
+ @include box-shadow(#{inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)});
56
+ }
57
+
58
+ // Disabled state
59
+ .btn.disabled, .btn[disabled] {
60
+ cursor: default;
61
+ background-color: darken($white, 10%);
62
+ background-image: none;
63
+ @include opacity(0.65);
64
+ @include box-shadow(none);
65
+ }
66
+
67
+
68
+ // Button Sizes
69
+ // --------------------------------------------------
70
+
71
+ // Large
72
+ .btn-large {
73
+ padding: 9px 14px;
74
+ font-size: $baseFontSize + 2px;
75
+ line-height: normal;
76
+ @include border-radius(5px);
77
+ }
78
+ .btn-large [class^="icon-"] {
79
+ margin-top: 1px;
80
+ }
81
+
82
+ // Small
83
+ .btn-small {
84
+ padding: 5px 9px;
85
+ font-size: $baseFontSize - 2px;
86
+ line-height: $baseLineHeight - 2px;
87
+ }
88
+ .btn-small [class^="icon-"] {
89
+ margin-top: -1px;
90
+ }
91
+
92
+ // Mini
93
+ .btn-mini {
94
+ padding: 2px 6px;
95
+ font-size: $baseFontSize - 2px;
96
+ line-height: $baseLineHeight - 4px;
97
+ }
98
+
99
+
100
+ // Alternate buttons
101
+ // --------------------------------------------------
102
+
103
+ // Set text color
104
+ // -------------------------
105
+ .btn-primary, .btn-primary:hover, .btn-warning, .btn-warning:hover, .btn-danger, .btn-danger:hover, .btn-success, .btn-success:hover, .btn-info, .btn-info:hover, .btn-inverse, .btn-inverse:hover {
106
+ color: $white;
107
+ text-shadow: 0 -1px 0 rgba(0,0,0,.25);
108
+ }
109
+ // Provide *some* extra contrast for those who can get it
110
+ .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active {
111
+ color: rgba(255,255,255,.75);
112
+ }
113
+
114
+ // Set the backgrounds
115
+ // -------------------------
116
+ .btn {
117
+ // reset here as of 2.0.3 due to Recess property order
118
+ border-color: #ccc;
119
+ border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
120
+ }
121
+ .btn-primary {
122
+ @include buttonBackground($btnPrimaryBackground, $btnPrimaryBackgroundHighlight);
123
+ }
124
+ // Warning appears are orange
125
+ .btn-warning {
126
+ @include buttonBackground($btnWarningBackground, $btnWarningBackgroundHighlight);
127
+ }
128
+ // Danger and error appear as red
129
+ .btn-danger {
130
+ @include buttonBackground($btnDangerBackground, $btnDangerBackgroundHighlight);
131
+ }
132
+ // Success appears as green
133
+ .btn-success {
134
+ @include buttonBackground($btnSuccessBackground, $btnSuccessBackgroundHighlight);
135
+ }
136
+ // Info appears as a neutral blue
137
+ .btn-info {
138
+ @include buttonBackground($btnInfoBackground, $btnInfoBackgroundHighlight);
139
+ }
140
+ .btn-inverse {
141
+ @include buttonBackground($btnInverseBackground, $btnInverseBackgroundHighlight);
142
+ }
143
+
144
+
145
+ // Cross-browser Jank
146
+ // --------------------------------------------------
147
+
148
+ button.btn, input[type="submit"].btn {
149
+
150
+ // Firefox 3.6 only I believe
151
+ &::-moz-focus-inner {
152
+ padding: 0;
153
+ border: 0;
154
+ }
155
+
156
+ // IE7 has some default padding on button controls
157
+ *padding-top: 2px;
158
+ *padding-bottom: 2px;
159
+ &.btn-large {
160
+ *padding-top: 7px;
161
+ *padding-bottom: 7px;
162
+ }
163
+ &.btn-small {
164
+ *padding-top: 3px;
165
+ *padding-bottom: 3px;
166
+ }
167
+ &.btn-mini {
168
+ *padding-top: 1px;
169
+ *padding-bottom: 1px;
170
+ }
171
+ }