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
@@ -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;