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,49 @@
1
+ // THUMBNAILS
2
+ // ----------
3
+ // Note: `.thumbnails` and `.thumbnails > li` are overriden in responsive files
4
+
5
+ // Make wrapper ul behave like the grid
6
+ .thumbnails {
7
+ margin-left: -$gridGutterWidth;
8
+ list-style: none;
9
+ @include clearfix();
10
+ }
11
+ // Fluid rows have no left margin
12
+ .row-fluid .thumbnails {
13
+ margin-left: 0;
14
+ }
15
+
16
+ // Float li to make thumbnails appear in a row
17
+ .thumbnails > li {
18
+ float: left;
19
+ margin: 0 0 $baseLineHeight $gridGutterWidth;
20
+ float: left; // Explicity set the float since we don't require .span* classes
21
+ margin-bottom: $baseLineHeight;
22
+ margin-left: $gridGutterWidth;
23
+ }
24
+
25
+ // The actual thumbnail (can be `a` or `div`)
26
+ .thumbnail {
27
+ display: block;
28
+ padding: 4px;
29
+ line-height: 1;
30
+ border: 1px solid #ddd;
31
+ @include border-radius(4px);
32
+ @include box-shadow(0 1px 1px rgba(0,0,0,.075));
33
+ }
34
+
35
+ // Add a hover state for linked versions only
36
+ a.thumbnail:hover {
37
+ border-color: $linkColor;
38
+ @include box-shadow(0 1px 4px rgba(0,105,214,.25));
39
+ }
40
+ // Images and captions
41
+ .thumbnail > img {
42
+ display: block;
43
+ max-width: 100%;
44
+ margin-left: auto;
45
+ margin-right: auto;
46
+ }
47
+ .thumbnail .caption {
48
+ padding: 9px;
49
+ }
@@ -0,0 +1,35 @@
1
+ // TOOLTIP
2
+ // ------=
3
+
4
+ .tooltip {
5
+ position: absolute;
6
+ z-index: $zindexTooltip;
7
+ display: block;
8
+ visibility: visible;
9
+ padding: 5px;
10
+ font-size: 11px;
11
+ @include opacity(0);
12
+ &.in { @include opacity(0.8); }
13
+ &.top { margin-top: -2px; }
14
+ &.right { margin-left: 2px; }
15
+ &.bottom { margin-top: 2px; }
16
+ &.left { margin-left: -2px; }
17
+ &.top .tooltip-arrow { @include popoverArrowTop(); }
18
+ &.left .tooltip-arrow { @include popoverArrowLeft(); }
19
+ &.bottom .tooltip-arrow { @include popoverArrowBottom(); }
20
+ &.right .tooltip-arrow { @include popoverArrowRight(); }
21
+ }
22
+ .tooltip-inner {
23
+ max-width: 200px;
24
+ padding: 3px 8px;
25
+ color: $white;
26
+ text-align: center;
27
+ text-decoration: none;
28
+ background-color: $black;
29
+ @include border-radius(4px);
30
+ }
31
+ .tooltip-arrow {
32
+ position: absolute;
33
+ width: 0;
34
+ height: 0;
35
+ }
@@ -0,0 +1,224 @@
1
+ // Typography.less
2
+ // Headings, body text, lists, code, and more for a versatile and durable typography system
3
+ // ----------------------------------------------------------------------------------------
4
+
5
+
6
+ // BODY TEXT
7
+ // ---------
8
+
9
+ p {
10
+ margin: 0 0 $baseLineHeight / 2;
11
+ small {
12
+ font-size: $baseFontSize - 2;
13
+ color: $grayLight;
14
+ }
15
+ }
16
+ .lead {
17
+ margin-bottom: $baseLineHeight;
18
+ font-size: 20px;
19
+ font-weight: 200;
20
+ line-height: $baseLineHeight * 1.5;
21
+ }
22
+
23
+ // HEADINGS
24
+ // --------
25
+
26
+ h1, h2, h3, h4, h5, h6 {
27
+ margin: 0;
28
+ font-family: $headingsFontFamily;
29
+ font-weight: $headingsFontWeight;
30
+ color: $headingsColor;
31
+ text-rendering: optimizelegibility; // Fix the character spacing for headings
32
+ small {
33
+ font-weight: normal;
34
+ color: $grayLight;
35
+ }
36
+ }
37
+ h1 {
38
+ font-size: 30px;
39
+ line-height: $baseLineHeight * 2;
40
+ small {
41
+ font-size: 18px;
42
+ }
43
+ }
44
+ h2 {
45
+ font-size: 24px;
46
+ line-height: $baseLineHeight * 2;
47
+ small {
48
+ font-size: 18px;
49
+ }
50
+ }
51
+ h3 {
52
+ font-size: 18px;
53
+ line-height: $baseLineHeight * 1.5;
54
+ small {
55
+ font-size: 14px;
56
+ }
57
+ }
58
+ h4, h5, h6 {
59
+ line-height: $baseLineHeight;
60
+ }
61
+ h4 {
62
+ font-size: 14px;
63
+ small {
64
+ font-size: 12px;
65
+ }
66
+ }
67
+ h5 {
68
+ font-size: 12px;
69
+ }
70
+ h6 {
71
+ font-size: 11px;
72
+ color: $grayLight;
73
+ text-transform: uppercase;
74
+ }
75
+
76
+ // Page header
77
+ .page-header {
78
+ padding-bottom: $baseLineHeight - 1;
79
+ margin: $baseLineHeight 0;
80
+ border-bottom: 1px solid $grayLighter;
81
+ }
82
+ .page-header h1 {
83
+ line-height: 1;
84
+ }
85
+
86
+
87
+
88
+ // LISTS
89
+ // -----
90
+
91
+ // Unordered and Ordered lists
92
+ ul, ol {
93
+ padding: 0;
94
+ margin: 0 0 $baseLineHeight / 2 25px;
95
+ }
96
+ ul ul, ul ol, ol ol, ol ul {
97
+ margin-bottom: 0;
98
+ }
99
+ ul {
100
+ list-style: disc;
101
+ }
102
+ ol {
103
+ list-style: decimal;
104
+ }
105
+ li {
106
+ line-height: $baseLineHeight;
107
+ }
108
+ ul.unstyled, ol.unstyled {
109
+ margin-left: 0;
110
+ list-style: none;
111
+ }
112
+
113
+ // Description Lists
114
+ dl {
115
+ margin-bottom: $baseLineHeight;
116
+ }
117
+ dt, dd {
118
+ line-height: $baseLineHeight;
119
+ }
120
+ dt {
121
+ font-weight: bold;
122
+ line-height: $baseLineHeight - 1; // fix jank Helvetica Neue font bug
123
+ }
124
+ dd {
125
+ margin-left: $baseLineHeight / 2;
126
+ }
127
+ // Horizontal layout (like forms)
128
+ .dl-horizontal {
129
+ dt {
130
+ float: left;
131
+ width: 120px;
132
+ clear: left;
133
+ text-align: right;
134
+ @include text-overflow();
135
+ }
136
+ dd {
137
+ margin-left: 130px;
138
+ }
139
+ }
140
+
141
+ // MISC
142
+ // ----
143
+
144
+ // Horizontal rules
145
+ hr {
146
+ margin: $baseLineHeight 0;
147
+ border: 0;
148
+ border-top: 1px solid $hrBorder;
149
+ border-bottom: 1px solid $white;
150
+ }
151
+
152
+ // Emphasis
153
+ strong {
154
+ font-weight: bold;
155
+ }
156
+ em {
157
+ font-style: italic;
158
+ }
159
+ .muted {
160
+ color: $grayLight;
161
+ }
162
+
163
+ // Abbreviations and acronyms
164
+ abbr[title] {
165
+ cursor: help;
166
+ border-bottom: 1px dotted $grayLight;
167
+ }
168
+
169
+ abbr.initialism {
170
+ font-size: 90%;
171
+ text-transform: uppercase;
172
+ }
173
+
174
+ // Blockquotes
175
+ blockquote {
176
+ padding: 0 0 0 15px;
177
+ margin: 0 0 $baseLineHeight;
178
+ border-left: 5px solid $grayLighter;
179
+ p {
180
+ margin-bottom: 0;
181
+ @include font-shorthand(16px,300,$baseLineHeight * 1.25);
182
+ }
183
+ small {
184
+ display: block;
185
+ line-height: $baseLineHeight;
186
+ color: $grayLight;
187
+ &:before {
188
+ content: '\2014 \00A0';
189
+ }
190
+ }
191
+
192
+ // Float right with text-align: right
193
+ &.pull-right {
194
+ float: right;
195
+ padding-right: 15px;
196
+ padding-left: 0;
197
+ border-right: 5px solid $grayLighter;
198
+ border-left: 0;
199
+ p, small {
200
+ text-align: right;
201
+ }
202
+ }
203
+ }
204
+
205
+ // Quotes
206
+ q:before, q:after, blockquote:before, blockquote:after {
207
+ content: "";
208
+ }
209
+
210
+ // Addresses
211
+ address {
212
+ display: block;
213
+ margin-bottom: $baseLineHeight;
214
+ font-style: normal;
215
+ line-height: $baseLineHeight;
216
+ }
217
+
218
+ // Misc
219
+ small {
220
+ font-size: 100%;
221
+ }
222
+ cite {
223
+ font-style: normal;
224
+ }
@@ -0,0 +1,23 @@
1
+ // UTILITY CLASSES
2
+ // ---------------
3
+
4
+ // Quick floats
5
+ .pull-right {
6
+ float: right;
7
+ }
8
+ .pull-left {
9
+ float: left;
10
+ }
11
+
12
+ // Toggling content
13
+ .hide {
14
+ display: none;
15
+ }
16
+ .show {
17
+ display: block;
18
+ }
19
+
20
+ // Visibility
21
+ .invisible {
22
+ visibility: hidden;
23
+ }
@@ -0,0 +1,237 @@
1
+ // Variables.less
2
+ // Variables to customize the look and feel of Bootstrap
3
+ // -----------------------------------------------------
4
+
5
+
6
+
7
+ // GLOBAL VALUES
8
+ // --------------------------------------------------
9
+
10
+ // Grays
11
+ // -------------------------
12
+ $black: #000 !default;
13
+ $grayDarker: #222 !default;
14
+ $grayDark: #333 !default;
15
+ $gray: #555 !default;
16
+ $grayLight: #999 !default;
17
+ $grayLighter: #eee !default;
18
+ $white: #fff !default;
19
+
20
+
21
+ // Accent colors
22
+ // ----------------------------
23
+ $blue: #049cdb !default;
24
+ $blueDark: #0064cd !default;
25
+ $green: #46a546 !default;
26
+ $red: #9d261d !default;
27
+ $yellow: #ffc40d !default;
28
+ $orange: #f89406 !default;
29
+ $pink: #c3325f !default;
30
+ $purple: #7a43b6 !default;
31
+
32
+ // Scaffolding
33
+ // -------------------------
34
+ $bodyBackground: $white !default;
35
+ $textColor: $grayDark !default;
36
+
37
+ // Links
38
+ // -------------------------
39
+ $linkColor: #08c !default;
40
+ $linkColorHover: darken($linkColor, 15%) !default;
41
+
42
+ // Typography
43
+ // -------------------------
44
+ $sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
45
+ $serifFontFamily: Georgia, "Times New Roman", Times, serif !default;
46
+ $monoFontFamily: Menlo, Monaco, Consolas, "Courier New", monospace !default;
47
+
48
+ $baseFontSize: 13px !default;
49
+ $baseFontFamily: $sansFontFamily !default;
50
+ $baseLineHeight: 18px !default;
51
+ $altFontFamily: $serifFontFamily !default;
52
+
53
+ $headingsFontFamily: inherit !default; // empty to use BS default, @baseFontFamily
54
+ $headingsFontWeight: bold !default; // instead of browser default, bold
55
+ $headingsColor: inherit !default; // empty to use BS default, @textColor
56
+
57
+
58
+ // Tables
59
+ // -------------------------
60
+ $tableBackground: transparent !default; // overall background-color
61
+ $tableBackgroundAccent: #f9f9f9 !default; // for striping
62
+ $tableBackgroundHover: #f5f5f5 !default; // for hover
63
+ $tableBorder: #ddd !default; // table and cell border
64
+
65
+ // Buttons
66
+ // -------------------------
67
+ $btnBackground: $white !default;
68
+ $btnBackgroundHighlight: darken($white, 10%) !default;
69
+ $btnBorder: #ccc !default;
70
+
71
+ $btnPrimaryBackground: $linkColor !default;
72
+ $btnPrimaryBackgroundHighlight: adjust-hue($btnPrimaryBackground, 15%) !default;
73
+
74
+ $btnInfoBackground: #5bc0de !default;
75
+ $btnInfoBackgroundHighlight: #2f96b4 !default;
76
+
77
+ $btnSuccessBackground: #62c462 !default;
78
+ $btnSuccessBackgroundHighlight: #51a351 !default;
79
+
80
+ $btnWarningBackground: lighten($orange, 15%) !default;
81
+ $btnWarningBackgroundHighlight: $orange !default;
82
+
83
+ $btnDangerBackground: #ee5f5b !default;
84
+ $btnDangerBackgroundHighlight: #bd362f !default;
85
+
86
+ $btnInverseBackground: $gray !default;
87
+ $btnInverseBackgroundHighlight: $grayDarker !default;
88
+
89
+ // Forms
90
+ // -------------------------
91
+ $inputBackground: $white !default;
92
+ $inputBorder: #ccc !default;
93
+ $inputBorderRadius: 3px !default;
94
+ $inputDisabledBackground: $grayLighter !default;
95
+ $formActionsBackground: #f5f5f5 !default;
96
+
97
+
98
+ // Dropdowns
99
+ // -------------------------
100
+ $dropdownBackground: $white !default;
101
+ $dropdownBorder: rgba(0,0,0,.2) !default;
102
+ $dropdownLinkColor: $grayDark !default;
103
+ $dropdownLinkColorHover: $white !default;
104
+ $dropdownLinkBackgroundHover: $linkColor !default;
105
+
106
+ $dropdownDividerTop: #e5e5e5 !default;
107
+ $dropdownDividerBottom: $white !default;
108
+
109
+
110
+ // COMPONENT VARIABLES
111
+ // --------------------------------------------------
112
+
113
+ // Z-index master list
114
+ // -------------------------
115
+ // Used for a bird's eye view of components dependent on the z-axis
116
+ // Try to avoid customizing these :)
117
+ $zindexDropdown: 1000;
118
+ $zindexPopover: 1010;
119
+ $zindexTooltip: 1020;
120
+ $zindexFixedNavbar: 1030;
121
+ $zindexModalBackdrop: 1040;
122
+ $zindexModal: 1050;
123
+
124
+
125
+ // Sprite icons path
126
+ // -------------------------
127
+ $iconSpritePath: image-url('glyphicons-halflings.png');
128
+ $iconWhiteSpritePath: image-url('glyphicons-halflings-white.png');
129
+
130
+
131
+ // Input placeholder text color
132
+ // -------------------------
133
+ $placeholderText: $grayLight !default;
134
+
135
+
136
+ // Hr border color
137
+ // -------------------------
138
+ $hrBorder: $grayLighter !default;
139
+
140
+
141
+ // Navbar
142
+ // -------------------------
143
+ $navbarHeight: 40px !default;
144
+ $navbarBackground: $grayDarker !default;
145
+ $navbarBackgroundHighlight: $grayDark !default;
146
+
147
+ $navbarText: $grayLight !default;
148
+ $navbarLinkColor: $grayLight !default;
149
+ $navbarLinkColorHover: $white !default;
150
+ $navbarLinkColorActive: $navbarLinkColorHover !default;
151
+ $navbarLinkBackgroundHover: transparent !default;
152
+ $navbarLinkBackgroundActive: $navbarBackground !default;
153
+
154
+ $navbarSearchBackground: lighten($navbarBackground, 25%) !default;
155
+ $navbarSearchBackgroundFocus: $white !default;
156
+ $navbarSearchBorder: darken($navbarSearchBackground, 30%) !default;
157
+ $navbarSearchPlaceholderColor: #ccc !default;
158
+ $navbarBrandColor: $navbarLinkColor !default;
159
+
160
+
161
+ // Hero unit
162
+ // -------------------------
163
+ $heroUnitBackground: $grayLighter !default;
164
+ $heroUnitHeadingColor: inherit !default;
165
+ $heroUnitLeadColor: inherit !default;
166
+
167
+
168
+ // Form states and alerts
169
+ // -------------------------
170
+ $warningText: #c09853 !default;
171
+ $warningBackground: #fcf8e3 !default;
172
+ $warningBorder: darken(adjust-hue($warningBackground, -10), 3%) !default;
173
+
174
+ $errorText: #b94a48 !default;
175
+ $errorBackground: #f2dede !default;
176
+ $errorBorder: darken(adjust-hue($errorBackground, -10), 3%) !default;
177
+
178
+ $successText: #468847 !default;
179
+ $successBackground: #dff0d8 !default;
180
+ $successBorder: darken(adjust-hue($successBackground, -10), 5%) !default;
181
+
182
+ $infoText: #3a87ad !default;
183
+ $infoBackground: #d9edf7 !default;
184
+ $infoBorder: darken(adjust-hue($infoBackground, -10), 7%) !default;
185
+
186
+
187
+ // FIXED GRID
188
+ // --------------------------------------------------
189
+
190
+ // Default, 940px
191
+ // -------------------------
192
+ $gridColumns: 12 !default;
193
+ $gridColumnWidth: 60px !default;
194
+ $gridGutterWidth: 20px !default;
195
+ $gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1)) !default;
196
+
197
+ // Portrait tablet to default desktop
198
+ // -------------------------
199
+ $gridColumnWidthTablet: 42px !default;
200
+ $gridGutterWidthTablet: 20px !default;
201
+
202
+ // Large desktop and up
203
+ // -------------------------
204
+ $gridColumnWidthLarge: 70px !default;
205
+ $gridGutterWidthLarge: 30px !default;
206
+
207
+
208
+ // FLUID GRID
209
+ // --------------------------------------------------
210
+
211
+ // Default
212
+ // -------------------------
213
+ $fluidGridColumnWidth: 6.382978723% !default;
214
+ $fluidGridGutterWidth: 2.127659574% !default;
215
+
216
+ // Portrait tablet to default desktop
217
+ // -------------------------
218
+ $fluidGridColumnWidthTablet: 5.801104972% !default;
219
+ $fluidGridGutterWidthTablet: 2.762430939% !default;
220
+
221
+ // Large desktop and up
222
+ // -------------------------
223
+ $fluidGridColumnWidthLarge: 5.982905983% !default;
224
+ $fluidGridGutterWidthLarge: 2.564102564% !default;
225
+
226
+
227
+
228
+ // RESPONSIVE DESIGN
229
+ // --------------------------------------------------
230
+
231
+ // Media widths
232
+ // -------------------------
233
+ // Not supported Sass < 3.2 :(
234
+ // $mediaPhone: 480px !default;
235
+ // $mediaTablet: 768px !default;
236
+ // $mediaDesktop: 980px !default;
237
+ // $mediaLarge: 1200px !default; // and upper