bootstrap-sass 1.4.4 → 2.0.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.

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
@@ -0,0 +1,117 @@
1
+ //
2
+ // Tables.less
3
+ // Tables for, you guessed it, tabular data
4
+ // ----------------------------------------
5
+
6
+
7
+ // BASE TABLES
8
+ // -----------------
9
+
10
+ table {
11
+ max-width: 100%;
12
+ border-collapse: collapse;
13
+ border-spacing: 0;
14
+ }
15
+
16
+ // BASELINE STYLES
17
+ // ---------------
18
+
19
+ .table {
20
+ width: 100%;
21
+ margin-bottom: $baseLineHeight;
22
+ // Cells
23
+ th, td {
24
+ padding: 8px;
25
+ line-height: $baseLineHeight;
26
+ text-align: left;
27
+ border-top: 1px solid #ddd;
28
+ }
29
+ th {
30
+ font-weight: bold;
31
+ vertical-align: bottom;
32
+ }
33
+ td {
34
+ vertical-align: top;
35
+ }
36
+ // Remove top border from thead by default
37
+ thead:first-child tr th, thead:first-child tr td {
38
+ border-top: 0;
39
+ }
40
+ // Account for multiple tbody instances
41
+ tbody + tbody {
42
+ border-top: 2px solid #ddd;
43
+ }
44
+ }
45
+
46
+
47
+
48
+ // CONDENSED TABLE W/ HALF PADDING
49
+ // -------------------------------
50
+
51
+ .table-condensed {
52
+ th, td {
53
+ padding: 4px 5px;
54
+ }
55
+ }
56
+
57
+
58
+ // BORDERED VERSION
59
+ // ----------------
60
+
61
+ .table-bordered {
62
+ border: 1px solid #ddd;
63
+ border-collapse: separate; // Done so we can round those corners!
64
+ *border-collapse: collapsed; // IE7 can't round corners anyway
65
+ @include border-radius(4px);
66
+ th + th, td + td, th + td, td + th {
67
+ border-left: 1px solid #ddd;
68
+ }
69
+ // Prevent a double border
70
+ thead:first-child tr:first-child th, tbody:first-child tr:first-child th, tbody:first-child tr:first-child td {
71
+ border-top: 0;
72
+ }
73
+ // For first th or td in the first row in the first thead or tbody
74
+ thead:first-child tr:first-child th:first-child, tbody:first-child tr:first-child td:first-child {
75
+ @include border-radius(4px 0 0 0);
76
+ }
77
+ thead:first-child tr:first-child th:last-child, tbody:first-child tr:first-child td:last-child {
78
+ @include border-radius(0 4px 0 0);
79
+ }
80
+ // For first th or td in the first row in the first thead or tbody
81
+ thead:last-child tr:last-child th:first-child, tbody:last-child tr:last-child td:first-child {
82
+ @include border-radius(0 0 0 4px);
83
+ }
84
+ thead:last-child tr:last-child th:last-child, tbody:last-child tr:last-child td:last-child {
85
+ @include border-radius(0 0 4px 0);
86
+ }
87
+ }
88
+
89
+
90
+ // ZEBRA-STRIPING
91
+ // --------------
92
+
93
+ // Default zebra-stripe styles (alternating gray and transparent backgrounds)
94
+ .table-striped {
95
+ tbody {
96
+ tr:nth-child(odd) td, tr:nth-child(odd) th {
97
+ background-color: #f9f9f9;
98
+ }
99
+ }
100
+ }
101
+
102
+
103
+
104
+ // TABLE CELL SIZING
105
+ // -----------------
106
+
107
+ // Change the columns
108
+ @mixin tableColumns($columnSpan: 1) {
109
+ float: none;
110
+ width: (($gridColumnWidth) * $columnSpan) + ($gridGutterWidth * ($columnSpan - 1)) - 16;
111
+ margin-left: 0;
112
+ }
113
+ table {
114
+ @for $i from 1 through $gridColumns {
115
+ .span#{$i} { @include tableColumns($i); }
116
+ }
117
+ }
@@ -0,0 +1,35 @@
1
+ // THUMBNAILS
2
+ // ----------
3
+
4
+ .thumbnails {
5
+ margin-left: -20px;
6
+ list-style: none;
7
+ @include clearfix();
8
+ }
9
+ .thumbnails > li {
10
+ float: left;
11
+ margin: 0 0 $baseLineHeight 20px;
12
+ }
13
+ .thumbnail {
14
+ display: block;
15
+ padding: 4px;
16
+ line-height: 1;
17
+ border: 1px solid #ddd;
18
+ @include border-radius(4px);
19
+ @include box-shadow(0 1px 1px rgba(0,0,0,.075));
20
+ }
21
+ // Add a hover state for linked versions only
22
+ a.thumbnail:hover {
23
+ border-color: $linkColor;
24
+ @include box-shadow(0 1px 4px rgba(0,105,214,.25));
25
+ }
26
+ // Images and captions
27
+ .thumbnail > img {
28
+ display: block;
29
+ max-width: 100%;
30
+ margin-left: auto;
31
+ margin-right: auto;
32
+ }
33
+ .thumbnail .caption {
34
+ padding: 9px;
35
+ }
@@ -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(80); }
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,209 @@
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
+ font-family: $baseFontFamily;
12
+ font-size: $baseFontSize;
13
+ line-height: $baseLineHeight;
14
+ small {
15
+ font-size: $baseFontSize - 2;
16
+ color: $grayLight;
17
+ }
18
+ }
19
+ .lead {
20
+ margin-bottom: $baseLineHeight;
21
+ font-size: 20px;
22
+ font-weight: 200;
23
+ line-height: $baseLineHeight * 1.5;
24
+ }
25
+
26
+ // HEADINGS
27
+ // --------
28
+
29
+ h1, h2, h3, h4, h5, h6 {
30
+ margin: 0;
31
+ font-weight: bold;
32
+ color: $grayDark;
33
+ text-rendering: optimizelegibility; // Fix the character spacing for headings
34
+ small {
35
+ font-weight: normal;
36
+ color: $grayLight;
37
+ }
38
+ }
39
+ h1 {
40
+ font-size: 30px;
41
+ line-height: $baseLineHeight * 2;
42
+ small {
43
+ font-size: 18px;
44
+ }
45
+ }
46
+ h2 {
47
+ font-size: 24px;
48
+ line-height: $baseLineHeight * 2;
49
+ small {
50
+ font-size: 18px;
51
+ }
52
+ }
53
+ h3 {
54
+ line-height: $baseLineHeight * 1.5;
55
+ font-size: 18px;
56
+ small {
57
+ font-size: 14px;
58
+ }
59
+ }
60
+ h4, h5, h6 {
61
+ line-height: $baseLineHeight;
62
+ }
63
+ h4 {
64
+ font-size: 14px;
65
+ small {
66
+ font-size: 12px;
67
+ }
68
+ }
69
+ h5 {
70
+ font-size: 12px;
71
+ }
72
+ h6 {
73
+ font-size: 11px;
74
+ color: $grayLight;
75
+ text-transform: uppercase;
76
+ }
77
+
78
+ // Page header
79
+ .page-header {
80
+ padding-bottom: $baseLineHeight - 1;
81
+ margin: $baseLineHeight 0;
82
+ border-bottom: 1px solid $grayLighter;
83
+ }
84
+ .page-header h1 {
85
+ line-height: 1;
86
+ }
87
+
88
+
89
+
90
+ // LISTS
91
+ // -----
92
+
93
+ // Unordered and Ordered lists
94
+ ul, ol {
95
+ padding: 0;
96
+ margin: 0 0 $baseLineHeight / 2 25px;
97
+ }
98
+ ul ul, ul ol, ol ol, ol ul {
99
+ margin-bottom: 0;
100
+ }
101
+ ul {
102
+ list-style: disc;
103
+ }
104
+ ol {
105
+ list-style: decimal;
106
+ }
107
+ li {
108
+ line-height: $baseLineHeight;
109
+ }
110
+ ul.unstyled {
111
+ margin-left: 0;
112
+ list-style: none;
113
+ }
114
+
115
+ // Description Lists
116
+ dl {
117
+ margin-bottom: $baseLineHeight;
118
+ }
119
+ dt, dd {
120
+ line-height: $baseLineHeight;
121
+ }
122
+ dt {
123
+ font-weight: bold;
124
+ }
125
+ dd {
126
+ margin-left: $baseLineHeight / 2;
127
+ }
128
+
129
+ // MISC
130
+ // ----
131
+
132
+ // Horizontal rules
133
+ hr {
134
+ margin: $baseLineHeight 0;
135
+ border: 0;
136
+ border-top: 1px solid #e5e5e5;
137
+ border-bottom: 1px solid $white;
138
+ }
139
+
140
+ // Emphasis
141
+ strong {
142
+ font-weight: bold;
143
+ }
144
+ em {
145
+ font-style: italic;
146
+ }
147
+ .muted {
148
+ color: $grayLight;
149
+ }
150
+
151
+ // Abbreviations and acronyms
152
+ abbr {
153
+ font-size: 90%;
154
+ text-transform: uppercase;
155
+ border-bottom: 1px dotted #ddd;
156
+ cursor: help;
157
+ }
158
+
159
+ // Blockquotes
160
+ blockquote {
161
+ padding: 0 0 0 15px;
162
+ margin: 0 0 $baseLineHeight;
163
+ border-left: 5px solid $grayLighter;
164
+ p {
165
+ margin-bottom: 0;
166
+ @include font-shorthand(16px,300,$baseLineHeight * 1.25);
167
+ }
168
+ small {
169
+ display: block;
170
+ line-height: $baseLineHeight;
171
+ color: $grayLight;
172
+ &:before {
173
+ content: '\2014 \00A0';
174
+ }
175
+ }
176
+
177
+ // Float right with text-align: right
178
+ &.pull-right {
179
+ float: right;
180
+ padding-left: 0;
181
+ padding-right: 15px;
182
+ border-left: 0;
183
+ border-right: 5px solid $grayLighter;
184
+ p, small {
185
+ text-align: right;
186
+ }
187
+ }
188
+ }
189
+
190
+ // Quotes
191
+ q:before, q:after, blockquote:before, blockquote:after {
192
+ content: "";
193
+ }
194
+
195
+ // Addresses
196
+ address {
197
+ display: block;
198
+ margin-bottom: $baseLineHeight;
199
+ line-height: $baseLineHeight;
200
+ font-style: normal;
201
+ }
202
+
203
+ // Misc
204
+ small {
205
+ font-size: 100%;
206
+ }
207
+ cite {
208
+ font-style: normal;
209
+ }
@@ -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,99 @@
1
+ // Variables.less
2
+ // Variables to customize the look and feel of Bootstrap
3
+ // -----------------------------------------------------
4
+
5
+
6
+
7
+ // GLOBAL VALUES
8
+ // --------------------------------------------------
9
+
10
+ // Links
11
+ $linkColor: #08c !default;
12
+ $linkColorHover: darken($linkColor, 15%) !default;
13
+
14
+ // Grays
15
+ $black: #000 !default;
16
+ $grayDarker: #222 !default;
17
+ $grayDark: #333 !default;
18
+ $gray: #555 !default;
19
+ $grayLight: #999 !default;
20
+ $grayLighter: #eee !default;
21
+ $white: #fff !default;
22
+
23
+ // Accent colors
24
+ $blue: #049cdb !default;
25
+ $blueDark: #0064cd !default;
26
+ $green: #46a546 !default;
27
+ $red: #9d261d !default;
28
+ $yellow: #ffc40d !default;
29
+ $orange: #f89406 !default;
30
+ $pink: #c3325f !default;
31
+ $purple: #7a43b6 !default;
32
+
33
+ // Typography
34
+ $baseFontSize: 13px !default;
35
+ $baseFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
36
+ $baseLineHeight: 18px !default;
37
+ $textColor: $grayDark !default;
38
+
39
+ // Buttons
40
+ $primaryButtonBackground: $linkColor !default;
41
+
42
+
43
+
44
+ // COMPONENT VARIABLES
45
+ // --------------------------------------------------
46
+
47
+ // Z-index master list
48
+ // Used for a bird's eye view of components dependent on the z-axis
49
+ // Try to avoid customizing these :)
50
+ $zindexDropdown: 1000;
51
+ $zindexPopover: 1010;
52
+ $zindexTooltip: 1020;
53
+ $zindexFixedNavbar: 1030;
54
+ $zindexModalBackdrop: 1040;
55
+ $zindexModal: 1050;
56
+
57
+ // Input placeholder text color
58
+ $placeholderText: $grayLight !default;
59
+
60
+ // Navbar
61
+ $navbarHeight: 40px !default;
62
+ $navbarBackground: $grayDarker !default;
63
+ $navbarBackgroundHighlight: $grayDark !default;
64
+
65
+ $navbarText: $grayLight !default;
66
+ $navbarLinkColor: $grayLight !default;
67
+ $navbarLinkColorHover: $white !default;
68
+
69
+ // Form states and alerts
70
+ $warningText: #c09853 !default;
71
+ $warningBackground: #fcf8e3 !default;
72
+ $warningBorder: darken(adjust-hue($warningBackground, -10), 3%) !default;
73
+
74
+ $errorText: #b94a48 !default;
75
+ $errorBackground: #f2dede !default;
76
+ $errorBorder: darken(adjust-hue($errorBackground, -10), 3%) !default;
77
+
78
+ $successText: #468847 !default;
79
+ $successBackground: #dff0d8 !default;
80
+ $successBorder: darken(adjust-hue($successBackground, -10), 5%) !default;
81
+
82
+ $infoText: #3a87ad !default;
83
+ $infoBackground: #d9edf7 !default;
84
+ $infoBorder: darken(adjust-hue($infoBackground, -10), 7%) !default;
85
+
86
+
87
+
88
+ // GRID
89
+ // --------------------------------------------------
90
+
91
+ // Default 940px grid
92
+ $gridColumns: 12 !default;
93
+ $gridColumnWidth: 60px !default;
94
+ $gridGutterWidth: 20px !default;
95
+ $gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1));
96
+
97
+ // Fluid grid
98
+ $fluidGridColumnWidth: 6.382978723% !default;
99
+ $fluidGridGutterWidth: 2.127659574% !default;