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,63 @@
1
+ /*!
2
+ * Bootstrap 2.0.0
3
+ *
4
+ * Copyright 2012 Twitter, Inc
5
+ * Licensed under the Apache License v2.0
6
+ * http://www.apache.org/licenses/LICENSE-2.0
7
+ *
8
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
9
+ * Converted to SASS by Thomas McDonald
10
+ */
11
+
12
+ // Core variables and mixins
13
+ @import "bootstrap/variables"; // Modify this for custom colors, font-sizes, etc
14
+ @import "bootstrap/mixins";
15
+
16
+ // CSS Reset
17
+ @import "bootstrap/reset";
18
+
19
+ // Grid system and page structure
20
+ @import "bootstrap/scaffolding";
21
+ @import "bootstrap/grid";
22
+ @import "bootstrap/layouts";
23
+
24
+ // Base CSS
25
+ @import "bootstrap/type";
26
+ @import "bootstrap/code";
27
+ @import "bootstrap/forms";
28
+ @import "bootstrap/tables";
29
+
30
+ // Components: common
31
+ @import "bootstrap/sprites";
32
+ @import "bootstrap/dropdowns";
33
+ @import "bootstrap/wells";
34
+ @import "bootstrap/component-animations";
35
+ @import "bootstrap/close";
36
+
37
+ // Components: Buttons & Alerts
38
+ @import "bootstrap/buttons";
39
+ @import "bootstrap/button-groups";
40
+ @import "bootstrap/alerts"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less
41
+
42
+ // Components: Nav
43
+ @import "bootstrap/navs";
44
+ @import "bootstrap/navbar";
45
+ @import "bootstrap/breadcrumbs";
46
+ @import "bootstrap/pagination";
47
+ @import "bootstrap/pager";
48
+
49
+ // Components: Popovers
50
+ @import "bootstrap/modals";
51
+ @import "bootstrap/tooltip";
52
+ @import "bootstrap/popovers";
53
+
54
+ // Components: Misc
55
+ @import "bootstrap/thumbnails";
56
+ @import "bootstrap/labels";
57
+ @import "bootstrap/progress-bars";
58
+ @import "bootstrap/accordion";
59
+ @import "bootstrap/carousel";
60
+ @import "bootstrap/hero-unit";
61
+
62
+ // Utility classes
63
+ @import "bootstrap/utilities"; // Has to be last to override when necessary
@@ -0,0 +1,28 @@
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
+ // Inner needs the styles because you can't animate properly with any styles on the element
25
+ .accordion-inner {
26
+ padding: 9px 15px;
27
+ border-top: 1px solid #e5e5e5;
28
+ }
@@ -0,0 +1,62 @@
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
+ }
13
+ .alert, .alert-heading {
14
+ color: $warningText;
15
+ }
16
+
17
+ // Adjust close link position
18
+ .alert .close {
19
+ position: relative;
20
+ top: -2px;
21
+ right: -21px;
22
+ line-height: 18px;
23
+ }
24
+
25
+ // Alternate styles
26
+ // ----------------
27
+
28
+ .alert-success {
29
+ background-color: $successBackground;
30
+ border-color: $successBorder;
31
+ }
32
+ .alert-success, .alert-success .alert-heading {
33
+ color: $successText;
34
+ }
35
+ .alert-danger, .alert-error {
36
+ background-color: $errorBackground;
37
+ border-color: $errorBorder;
38
+ }
39
+ .alert-danger, .alert-error, .alert-danger .alert-heading, .alert-error .alert-heading {
40
+ color: $errorText;
41
+ }
42
+ .alert-info {
43
+ background-color: $infoBackground;
44
+ border-color: $infoBorder;
45
+ }
46
+ .alert-info, .alert-info .alert-heading {
47
+ color: $infoText;
48
+ }
49
+
50
+
51
+ // Block alerts
52
+ // ------------------------
53
+ .alert-block {
54
+ padding-top: 14px;
55
+ padding-bottom: 14px;
56
+ }
57
+ .alert-block > p, .alert-block > ul {
58
+ margin-bottom: 0;
59
+ }
60
+ .alert-block p + p {
61
+ margin-top: 5px;
62
+ }
@@ -0,0 +1,22 @@
1
+ // BREADCRUMBS
2
+ // -----------
3
+
4
+ .breadcrumb {
5
+ padding: 7px 14px;
6
+ margin: 0 0 $baseLineHeight;
7
+ @include gradient-vertical($white, #f5f5f5);
8
+ border: 1px solid #ddd;
9
+ @include border-radius(3px);
10
+ @include box-shadow(inset 0 1px 0 $white);
11
+ li {
12
+ display: inline;
13
+ text-shadow: 0 1px 0 $white;
14
+ }
15
+ .divider {
16
+ padding: 0 5px;
17
+ color: $grayLight;
18
+ }
19
+ .active a {
20
+ color: $grayDark;
21
+ }
22
+ }
@@ -0,0 +1,136 @@
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
+ .btn-group .btn:last-child, .btn-group .dropdown-toggle {
45
+ -webkit-border-top-right-radius: 4px;
46
+ -moz-border-radius-topright: 4px;
47
+ border-top-right-radius: 4px;
48
+ -webkit-border-bottom-right-radius: 4px;
49
+ -moz-border-radius-bottomright: 4px;
50
+ border-bottom-right-radius: 4px;
51
+ }
52
+ // Reset corners for large buttons
53
+ .btn-group .btn.large:first-child {
54
+ margin-left: 0;
55
+ -webkit-border-top-left-radius: 6px;
56
+ -moz-border-radius-topleft: 6px;
57
+ border-top-left-radius: 6px;
58
+ -webkit-border-bottom-left-radius: 6px;
59
+ -moz-border-radius-bottomleft: 6px;
60
+ border-bottom-left-radius: 6px;
61
+ }
62
+ .btn-group .btn.large:last-child, .btn-group .large.dropdown-toggle {
63
+ -webkit-border-top-right-radius: 6px;
64
+ -moz-border-radius-topright: 6px;
65
+ border-top-right-radius: 6px;
66
+ -webkit-border-bottom-right-radius: 6px;
67
+ -moz-border-radius-bottomright: 6px;
68
+ border-bottom-right-radius: 6px;
69
+ }
70
+
71
+ // On hover/focus/active, bring the proper btn to front
72
+ .btn-group .btn:hover, .btn-group .btn:focus, .btn-group .btn:active, .btn-group .btn.active {
73
+ z-index: 2;
74
+ }
75
+
76
+ // On active and open, don't show outline
77
+ .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
78
+ outline: 0;
79
+ }
80
+
81
+
82
+
83
+ // Split button dropdowns
84
+ // ----------------------
85
+
86
+ // Give the line between buttons some depth
87
+ .btn-group .dropdown-toggle {
88
+ padding-left: 8px;
89
+ padding-right: 8px;
90
+ $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);
91
+ @include box-shadow($shadow);
92
+ *padding-top: 5px;
93
+ *padding-bottom: 5px;
94
+ }
95
+
96
+ .btn-group.open {
97
+ // IE7's z-index only goes to the nearest positioned ancestor, which would
98
+ // make the menu appear below buttons that appeared later on the page
99
+ *z-index: $zindexDropdown;
100
+
101
+ // Reposition menu on open and round all corners
102
+ .dropdown-menu {
103
+ display: block;
104
+ margin-top: 1px;
105
+ @include border-radius(5px);
106
+ }
107
+
108
+ .dropdown-toggle {
109
+ background-image: none;
110
+ $shadow: inset 0 1px 6px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
111
+ @include box-shadow($shadow);
112
+ }
113
+ }
114
+
115
+ // Reposition the caret
116
+ .btn .caret {
117
+ margin-top: 7px;
118
+ margin-left: 0;
119
+ }
120
+ .btn:hover .caret, .open.btn-group .caret {
121
+ @include opacity(100);
122
+ }
123
+
124
+
125
+ // Account for other colors
126
+ .btn-primary, .btn-danger, .btn-info, .btn-success {
127
+ .caret {
128
+ border-top-color: $white;
129
+ @include opacity(75);
130
+ }
131
+ }
132
+
133
+ // Small button dropdowns
134
+ .btn-small .caret {
135
+ margin-top: 4px;
136
+ }
@@ -0,0 +1,149 @@
1
+ // BUTTON STYLES
2
+ // -------------
3
+
4
+
5
+ // Base styles
6
+ // --------------------------------------------------
7
+
8
+ // Core
9
+ .btn {
10
+ display: inline-block;
11
+ padding: 4px 10px 4px;
12
+ font-size: $baseFontSize;
13
+ line-height: $baseLineHeight;
14
+ color: $grayDark;
15
+ text-align: center;
16
+ text-shadow: 0 1px 1px rgba(255,255,255,.75);
17
+ @include gradient-vertical-three-colors($white, $white, 25%, darken($white, 10%)); // Don't use .gradientbar() here since it does a three-color gradient
18
+ border: 1px solid #ccc;
19
+ border-bottom-color: #bbb;
20
+ @include border-radius(4px);
21
+ $shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
22
+ @include box-shadow($shadow);
23
+ cursor: pointer;
24
+
25
+ // Give IE7 some love
26
+ @include ie7-restore-left-whitespace();
27
+ }
28
+
29
+ // Hover state
30
+ .btn:hover {
31
+ color: $grayDark;
32
+ text-decoration: none;
33
+ background-color: darken($white, 10%);
34
+ background-position: 0 -15px;
35
+
36
+ // transition is only when going to hover, otherwise the background
37
+ // behind the gradient (there for IE<=9 fallback) gets mismatched
38
+ @include transition(background-position .1s linear);
39
+ }
40
+
41
+ // Focus state for keyboard and accessibility
42
+ .btn:focus {
43
+ @include tab-focus();
44
+ }
45
+
46
+ // Active state
47
+ .btn.active, .btn:active {
48
+ background-image: none;
49
+ $shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
50
+ @include box-shadow($shadow);
51
+ background-color: darken($white, 10%);
52
+ background-color: darken($white, 15%) \9;
53
+ color: rgba(0,0,0,.5);
54
+ outline: 0;
55
+ }
56
+
57
+ // Disabled state
58
+ .btn.disabled, .btn[disabled] {
59
+ cursor: default;
60
+ background-image: none;
61
+ background-color: darken($white, 10%);
62
+ @include opacity(65);
63
+ @include box-shadow(none);
64
+ }
65
+
66
+
67
+ // Button Sizes
68
+ // --------------------------------------------------
69
+
70
+ // Large
71
+ .btn-large {
72
+ padding: 9px 14px;
73
+ font-size: $baseFontSize + 2px;
74
+ line-height: normal;
75
+ @include border-radius(5px);
76
+ }
77
+ .btn-large .icon {
78
+ margin-top: 1px;
79
+ }
80
+
81
+ // Small
82
+ .btn-small {
83
+ padding: 5px 9px;
84
+ font-size: $baseFontSize - 2px;
85
+ line-height: $baseLineHeight - 2px;
86
+ }
87
+ .btn-small .icon {
88
+ margin-top: -1px;
89
+ }
90
+
91
+
92
+ // Alternate buttons
93
+ // --------------------------------------------------
94
+
95
+ // Set text color
96
+ // -------------------------
97
+ .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 {
98
+ text-shadow: 0 -1px 0 rgba(0,0,0,.25);
99
+ color: $white
100
+ }
101
+ // Provide *some* extra contrast for those who can get it
102
+ .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active {
103
+ color: rgba(255,255,255,.75);
104
+ }
105
+
106
+ // Set the backgrounds
107
+ // -------------------------
108
+ .btn-primary {
109
+ @include buttonBackground($primaryButtonBackground, adjust-hue($primaryButtonBackground, 20));
110
+ }
111
+ // Warning appears are orange
112
+ .btn-warning {
113
+ @include buttonBackground(lighten($orange, 15%), $orange);
114
+ }
115
+ // Danger and error appear as red
116
+ .btn-danger {
117
+ @include buttonBackground(#ee5f5b, #bd362f);
118
+ }
119
+ // Success appears as green
120
+ .btn-success {
121
+ @include buttonBackground(#62c462, #51a351);
122
+ }
123
+ // Info appears as a neutral blue
124
+ .btn-info {
125
+ @include buttonBackground(#5bc0de, #2f96b4);
126
+ }
127
+
128
+
129
+ // Cross-browser Jank
130
+ // --------------------------------------------------
131
+
132
+ button.btn, input[type="submit"].btn {
133
+ &::-moz-focus-inner {
134
+ padding: 0;
135
+ border: 0;
136
+ }
137
+
138
+ // IE7 has some default padding on button controls
139
+ *padding-top: 2px;
140
+ *padding-bottom: 2px;
141
+ &.large {
142
+ *padding-top: 7px;
143
+ *padding-bottom: 7px;
144
+ }
145
+ &.small {
146
+ *padding-top: 3px;
147
+ *padding-bottom: 3px;
148
+ }
149
+ }