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,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
+ }