bootstrap-sass-keppy 0.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (64) hide show
  1. data/LICENSE +14 -0
  2. data/README.md +97 -0
  3. data/lib/bootstrap-sass.rb +43 -0
  4. data/lib/bootstrap-sass/compass_functions.rb +10 -0
  5. data/lib/bootstrap-sass/engine.rb +7 -0
  6. data/lib/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 +129 -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
+ }