bootstrap-sass 1.4.4 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.

Potentially problematic release.


This version of bootstrap-sass might be problematic. Click here for more details.

Files changed (71) hide show
  1. data/README.md +52 -19
  2. data/lib/bootstrap-sass.rb +24 -6
  3. data/lib/bootstrap-sass/compass_extensions.rb +10 -0
  4. data/lib/bootstrap-sass/config/sass_extentions.rb +14 -0
  5. data/lib/bootstrap-sass/engine.rb +9 -0
  6. data/templates/project/manifest.rb +18 -0
  7. data/templates/project/styles.scss +5 -0
  8. data/vendor/assets/images/glyphicons-halflings-white.png +0 -0
  9. data/vendor/assets/images/glyphicons-halflings.png +0 -0
  10. data/vendor/assets/javascripts/bootstrap-alert.js +91 -0
  11. data/vendor/assets/javascripts/bootstrap-button.js +98 -0
  12. data/vendor/assets/javascripts/bootstrap-carousel.js +154 -0
  13. data/vendor/assets/javascripts/bootstrap-collapse.js +136 -0
  14. data/vendor/assets/javascripts/bootstrap-dropdown.js +58 -21
  15. data/vendor/assets/javascripts/bootstrap-modal.js +63 -114
  16. data/vendor/assets/javascripts/bootstrap-popover.js +38 -33
  17. data/vendor/assets/javascripts/bootstrap-scrollspy.js +62 -44
  18. data/vendor/assets/javascripts/bootstrap-tab.js +130 -0
  19. data/vendor/assets/javascripts/bootstrap-tooltip.js +270 -0
  20. data/vendor/assets/javascripts/bootstrap-transition.js +51 -0
  21. data/vendor/assets/javascripts/bootstrap-typeahead.js +271 -0
  22. data/vendor/assets/javascripts/bootstrap.js +9 -6
  23. data/vendor/assets/stylesheets/_bootstrap-responsive.scss +314 -0
  24. data/vendor/assets/stylesheets/_bootstrap.scss +63 -0
  25. data/vendor/assets/stylesheets/bootstrap/_accordion.scss +28 -0
  26. data/vendor/assets/stylesheets/bootstrap/_alerts.scss +62 -0
  27. data/vendor/assets/stylesheets/bootstrap/_breadcrumbs.scss +22 -0
  28. data/vendor/assets/stylesheets/bootstrap/_button-groups.scss +136 -0
  29. data/vendor/assets/stylesheets/bootstrap/_buttons.scss +149 -0
  30. data/vendor/assets/stylesheets/bootstrap/_carousel.scss +116 -0
  31. data/vendor/assets/stylesheets/bootstrap/_close.scss +18 -0
  32. data/vendor/assets/stylesheets/bootstrap/_code.scss +43 -0
  33. data/vendor/assets/stylesheets/bootstrap/_component-animations.scss +18 -0
  34. data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +127 -0
  35. data/vendor/assets/stylesheets/bootstrap/_forms.scss +458 -0
  36. data/vendor/assets/stylesheets/bootstrap/_grid.scss +8 -0
  37. data/vendor/assets/stylesheets/bootstrap/_hero-unit.scss +20 -0
  38. data/vendor/assets/stylesheets/bootstrap/_labels.scss +16 -0
  39. data/vendor/assets/stylesheets/bootstrap/_layouts.scss +17 -0
  40. data/vendor/assets/stylesheets/bootstrap/_mixins.scss +479 -0
  41. data/vendor/assets/stylesheets/bootstrap/_modals.scss +72 -0
  42. data/vendor/assets/stylesheets/bootstrap/_navbar.scss +282 -0
  43. data/vendor/assets/stylesheets/bootstrap/_navs.scss +320 -0
  44. data/vendor/assets/stylesheets/bootstrap/_pager.scss +30 -0
  45. data/vendor/assets/stylesheets/bootstrap/_pagination.scss +53 -0
  46. data/vendor/assets/stylesheets/bootstrap/_popovers.scss +49 -0
  47. data/vendor/assets/stylesheets/bootstrap/_progress-bars.scss +95 -0
  48. data/vendor/assets/stylesheets/bootstrap/_reset.scss +105 -0
  49. data/vendor/assets/stylesheets/bootstrap/_scaffolding.scss +29 -0
  50. data/vendor/assets/stylesheets/bootstrap/_sprites.scss +156 -0
  51. data/vendor/assets/stylesheets/bootstrap/_tables.scss +117 -0
  52. data/vendor/assets/stylesheets/bootstrap/_thumbnails.scss +35 -0
  53. data/vendor/assets/stylesheets/bootstrap/_tooltip.scss +35 -0
  54. data/vendor/assets/stylesheets/bootstrap/_type.scss +209 -0
  55. data/vendor/assets/stylesheets/bootstrap/_utilities.scss +23 -0
  56. data/vendor/assets/stylesheets/bootstrap/_variables.scss +99 -0
  57. data/vendor/assets/stylesheets/bootstrap/_wells.scss +17 -0
  58. metadata +68 -20
  59. data/vendor/assets/javascripts/bootstrap-alerts.js +0 -124
  60. data/vendor/assets/javascripts/bootstrap-buttons.js +0 -64
  61. data/vendor/assets/javascripts/bootstrap-tabs.js +0 -80
  62. data/vendor/assets/javascripts/bootstrap-twipsy.js +0 -321
  63. data/vendor/assets/stylesheets/bootstrap.css.scss +0 -25
  64. data/vendor/assets/stylesheets/bootstrap/forms.css.scss +0 -427
  65. data/vendor/assets/stylesheets/bootstrap/mixins.css.scss +0 -216
  66. data/vendor/assets/stylesheets/bootstrap/patterns.css.scss +0 -994
  67. data/vendor/assets/stylesheets/bootstrap/reset.css.scss +0 -142
  68. data/vendor/assets/stylesheets/bootstrap/scaffolding.css.scss +0 -129
  69. data/vendor/assets/stylesheets/bootstrap/tables.css.scss +0 -212
  70. data/vendor/assets/stylesheets/bootstrap/type.css.scss +0 -186
  71. data/vendor/assets/stylesheets/bootstrap/variables.css.scss +0 -51
@@ -1,142 +0,0 @@
1
- /* reset.css.scss
2
- * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
3
- * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
4
-
5
-
6
- // ERIC MEYER RESET
7
- // --------------------------------------------------
8
-
9
- html, body { margin: 0; padding: 0; }
10
- h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; }
11
- table { border-collapse: collapse; border-spacing: 0; }
12
- ol, ul { list-style: none; }
13
- q:before, q:after, blockquote:before, blockquote:after { content: ""; }
14
-
15
-
16
- // Normalize.css
17
- // Pulling in select resets form the normalize.css project
18
- // --------------------------------------------------
19
-
20
- // Display in IE6-9 and FF3
21
- // -------------------------
22
- // Source: http://github.com/necolas/normalize.css
23
- html {
24
- overflow-y: scroll;
25
- font-size: 100%;
26
- -webkit-text-size-adjust: 100%;
27
- -ms-text-size-adjust: 100%;
28
- }
29
- // Focus states
30
- a:focus {
31
- outline: thin dotted;
32
- }
33
- // Hover & Active
34
- a:hover,
35
- a:active {
36
- outline: 0;
37
- }
38
-
39
- // Display in IE6-9 and FF3
40
- // -------------------------
41
- // Source: http://github.com/necolas/normalize.css
42
- article,
43
- aside,
44
- details,
45
- figcaption,
46
- figure,
47
- footer,
48
- header,
49
- hgroup,
50
- nav,
51
- section {
52
- display: block;
53
- }
54
-
55
- // Display block in IE6-9 and FF3
56
- // -------------------------
57
- // Source: http://github.com/necolas/normalize.css
58
- audio,
59
- canvas,
60
- video {
61
- display: inline-block;
62
- *display: inline;
63
- *zoom: 1;
64
- }
65
-
66
- // Prevents modern browsers from displaying 'audio' without controls
67
- // -------------------------
68
- // Source: http://github.com/necolas/normalize.css
69
- audio:not([controls]) {
70
- display: none;
71
- }
72
-
73
- // Prevents sub and sup affecting line-height in all browsers
74
- // -------------------------
75
- // Source: http://github.com/necolas/normalize.css
76
- sub,
77
- sup {
78
- font-size: 75%;
79
- line-height: 0;
80
- position: relative;
81
- vertical-align: baseline;
82
- }
83
- sup {
84
- top: -0.5em;
85
- }
86
- sub {
87
- bottom: -0.25em;
88
- }
89
-
90
- // Img border in a's and image quality
91
- // -------------------------
92
- // Source: http://github.com/necolas/normalize.css
93
- img {
94
- border: 0;
95
- -ms-interpolation-mode: bicubic;
96
- }
97
-
98
- // Forms
99
- // -------------------------
100
- // Source: http://github.com/necolas/normalize.css
101
-
102
- // Font size in all browsers, margin changes, misc consistency
103
- button,
104
- input,
105
- select,
106
- textarea {
107
- font-size: 100%;
108
- margin: 0;
109
- vertical-align: baseline;
110
- *vertical-align: middle;
111
- }
112
- button,
113
- input {
114
- line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
115
- *overflow: visible; // Inner spacing ie IE6/7
116
- }
117
- button::-moz-focus-inner,
118
- input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
119
- border: 0;
120
- padding: 0;
121
- }
122
- button,
123
- input[type="button"],
124
- input[type="reset"],
125
- input[type="submit"] {
126
- cursor: pointer; // Cursors on all buttons applied consistently
127
- -webkit-appearance: button; // Style clicable inputs in iOS
128
- }
129
- input[type="search"] { // Appearance in Safari/Chrome
130
- -webkit-appearance: textfield;
131
- -webkit-box-sizing: content-box;
132
- -moz-box-sizing: content-box;
133
- box-sizing: content-box;
134
- }
135
- input[type="search"]::-webkit-search-decoration {
136
- -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
137
- }
138
- textarea {
139
- overflow: auto; // Remove vertical scrollbar in IE6-9
140
- vertical-align: top; // Readability and alignment cross-browser
141
- }
142
-
@@ -1,129 +0,0 @@
1
- /*
2
- * scaffolding.css.scss
3
- * Basic and global styles for generating a grid system, structural layout, and page templates
4
- * ------------------------------------------------------------------------------------------- */
5
-
6
-
7
- // STRUCTURAL LAYOUT
8
- // -----------------
9
-
10
- body {
11
- background-color: $white;
12
- margin: 0;
13
- @include sans-serif-font(normal,$basefont,$baseline);
14
- color: $grayDark;
15
- }
16
-
17
- // Container (centered, fixed-width layouts)
18
- .container {
19
- @include fixed-container();
20
- }
21
-
22
- // Fluid layouts (left aligned, with sidebar, min- & max-width content)
23
- .container-fluid {
24
- position: relative;
25
- min-width: 940px;
26
- padding-left: 20px;
27
- padding-right: 20px;
28
- @include clearfix();
29
- > .sidebar {
30
- position: absolute;
31
- top: 0;
32
- left: 20px;
33
- width: 220px;
34
- }
35
- // TODO in v2: rename this and .popover .content to be more specific
36
- > .content {
37
- margin-left: 240px;
38
- }
39
- }
40
-
41
- // BASE STYLES
42
- // -----------
43
-
44
- // Links
45
- a {
46
- color: $linkColor;
47
- text-decoration: none;
48
- line-height: inherit;
49
- font-weight: inherit;
50
- &:hover {
51
- color: $linkColorHover;
52
- text-decoration: underline;
53
- }
54
- }
55
-
56
- // Quick floats
57
- .pull-right { float: right; }
58
- .pull-left { float: left; }
59
-
60
- // Toggling content
61
- .hide { display: none; }
62
- .show { display: block; }
63
-
64
- // GRID SYSTEM
65
- // -----------
66
- // To customize the grid system, bring up the variables.less file and change the column count, size, and gutter there
67
-
68
- .row {
69
- @include clearfix();
70
- margin-left: -$gridGutterWidth;
71
- }
72
-
73
- // Find all .span# classes within .row and give them the necessary properties for grid columns (supported by all browsers back to IE7)
74
- // Credit to @dhg for the idea
75
- .row > [class*="span"] {
76
- @include gridColumn();
77
- }
78
-
79
- // Default columns
80
- .span1 { @include columns(1); }
81
- .span2 { @include columns(2); }
82
- .span3 { @include columns(3); }
83
- .span4 { @include columns(4); }
84
- .span5 { @include columns(5); }
85
- .span6 { @include columns(6); }
86
- .span7 { @include columns(7); }
87
- .span8 { @include columns(8); }
88
- .span9 { @include columns(9); }
89
- .span10 { @include columns(10); }
90
- .span11 { @include columns(11); }
91
- .span12 { @include columns(12); }
92
- .span13 { @include columns(13); }
93
- .span14 { @include columns(14); }
94
- .span15 { @include columns(15); }
95
- .span16 { @include columns(16); }
96
-
97
- // For optional 24-column grid
98
- .span17 { @include columns(17); }
99
- .span18 { @include columns(18); }
100
- .span19 { @include columns(19); }
101
- .span20 { @include columns(20); }
102
- .span21 { @include columns(21); }
103
- .span22 { @include columns(22); }
104
- .span23 { @include columns(23); }
105
- .span24 { @include columns(24); }
106
-
107
- // Offset column options
108
- .row {
109
- > .offset1 { @include offset(1); }
110
- > .offset2 { @include offset(2); }
111
- > .offset3 { @include offset(3); }
112
- > .offset4 { @include offset(4); }
113
- > .offset5 { @include offset(5); }
114
- > .offset6 { @include offset(6); }
115
- > .offset7 { @include offset(7); }
116
- > .offset8 { @include offset(8); }
117
- > .offset9 { @include offset(9); }
118
- > .offset10 { @include offset(10); }
119
- > .offset11 { @include offset(11); }
120
- > .offset12 { @include offset(12); }
121
- }
122
-
123
- // Unique column sizes for 16-column grid
124
- .span-one-third { width: 300px; }
125
- .span-two-thirds { width: 620px; }
126
- .row {
127
- > .offset-one-third { margin-left: 340px; }
128
- > .offset-two-thirds { margin-left: 660px; }
129
- }
@@ -1,212 +0,0 @@
1
- /*
2
- * tables.css.scss
3
- * Tables for, you guessed it, tabular data
4
- * ---------------------------------------- */
5
-
6
-
7
- // BASELINE STYLES
8
- // ---------------
9
-
10
- table {
11
- width: 100%;
12
- margin-bottom: $baseline;
13
- padding: 0;
14
- font-size: $basefont;
15
- border-collapse: collapse;
16
- th, td {
17
- padding: 10px 10px 9px;
18
- line-height: $baseline;
19
- text-align: left;
20
- }
21
- th {
22
- padding-top: 9px;
23
- font-weight: bold;
24
- vertical-align: middle;
25
- }
26
- td {
27
- vertical-align: top;
28
- border-top: 1px solid #ddd;
29
- }
30
- // When scoped to row, fix th in body
31
- tbody th {
32
- border-top: 1px solid #ddd;
33
- vertical-align: top;
34
- }
35
- }
36
-
37
- // Condensed table
38
- .condensed-table {
39
- th, td {
40
- padding: 5px 5px 4px;
41
- }
42
- }
43
-
44
- // Bordered table
45
- .bordered-table {
46
- border: 1px solid #ddd;
47
- border-collapse: separate; // For rounded corners
48
- *border-collapse: collapse; // IE7, Y U NO STANDARD
49
- @include border-radius(4px);
50
- th + th, td + td, th + td {
51
- border-left: 1px solid #ddd;
52
- }
53
- thead tr:first-child th:first-child, tbody tr:first-child td:first-child {
54
- @include border-radius(4px 0 0 0);
55
- }
56
- thead tr:first-child th:last-child, tbody tr:first-child td:last-child {
57
- @include border-radius(0 4px 0 0);
58
- }
59
- tbody tr:last-child td:first-child {
60
- @include border-radius(0 0 0 4px);
61
- }
62
- tbody tr:last-child td:last-child {
63
- @include border-radius(0 0 4px 0);
64
- }
65
- }
66
-
67
- // TABLE CELL SIZES
68
- // ----------------
69
-
70
- // This is a duplication of the main grid .columns() mixin, but subtracts 20px to account for padding and border
71
- @mixin tableColumns($columnSpan: 1) {
72
- width: (($gridColumnWidth - 20) * $columnSpan) + (($gridColumnWidth - 20) * ($columnSpan - 1));
73
- }
74
-
75
- table {
76
- // Default columns
77
- .span1 { @include tableColumns(1); }
78
- .span2 { @include tableColumns(2); }
79
- .span3 { @include tableColumns(3); }
80
- .span4 { @include tableColumns(4); }
81
- .span5 { @include tableColumns(5); }
82
- .span6 { @include tableColumns(6); }
83
- .span7 { @include tableColumns(7); }
84
- .span8 { @include tableColumns(8); }
85
- .span9 { @include tableColumns(9); }
86
- .span10 { @include tableColumns(10); }
87
- .span11 { @include tableColumns(11); }
88
- .span12 { @include tableColumns(12); }
89
- .span13 { @include tableColumns(13); }
90
- .span14 { @include tableColumns(14); }
91
- .span15 { @include tableColumns(15); }
92
- .span16 { @include tableColumns(16); }
93
- }
94
-
95
- // ZEBRA-STRIPING
96
- // --------------
97
-
98
- // Default zebra-stripe styles (alternating gray and transparent backgrounds)
99
- .zebra-striped {
100
- tbody {
101
- tr:nth-child(odd) td, tr:nth-child(odd) th {
102
- background-color: #f9f9f9;
103
- }
104
- tr:hover td, tr:hover th {
105
- background-color: #f5f5f5;
106
- }
107
- }
108
- }
109
-
110
- table {
111
- // Tablesorting styles w/ jQuery plugin
112
- .header {
113
- cursor: pointer;
114
- &:after {
115
- content: "";
116
- float: right;
117
- margin-top: 7px;
118
- border-width: 0 4px 4px;
119
- border-style: solid;
120
- border-color: #000 transparent;
121
- visibility: hidden;
122
- }
123
- }
124
- // Style the sorted column headers (THs)
125
- .headerSortUp,
126
- .headerSortDown {
127
- background-color: rgba(141,192,219,.25);
128
- text-shadow: 0 1px 1px rgba(255,255,255,.75);
129
- }
130
- // Style the ascending (reverse alphabetical) column header
131
- .header:hover {
132
- &:after {
133
- visibility:visible;
134
- }
135
- }
136
- // Style the descending (alphabetical) column header
137
- .headerSortDown,
138
- .headerSortDown:hover {
139
- &:after {
140
- visibility:visible;
141
- @include opacity(60);
142
- }
143
- }
144
- // Style the ascending (reverse alphabetical) column header
145
- .headerSortUp {
146
- &:after {
147
- border-bottom: none;
148
- border-left: 4px solid transparent;
149
- border-right: 4px solid transparent;
150
- border-top: 4px solid #000;
151
- visibility:visible;
152
- @include box-shadow(none); //can't add boxshadow to downward facing arrow :(
153
- @include opacity(60);
154
- }
155
- }
156
- // Blue Table Headings
157
- .blue {
158
- color: $blue;
159
- border-bottom-color: $blue;
160
- }
161
- .headerSortUp.blue,
162
- .headerSortDown.blue {
163
- background-color: lighten($blue, 40%);
164
- }
165
- // Green Table Headings
166
- .green {
167
- color: $green;
168
- border-bottom-color: $green;
169
- }
170
- .headerSortUp.green,
171
- .headerSortDown.green {
172
- background-color: lighten($green, 40%);
173
- }
174
- // Red Table Headings
175
- .red {
176
- color: $red;
177
- border-bottom-color: $red;
178
- }
179
- .headerSortUp.red,
180
- .headerSortDown.red {
181
- background-color: lighten($red, 50%);
182
- }
183
- // Yellow Table Headings
184
- .yellow {
185
- color: $yellow;
186
- border-bottom-color: $yellow;
187
- }
188
- .headerSortUp.yellow,
189
- .headerSortDown.yellow {
190
- background-color: lighten($yellow, 40%);
191
- }
192
- // Orange Table Headings
193
- .orange {
194
- color: $orange;
195
- border-bottom-color: $orange;
196
- }
197
- .headerSortUp.orange,
198
- .headerSortDown.orange {
199
- background-color: lighten($orange, 40%);
200
- }
201
- // Purple Table Headings
202
- .purple {
203
- color: $purple;
204
- border-bottom-color: $purple;
205
- }
206
- .headerSortUp.purple,
207
- .headerSortDown.purple {
208
- background-color: lighten($purple, 40%);
209
- }
210
- }
211
-
212
-