bootstrap-sass-rails-rtl 2.0.4.12

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.
Files changed (142) hide show
  1. data/LICENSE +14 -0
  2. data/README.md +115 -0
  3. data/Rakefile +37 -0
  4. data/lib/bootstrap-sass-rails-rtl.rb +9 -0
  5. data/lib/bootstrap/sass/extensions.rb +5 -0
  6. data/lib/bootstrap/sass/extensions/functions.rb +15 -0
  7. data/lib/bootstrap/sass/rails.rb +2 -0
  8. data/lib/bootstrap/sass/rails/engine.rb +9 -0
  9. data/lib/bootstrap/sass/rails/version.rb +7 -0
  10. data/test/cases/usage_css_spec.rb +216 -0
  11. data/test/cases/usage_js_spec.rb +40 -0
  12. data/test/dummy/Rakefile +7 -0
  13. data/test/dummy/app/assets/javascripts/application.js +3 -0
  14. data/test/dummy/app/assets/javascripts/individual.js +1 -0
  15. data/test/dummy/app/assets/stylesheets/application-rtl.css.scss +3 -0
  16. data/test/dummy/app/assets/stylesheets/application.css.scss +3 -0
  17. data/test/dummy/app/assets/stylesheets/individual-rtl.css.scss +11 -0
  18. data/test/dummy/app/assets/stylesheets/individual.css.scss +11 -0
  19. data/test/dummy/app/assets/stylesheets/sprockets-rtl.css +3 -0
  20. data/test/dummy/app/assets/stylesheets/sprockets.css +3 -0
  21. data/test/dummy/app/controllers/application_controller.rb +3 -0
  22. data/test/dummy/app/helpers/application_helper.rb +2 -0
  23. data/test/dummy/app/views/layouts/application.html.erb +14 -0
  24. data/test/dummy/config.ru +4 -0
  25. data/test/dummy/config/application.rb +49 -0
  26. data/test/dummy/config/boot.rb +10 -0
  27. data/test/dummy/config/database.yml +25 -0
  28. data/test/dummy/config/environment.rb +5 -0
  29. data/test/dummy/config/environments/development.rb +30 -0
  30. data/test/dummy/config/environments/production.rb +60 -0
  31. data/test/dummy/config/environments/test.rb +39 -0
  32. data/test/dummy/config/initializers/backtrace_silencers.rb +7 -0
  33. data/test/dummy/config/initializers/inflections.rb +10 -0
  34. data/test/dummy/config/initializers/mime_types.rb +5 -0
  35. data/test/dummy/config/initializers/secret_token.rb +7 -0
  36. data/test/dummy/config/initializers/session_store.rb +8 -0
  37. data/test/dummy/config/initializers/wrap_parameters.rb +14 -0
  38. data/test/dummy/config/locales/en.yml +5 -0
  39. data/test/dummy/config/routes.rb +58 -0
  40. data/test/dummy/public/404.html +26 -0
  41. data/test/dummy/public/422.html +26 -0
  42. data/test/dummy/public/500.html +26 -0
  43. data/test/dummy/public/favicon.ico +0 -0
  44. data/test/dummy/script/rails +6 -0
  45. data/test/spec_helper.rb +13 -0
  46. data/test/support/helpers.rb +35 -0
  47. data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings-white.png +0 -0
  48. data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings.png +0 -0
  49. data/vendor/assets/javascripts/twitter/bootstrap.js +12 -0
  50. data/vendor/assets/javascripts/twitter/bootstrap/alert.js +90 -0
  51. data/vendor/assets/javascripts/twitter/bootstrap/button.js +96 -0
  52. data/vendor/assets/javascripts/twitter/bootstrap/carousel.js +169 -0
  53. data/vendor/assets/javascripts/twitter/bootstrap/collapse.js +157 -0
  54. data/vendor/assets/javascripts/twitter/bootstrap/dropdown.js +100 -0
  55. data/vendor/assets/javascripts/twitter/bootstrap/modal.js +218 -0
  56. data/vendor/assets/javascripts/twitter/bootstrap/popover.js +98 -0
  57. data/vendor/assets/javascripts/twitter/bootstrap/scrollspy.js +151 -0
  58. data/vendor/assets/javascripts/twitter/bootstrap/tab.js +135 -0
  59. data/vendor/assets/javascripts/twitter/bootstrap/tooltip.js +275 -0
  60. data/vendor/assets/javascripts/twitter/bootstrap/transition.js +61 -0
  61. data/vendor/assets/javascripts/twitter/bootstrap/typeahead.js +285 -0
  62. data/vendor/assets/stylesheets/twitter/bootstrap.css.scss +62 -0
  63. data/vendor/assets/stylesheets/twitter/bootstrap/_accordion.scss +33 -0
  64. data/vendor/assets/stylesheets/twitter/bootstrap/_alerts.scss +59 -0
  65. data/vendor/assets/stylesheets/twitter/bootstrap/_breadcrumbs.scss +24 -0
  66. data/vendor/assets/stylesheets/twitter/bootstrap/_button-groups.scss +190 -0
  67. data/vendor/assets/stylesheets/twitter/bootstrap/_buttons.scss +193 -0
  68. data/vendor/assets/stylesheets/twitter/bootstrap/_carousel.scss +121 -0
  69. data/vendor/assets/stylesheets/twitter/bootstrap/_close.scss +29 -0
  70. data/vendor/assets/stylesheets/twitter/bootstrap/_code.scss +57 -0
  71. data/vendor/assets/stylesheets/twitter/bootstrap/_component-animations.scss +20 -0
  72. data/vendor/assets/stylesheets/twitter/bootstrap/_dropdowns.scss +142 -0
  73. data/vendor/assets/stylesheets/twitter/bootstrap/_forms.scss +589 -0
  74. data/vendor/assets/stylesheets/twitter/bootstrap/_grid.scss +8 -0
  75. data/vendor/assets/stylesheets/twitter/bootstrap/_hero-unit.scss +22 -0
  76. data/vendor/assets/stylesheets/twitter/bootstrap/_labels-badges.scss +54 -0
  77. data/vendor/assets/stylesheets/twitter/bootstrap/_layouts.scss +17 -0
  78. data/vendor/assets/stylesheets/twitter/bootstrap/_mixins.scss +612 -0
  79. data/vendor/assets/stylesheets/twitter/bootstrap/_modals.scss +90 -0
  80. data/vendor/assets/stylesheets/twitter/bootstrap/_navbar.scss +358 -0
  81. data/vendor/assets/stylesheets/twitter/bootstrap/_navs.scss +364 -0
  82. data/vendor/assets/stylesheets/twitter/bootstrap/_pager.scss +36 -0
  83. data/vendor/assets/stylesheets/twitter/bootstrap/_pagination.scss +56 -0
  84. data/vendor/assets/stylesheets/twitter/bootstrap/_popovers.scss +49 -0
  85. data/vendor/assets/stylesheets/twitter/bootstrap/_progress-bars.scss +118 -0
  86. data/vendor/assets/stylesheets/twitter/bootstrap/_reset.scss +131 -0
  87. data/vendor/assets/stylesheets/twitter/bootstrap/_responsive-1200px-min.scss +26 -0
  88. data/vendor/assets/stylesheets/twitter/bootstrap/_responsive-767px-max.scss +150 -0
  89. data/vendor/assets/stylesheets/twitter/bootstrap/_responsive-768px-979px.scss +19 -0
  90. data/vendor/assets/stylesheets/twitter/bootstrap/_responsive-navbar.scss +153 -0
  91. data/vendor/assets/stylesheets/twitter/bootstrap/_responsive-utilities.scss +41 -0
  92. data/vendor/assets/stylesheets/twitter/bootstrap/_responsive.scss +48 -0
  93. data/vendor/assets/stylesheets/twitter/bootstrap/_scaffolding.scss +29 -0
  94. data/vendor/assets/stylesheets/twitter/bootstrap/_sprites.scss +178 -0
  95. data/vendor/assets/stylesheets/twitter/bootstrap/_tables.scss +175 -0
  96. data/vendor/assets/stylesheets/twitter/bootstrap/_thumbnails.scss +47 -0
  97. data/vendor/assets/stylesheets/twitter/bootstrap/_tooltip.scss +35 -0
  98. data/vendor/assets/stylesheets/twitter/bootstrap/_type.scss +232 -0
  99. data/vendor/assets/stylesheets/twitter/bootstrap/_utilities.scss +23 -0
  100. data/vendor/assets/stylesheets/twitter/bootstrap/_variables.scss +206 -0
  101. data/vendor/assets/stylesheets/twitter/bootstrap/_wells.scss +27 -0
  102. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_accordion.scss +33 -0
  103. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_alerts.scss +59 -0
  104. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_breadcrumbs.scss +24 -0
  105. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_button-groups.scss +190 -0
  106. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_buttons.scss +193 -0
  107. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_carousel.scss +121 -0
  108. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_close.scss +29 -0
  109. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_code.scss +57 -0
  110. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_component-animations.scss +20 -0
  111. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_dropdowns.scss +142 -0
  112. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_forms.scss +589 -0
  113. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_grid.scss +8 -0
  114. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_hero-unit.scss +22 -0
  115. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_labels-badges.scss +54 -0
  116. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_layouts.scss +17 -0
  117. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_mixins.scss +612 -0
  118. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_modals.scss +90 -0
  119. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_navbar.scss +358 -0
  120. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_navs.scss +364 -0
  121. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_pager.scss +36 -0
  122. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_pagination.scss +56 -0
  123. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_popovers.scss +49 -0
  124. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_progress-bars.scss +118 -0
  125. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_reset.scss +131 -0
  126. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_responsive-1200px-min.scss +26 -0
  127. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_responsive-767px-max.scss +150 -0
  128. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_responsive-768px-979px.scss +19 -0
  129. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_responsive-navbar.scss +153 -0
  130. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_responsive-utilities.scss +41 -0
  131. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_responsive.scss +48 -0
  132. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_scaffolding.scss +29 -0
  133. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_sprites.scss +178 -0
  134. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_tables.scss +175 -0
  135. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_thumbnails.scss +47 -0
  136. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_tooltip.scss +35 -0
  137. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_type.scss +232 -0
  138. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_utilities.scss +23 -0
  139. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_variables.scss +206 -0
  140. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_wells.scss +27 -0
  141. data/vendor/assets/stylesheets/twitter/bootstrap_rtl.css.scss +62 -0
  142. metadata +276 -0
@@ -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,206 @@
1
+ // Variables.less
2
+ // Variables to customize the look and feel of Bootstrap
3
+ // -----------------------------------------------------
4
+
5
+
6
+
7
+ // GLOBAL VALUES
8
+ // --------------------------------------------------
9
+
10
+ // Grays
11
+ // -------------------------
12
+ $black: #000 !default;
13
+ $grayDarker: #222 !default;
14
+ $grayDark: #333 !default;
15
+ $gray: #555 !default;
16
+ $grayLight: #999 !default;
17
+ $grayLighter: #eee !default;
18
+ $white: #fff !default;
19
+
20
+
21
+ // Accent colors
22
+ // -------------------------
23
+ $blue: #049cdb !default;
24
+ $blueDark: #0064cd !default;
25
+ $green: #46a546 !default;
26
+ $red: #9d261d !default;
27
+ $yellow: #ffc40d !default;
28
+ $orange: #f89406 !default;
29
+ $pink: #c3325f !default;
30
+ $purple: #7a43b6 !default;
31
+
32
+
33
+ // Scaffolding
34
+ // -------------------------
35
+ $bodyBackground: $white !default;
36
+ $textColor: $grayDark !default;
37
+
38
+
39
+ // Links
40
+ // -------------------------
41
+ $linkColor: #08c !default;
42
+ $linkColorHover: darken($linkColor, 15%) !default;
43
+
44
+
45
+ // Typography
46
+ // -------------------------
47
+ $sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
48
+ $serifFontFamily: Georgia, "Times New Roman", Times, serif !default;
49
+ $monoFontFamily: Menlo, Monaco, Consolas, "Courier New", monospace !default;
50
+
51
+ $baseFontSize: 13px !default;
52
+ $baseFontFamily: $sansFontFamily !default;
53
+ $baseLineHeight: 18px !default;
54
+ $altFontFamily: $serifFontFamily !default;
55
+
56
+ $headingsFontFamily: inherit !default; // empty to use BS default, @baseFontFamily
57
+ $headingsFontWeight: bold !default; // instead of browser default, bold
58
+ $headingsColor: inherit !default; // empty to use BS default, @textColor
59
+
60
+
61
+ // Tables
62
+ // -------------------------
63
+ $tableBackground: transparent !default; // overall background-color
64
+ $tableBackgroundAccent: #f9f9f9 !default; // for striping
65
+ $tableBackgroundHover: #f5f5f5 !default; // for hover
66
+ $tableBorder: #ddd !default; // table and cell border
67
+
68
+
69
+ // Buttons
70
+ // -------------------------
71
+ $btnBackground: $white !default;
72
+ $btnBackgroundHighlight: darken($white, 10%) !default;
73
+ $btnBorder: #ccc !default;
74
+
75
+ $btnPrimaryBackground: $linkColor !default;
76
+ $btnPrimaryBackgroundHighlight: adjust-hue($btnPrimaryBackground, 15%) !default;
77
+
78
+ $btnInfoBackground: #5bc0de !default;
79
+ $btnInfoBackgroundHighlight: #2f96b4 !default;
80
+
81
+ $btnSuccessBackground: #62c462 !default;
82
+ $btnSuccessBackgroundHighlight: #51a351 !default;
83
+
84
+ $btnWarningBackground: lighten($orange, 15%) !default;
85
+ $btnWarningBackgroundHighlight: $orange !default;
86
+
87
+ $btnDangerBackground: #ee5f5b !default;
88
+ $btnDangerBackgroundHighlight: #bd362f !default;
89
+
90
+ $btnInverseBackground: $gray !default;
91
+ $btnInverseBackgroundHighlight: $grayDarker !default;
92
+
93
+
94
+ // Forms
95
+ // -------------------------
96
+ $inputBackground: $white !default;
97
+ $inputBorder: #ccc !default;
98
+ $inputBorderRadius: 3px !default;
99
+ $inputDisabledBackground: $grayLighter !default;
100
+
101
+ $formActionsBackground: #f5f5f5 !default;
102
+
103
+ // Dropdowns
104
+ // -------------------------
105
+ $dropdownBackground: $white !default;
106
+ $dropdownBorder: rgba(0,0,0,.2) !default;
107
+ $dropdownLinkColor: $grayDark !default;
108
+ $dropdownLinkColorHover: $white !default;
109
+ $dropdownLinkBackgroundHover: $linkColor !default;
110
+ $dropdownDividerTop: #e5e5e5 !default;
111
+ $dropdownDividerBottom: $white !default;
112
+
113
+
114
+
115
+ // COMPONENT VARIABLES
116
+ // --------------------------------------------------
117
+
118
+ // Z-index master list
119
+ // -------------------------
120
+ // Used for a bird's eye view of components dependent on the z-axis
121
+ // Try to avoid customizing these :)
122
+ $zindexDropdown: 1000 !default;
123
+ $zindexPopover: 1010 !default;
124
+ $zindexTooltip: 1020 !default;
125
+ $zindexFixedNavbar: 1030 !default;
126
+ $zindexModalBackdrop: 1040 !default;
127
+ $zindexModal: 1050 !default;
128
+
129
+
130
+ // Sprite icons path
131
+ // -------------------------
132
+ $iconSpritePath: "twitter/bootstrap/glyphicons-halflings.png" !default;
133
+ $iconWhiteSpritePath: "twitter/bootstrap/glyphicons-halflings-white.png" !default;
134
+
135
+
136
+ // Input placeholder text color
137
+ // -------------------------
138
+ $placeholderText: $grayLight !default;
139
+
140
+
141
+ // Hr border color
142
+ // -------------------------
143
+ $hrBorder: $grayLighter !default;
144
+
145
+
146
+ // Navbar
147
+ // -------------------------
148
+ $navbarHeight: 40px !default;
149
+ $navbarBackground: $grayDarker !default;
150
+ $navbarBackgroundHighlight: $grayDark !default;
151
+
152
+ $navbarText: $grayLight !default;
153
+ $navbarLinkColor: $grayLight !default;
154
+ $navbarLinkColorHover: $white !default;
155
+ $navbarLinkColorActive: $navbarLinkColorHover !default;
156
+ $navbarLinkBackgroundHover: transparent !default;
157
+ $navbarLinkBackgroundActive: $navbarBackground !default;
158
+
159
+ $navbarSearchBackground: lighten($navbarBackground, 25%) !default;
160
+ $navbarSearchBackgroundFocus: $white !default;
161
+ $navbarSearchBorder: darken($navbarSearchBackground, 30%) !default;
162
+ $navbarSearchPlaceholderColor: #ccc !default;
163
+ $navbarBrandColor: $navbarLinkColor !default;
164
+
165
+
166
+ // Hero unit
167
+ // -------------------------
168
+ $heroUnitBackground: $grayLighter !default;
169
+ $heroUnitHeadingColor: inherit !default;
170
+ $heroUnitLeadColor: inherit !default;
171
+
172
+
173
+ // Form states and alerts
174
+ // -------------------------
175
+ $warningText: #c09853 !default;
176
+ $warningBackground: #fcf8e3 !default;
177
+ $warningBorder: darken(adjust_hue($warningBackground, -10deg), 3%) !default;
178
+
179
+ $errorText: #b94a48 !default;
180
+ $errorBackground: #f2dede !default;
181
+ $errorBorder: darken(adjust_hue($errorBackground, -10deg), 3%) !default;
182
+
183
+ $successText: #468847 !default;
184
+ $successBackground: #dff0d8 !default;
185
+ $successBorder: darken(adjust_hue($successBackground, -10deg), 5%) !default;
186
+
187
+ $infoText: #3a87ad !default;
188
+ $infoBackground: #d9edf7 !default;
189
+ $infoBorder: darken(adjust_hue($infoBackground, -10deg), 7%) !default;
190
+
191
+
192
+
193
+ // GRID
194
+ // --------------------------------------------------
195
+
196
+ // Default 940px grid
197
+ // -------------------------
198
+ $gridColumns: 12 !default;
199
+ $gridColumnWidth: 60px !default;
200
+ $gridGutterWidth: 20px !default;
201
+ $gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1)) !default;
202
+
203
+ // Fluid grid
204
+ // -------------------------
205
+ $fluidGridColumnWidth: 6.382978723% !default;
206
+ $fluidGridGutterWidth: 2.127659574% !default;
@@ -0,0 +1,27 @@
1
+ // WELLS
2
+ // -----
3
+
4
+ .well {
5
+ min-height: 20px;
6
+ padding: 19px;
7
+ margin-bottom: 20px;
8
+ background-color: #f5f5f5;
9
+ border: 1px solid #eee;
10
+ border: 1px solid rgba(0,0,0,.05);
11
+ @include border-radius(4px);
12
+ @include box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
13
+ blockquote {
14
+ border-color: #ddd;
15
+ border-color: rgba(0,0,0,.15);
16
+ }
17
+ }
18
+
19
+ // Sizes
20
+ .well-large {
21
+ padding: 24px;
22
+ @include border-radius(6px);
23
+ }
24
+ .well-small {
25
+ padding: 9px;
26
+ @include border-radius(3px);
27
+ }
@@ -0,0 +1,33 @@
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
+ // General toggle styles
25
+ .accordion-toggle {
26
+ cursor: pointer;
27
+ }
28
+
29
+ // Inner needs the styles because you can't animate properly with any styles on the element
30
+ .accordion-inner {
31
+ padding: 9px 15px;
32
+ border-top: 1px solid #e5e5e5;
33
+ }
@@ -0,0 +1,59 @@
1
+ // ALERT STYLES
2
+ // ------------
3
+
4
+ // Base alert styles
5
+ .alert {
6
+ padding: 8px 14px 8px 35px;
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
+ color: $warningText;
13
+ }
14
+ .alert-heading {
15
+ color: inherit;
16
+ }
17
+
18
+ // Adjust close link position
19
+ .alert .close {
20
+ position: relative;
21
+ top: -2px;
22
+ left: -21px;
23
+ line-height: 18px;
24
+ }
25
+
26
+ // Alternate styles
27
+ // ----------------
28
+
29
+ .alert-success {
30
+ background-color: $successBackground;
31
+ border-color: $successBorder;
32
+ color: $successText;
33
+ }
34
+ .alert-danger,
35
+ .alert-error {
36
+ background-color: $errorBackground;
37
+ border-color: $errorBorder;
38
+ color: $errorText;
39
+ }
40
+ .alert-info {
41
+ background-color: $infoBackground;
42
+ border-color: $infoBorder;
43
+ color: $infoText;
44
+ }
45
+
46
+
47
+ // Block alerts
48
+ // ------------------------
49
+ .alert-block {
50
+ padding-top: 14px;
51
+ padding-bottom: 14px;
52
+ }
53
+ .alert-block > p,
54
+ .alert-block > ul {
55
+ margin-bottom: 0;
56
+ }
57
+ .alert-block p + p {
58
+ margin-top: 5px;
59
+ }
@@ -0,0 +1,24 @@
1
+ // BREADCRUMBS
2
+ // -----------
3
+
4
+ .breadcrumb {
5
+ padding: 7px 14px;
6
+ margin: 0 0 $baseLineHeight;
7
+ list-style: none;
8
+ @include gradient-vertical($white, #f5f5f5);
9
+ border: 1px solid #ddd;
10
+ @include border-radius(3px);
11
+ @include box-shadow(inset 0 1px 0 $white);
12
+ li {
13
+ display: inline-block;
14
+ @include ie7-inline-block();
15
+ text-shadow: 0 1px 0 $white;
16
+ }
17
+ .divider {
18
+ padding: 0 5px;
19
+ color: $grayLight;
20
+ }
21
+ .active a {
22
+ color: $grayDark;
23
+ }
24
+ }
@@ -0,0 +1,190 @@
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-right: 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: right;
31
+ margin-right: -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-right: 0;
37
+ -webkit-border-top-right-radius: 4px;
38
+ -moz-border-radius-topright: 4px;
39
+ border-top-right-radius: 4px;
40
+ -webkit-border-bottom-right-radius: 4px;
41
+ -moz-border-radius-bottomright: 4px;
42
+ border-bottom-right-radius: 4px;
43
+ }
44
+ // Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
45
+ .btn-group > .btn:last-child,
46
+ .btn-group > .btn.dropdown-toggle {
47
+ -webkit-border-top-left-radius: 4px;
48
+ -moz-border-radius-topleft: 4px;
49
+ border-top-left-radius: 4px;
50
+ -webkit-border-bottom-left-radius: 4px;
51
+ -moz-border-radius-bottomleft: 4px;
52
+ border-bottom-left-radius: 4px;
53
+ }
54
+ // Reset corners for large buttons
55
+ .btn-group > .btn.large:first-child {
56
+ margin-right: 0;
57
+ -webkit-border-top-right-radius: 6px;
58
+ -moz-border-radius-topright: 6px;
59
+ border-top-right-radius: 6px;
60
+ -webkit-border-bottom-right-radius: 6px;
61
+ -moz-border-radius-bottomright: 6px;
62
+ border-bottom-right-radius: 6px;
63
+ }
64
+ .btn-group > .btn.large:last-child,
65
+ .btn-group > .btn.large.dropdown-toggle {
66
+ -webkit-border-top-left-radius: 6px;
67
+ -moz-border-radius-topleft: 6px;
68
+ border-top-left-radius: 6px;
69
+ -webkit-border-bottom-left-radius: 6px;
70
+ -moz-border-radius-bottomleft: 6px;
71
+ border-bottom-left-radius: 6px;
72
+ }
73
+
74
+ // On hover/focus/active, bring the proper btn to front
75
+ .btn-group > .btn:hover,
76
+ .btn-group > .btn:focus,
77
+ .btn-group > .btn:active,
78
+ .btn-group > .btn.active {
79
+ z-index: 2;
80
+ }
81
+
82
+ // On active and open, don't show outline
83
+ .btn-group .dropdown-toggle:active,
84
+ .btn-group.open .dropdown-toggle {
85
+ outline: 0;
86
+ }
87
+
88
+
89
+
90
+ // Split button dropdowns
91
+ // ----------------------
92
+
93
+ // Give the line between buttons some depth
94
+ .btn-group > .dropdown-toggle {
95
+ padding-right: 8px;
96
+ padding-left: 8px;
97
+ @include box-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)");
98
+ *padding-top: 4px;
99
+ *padding-bottom: 4px;
100
+ }
101
+ .btn-group > .btn-mini.dropdown-toggle {
102
+ padding-right: 5px;
103
+ padding-left: 5px;
104
+ }
105
+ .btn-group > .btn-small.dropdown-toggle {
106
+ *padding-top: 4px;
107
+ *padding-bottom: 4px;
108
+ }
109
+ .btn-group > .btn-large.dropdown-toggle {
110
+ padding-right: 12px;
111
+ padding-left: 12px;
112
+ }
113
+
114
+ .btn-group.open {
115
+
116
+ // The clickable button for toggling the menu
117
+ // Remove the gradient and set the same inset shadow as the :active state
118
+ .dropdown-toggle {
119
+ background-image: none;
120
+ @include box-shadow("inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)");
121
+ }
122
+
123
+ // Keep the hover's background when dropdown is open
124
+ .btn.dropdown-toggle {
125
+ background-color: $btnBackgroundHighlight;
126
+ }
127
+ .btn-primary.dropdown-toggle {
128
+ background-color: $btnPrimaryBackgroundHighlight;
129
+ }
130
+ .btn-warning.dropdown-toggle {
131
+ background-color: $btnWarningBackgroundHighlight;
132
+ }
133
+ .btn-danger.dropdown-toggle {
134
+ background-color: $btnDangerBackgroundHighlight;
135
+ }
136
+ .btn-success.dropdown-toggle {
137
+ background-color: $btnSuccessBackgroundHighlight;
138
+ }
139
+ .btn-info.dropdown-toggle {
140
+ background-color: $btnInfoBackgroundHighlight;
141
+ }
142
+ .btn-inverse.dropdown-toggle {
143
+ background-color: $btnInverseBackgroundHighlight;
144
+ }
145
+ }
146
+
147
+
148
+ // Reposition the caret
149
+ .btn .caret {
150
+ margin-top: 7px;
151
+ margin-right: 0;
152
+ }
153
+ .btn:hover .caret,
154
+ .open.btn-group .caret {
155
+ @include opacity(100);
156
+ }
157
+ // Carets in other button sizes
158
+ .btn-mini .caret {
159
+ margin-top: 5px;
160
+ }
161
+ .btn-small .caret {
162
+ margin-top: 6px;
163
+ }
164
+ .btn-large .caret {
165
+ margin-top: 6px;
166
+ border-right-width: 5px;
167
+ border-left-width: 5px;
168
+ border-top-width: 5px;
169
+ }
170
+ // Upside down carets for .dropup
171
+ .dropup .btn-large .caret {
172
+ border-bottom: 5px solid $black;
173
+ border-top: 0;
174
+ }
175
+
176
+
177
+
178
+ // Account for other colors
179
+ .btn-primary,
180
+ .btn-warning,
181
+ .btn-danger,
182
+ .btn-info,
183
+ .btn-success,
184
+ .btn-inverse {
185
+ .caret {
186
+ border-top-color: $white;
187
+ border-bottom-color: $white;
188
+ @include opacity(75);
189
+ }
190
+ }