bootstrap-sass-rtl 2.3.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (53) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +17 -0
  3. data/Gemfile +4 -0
  4. data/LICENSE.txt +22 -0
  5. data/README.md +29 -0
  6. data/Rakefile +1 -0
  7. data/bootstrap-sass-rtl.gemspec +24 -0
  8. data/lib/bootstrap/sass/rtl.rb +10 -0
  9. data/lib/bootstrap/sass/rtl/version.rb +7 -0
  10. data/vendor/assets/stylesheets/bootstrap-responsive-rtl.scss +1 -0
  11. data/vendor/assets/stylesheets/bootstrap-rtl.scss +1 -0
  12. data/vendor/assets/stylesheets/bootstrap-rtl/_accordion.scss +34 -0
  13. data/vendor/assets/stylesheets/bootstrap-rtl/_alerts.scss +79 -0
  14. data/vendor/assets/stylesheets/bootstrap-rtl/_breadcrumbs.scss +24 -0
  15. data/vendor/assets/stylesheets/bootstrap-rtl/_button-groups.scss +229 -0
  16. data/vendor/assets/stylesheets/bootstrap-rtl/_buttons.scss +228 -0
  17. data/vendor/assets/stylesheets/bootstrap-rtl/_carousel.scss +158 -0
  18. data/vendor/assets/stylesheets/bootstrap-rtl/_close.scss +32 -0
  19. data/vendor/assets/stylesheets/bootstrap-rtl/_code.scss +61 -0
  20. data/vendor/assets/stylesheets/bootstrap-rtl/_component-animations.scss +22 -0
  21. data/vendor/assets/stylesheets/bootstrap-rtl/_dropdowns.scss +237 -0
  22. data/vendor/assets/stylesheets/bootstrap-rtl/_forms.scss +689 -0
  23. data/vendor/assets/stylesheets/bootstrap-rtl/_grid.scss +21 -0
  24. data/vendor/assets/stylesheets/bootstrap-rtl/_hero-unit.scss +25 -0
  25. data/vendor/assets/stylesheets/bootstrap-rtl/_labels-badges.scss +83 -0
  26. data/vendor/assets/stylesheets/bootstrap-rtl/_layouts.scss +16 -0
  27. data/vendor/assets/stylesheets/bootstrap-rtl/_media.scss +55 -0
  28. data/vendor/assets/stylesheets/bootstrap-rtl/_mixins.scss +690 -0
  29. data/vendor/assets/stylesheets/bootstrap-rtl/_modals.scss +95 -0
  30. data/vendor/assets/stylesheets/bootstrap-rtl/_navbar.scss +497 -0
  31. data/vendor/assets/stylesheets/bootstrap-rtl/_navs.scss +409 -0
  32. data/vendor/assets/stylesheets/bootstrap-rtl/_pager.scss +43 -0
  33. data/vendor/assets/stylesheets/bootstrap-rtl/_pagination.scss +123 -0
  34. data/vendor/assets/stylesheets/bootstrap-rtl/_popovers.scss +133 -0
  35. data/vendor/assets/stylesheets/bootstrap-rtl/_progress-bars.scss +122 -0
  36. data/vendor/assets/stylesheets/bootstrap-rtl/_reset.scss +216 -0
  37. data/vendor/assets/stylesheets/bootstrap-rtl/_responsive-1200px-min.scss +28 -0
  38. data/vendor/assets/stylesheets/bootstrap-rtl/_responsive-767px-max.scss +193 -0
  39. data/vendor/assets/stylesheets/bootstrap-rtl/_responsive-768px-979px.scss +19 -0
  40. data/vendor/assets/stylesheets/bootstrap-rtl/_responsive-navbar.scss +189 -0
  41. data/vendor/assets/stylesheets/bootstrap-rtl/_responsive-utilities.scss +74 -0
  42. data/vendor/assets/stylesheets/bootstrap-rtl/_scaffolding.scss +53 -0
  43. data/vendor/assets/stylesheets/bootstrap-rtl/_sprites.scss +197 -0
  44. data/vendor/assets/stylesheets/bootstrap-rtl/_tables.scss +235 -0
  45. data/vendor/assets/stylesheets/bootstrap-rtl/_thumbnails.scss +53 -0
  46. data/vendor/assets/stylesheets/bootstrap-rtl/_tooltip.scss +70 -0
  47. data/vendor/assets/stylesheets/bootstrap-rtl/_type.scss +247 -0
  48. data/vendor/assets/stylesheets/bootstrap-rtl/_utilities.scss +45 -0
  49. data/vendor/assets/stylesheets/bootstrap-rtl/_variables.scss +301 -0
  50. data/vendor/assets/stylesheets/bootstrap-rtl/_wells.scss +29 -0
  51. data/vendor/assets/stylesheets/bootstrap-rtl/bootstrap.scss +63 -0
  52. data/vendor/assets/stylesheets/bootstrap-rtl/responsive.scss +48 -0
  53. metadata +137 -0
@@ -0,0 +1,53 @@
1
+ //
2
+ // Thumbnails
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Note: `.thumbnails` and `.thumbnails > li` are overriden in responsive files
7
+
8
+ // Make wrapper ul behave like the grid
9
+ .thumbnails {
10
+ margin-right: -$gridGutterWidth;
11
+ list-style: none;
12
+ @include clearfix();
13
+ }
14
+ // Fluid rows have no left margin
15
+ .row-fluid .thumbnails {
16
+ margin-right: 0;
17
+ }
18
+
19
+ // Float li to make thumbnails appear in a row
20
+ .thumbnails > li {
21
+ float: right; // Explicity set the float since we don't require .span* classes
22
+ margin-bottom: $baseLineHeight;
23
+ margin-right: $gridGutterWidth;
24
+ }
25
+
26
+ // The actual thumbnail (can be `a` or `div`)
27
+ .thumbnail {
28
+ display: block;
29
+ padding: 4px;
30
+ line-height: $baseLineHeight;
31
+ border: 1px solid #ddd;
32
+ @include border-radius($baseBorderRadius);
33
+ @include box-shadow(0 1px 3px rgba(0,0,0,.055));
34
+ @include transition(all .2s ease-in-out);
35
+ }
36
+ // Add a hover/focus state for linked versions only
37
+ a.thumbnail:hover,
38
+ a.thumbnail:focus {
39
+ border-color: $linkColor;
40
+ @include box-shadow(0 1px 4px rgba(0,105,214,.25));
41
+ }
42
+
43
+ // Images and captions
44
+ .thumbnail > img {
45
+ display: block;
46
+ max-width: 100%;
47
+ margin-right: auto;
48
+ margin-left: auto;
49
+ }
50
+ .thumbnail .caption {
51
+ padding: 9px;
52
+ color: $gray;
53
+ }
@@ -0,0 +1,70 @@
1
+ //
2
+ // Tooltips
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Base class
7
+ .tooltip {
8
+ position: absolute;
9
+ z-index: $zindexTooltip;
10
+ display: block;
11
+ visibility: visible;
12
+ font-size: 11px;
13
+ line-height: 1.4;
14
+ @include opacity(0);
15
+ &.in { @include opacity(80); }
16
+ &.top { margin-top: -3px; padding: 5px 0; }
17
+ &.right { margin-right: 3px; padding: 0 5px; }
18
+ &.bottom { margin-top: 3px; padding: 5px 0; }
19
+ &.left { margin-right: -3px; padding: 0 5px; }
20
+ }
21
+
22
+ // Wrapper for the tooltip content
23
+ .tooltip-inner {
24
+ max-width: 200px;
25
+ padding: 8px;
26
+ color: $tooltipColor;
27
+ text-align: center;
28
+ text-decoration: none;
29
+ background-color: $tooltipBackground;
30
+ @include border-radius($baseBorderRadius);
31
+ }
32
+
33
+ // Arrows
34
+ .tooltip-arrow {
35
+ position: absolute;
36
+ width: 0;
37
+ height: 0;
38
+ border-color: transparent;
39
+ border-style: solid;
40
+ }
41
+ .tooltip {
42
+ &.top .tooltip-arrow {
43
+ bottom: 0;
44
+ right: 50%;
45
+ margin-right: -$tooltipArrowWidth;
46
+ border-width: $tooltipArrowWidth $tooltipArrowWidth 0;
47
+ border-top-color: $tooltipArrowColor;
48
+ }
49
+ &.right .tooltip-arrow {
50
+ top: 50%;
51
+ right: 0;
52
+ margin-top: -$tooltipArrowWidth;
53
+ border-width: $tooltipArrowWidth $tooltipArrowWidth $tooltipArrowWidth 0;
54
+ border-left-color: $tooltipArrowColor;
55
+ }
56
+ &.left .tooltip-arrow {
57
+ top: 50%;
58
+ left: 0;
59
+ margin-top: -$tooltipArrowWidth;
60
+ border-width: $tooltipArrowWidth 0 $tooltipArrowWidth $tooltipArrowWidth;
61
+ border-right-color: $tooltipArrowColor;
62
+ }
63
+ &.bottom .tooltip-arrow {
64
+ top: 0;
65
+ right: 50%;
66
+ margin-right: -$tooltipArrowWidth;
67
+ border-width: 0 $tooltipArrowWidth $tooltipArrowWidth;
68
+ border-bottom-color: $tooltipArrowColor;
69
+ }
70
+ }
@@ -0,0 +1,247 @@
1
+ //
2
+ // Typography
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Body text
7
+ // -------------------------
8
+
9
+ p {
10
+ margin: 0 0 $baseLineHeight / 2;
11
+ }
12
+ .lead {
13
+ margin-bottom: $baseLineHeight;
14
+ font-size: $baseFontSize * 1.5;
15
+ font-weight: 200;
16
+ line-height: $baseLineHeight * 1.5;
17
+ }
18
+
19
+
20
+ // Emphasis & misc
21
+ // -------------------------
22
+
23
+ // Ex: 14px base font * 85% = about 12px
24
+ small { font-size: 85%; }
25
+
26
+ strong { font-weight: bold; }
27
+ em { font-style: italic; }
28
+ cite { font-style: normal; }
29
+
30
+ // Utility classes
31
+ .muted { color: $grayLight; }
32
+ a.muted:hover,
33
+ a.muted:focus { color: darken($grayLight, 10%); }
34
+
35
+ .text-warning { color: $warningText; }
36
+ a.text-warning:hover,
37
+ a.text-warning:focus { color: darken($warningText, 10%); }
38
+
39
+ .text-error { color: $errorText; }
40
+ a.text-error:hover,
41
+ a.text-error:focus { color: darken($errorText, 10%); }
42
+
43
+ .text-info { color: $infoText; }
44
+ a.text-info:hover,
45
+ a.text-info:focus { color: darken($infoText, 10%); }
46
+
47
+ .text-success { color: $successText; }
48
+ a.text-success:hover,
49
+ a.text-success:focus { color: darken($successText, 10%); }
50
+
51
+ .text-left { text-align: right; }
52
+ .text-right { text-align: left; }
53
+ .text-center { text-align: center; }
54
+
55
+
56
+ // Headings
57
+ // -------------------------
58
+
59
+ h1, h2, h3, h4, h5, h6 {
60
+ margin: ($baseLineHeight / 2) 0;
61
+ font-family: $headingsFontFamily;
62
+ font-weight: $headingsFontWeight;
63
+ line-height: $baseLineHeight;
64
+ color: $headingsColor;
65
+ text-rendering: optimizelegibility; // Fix the character spacing for headings
66
+ small {
67
+ font-weight: normal;
68
+ line-height: 1;
69
+ color: $grayLight;
70
+ }
71
+ }
72
+
73
+ h1,
74
+ h2,
75
+ h3 { line-height: $baseLineHeight * 2; }
76
+
77
+ h1 { font-size: $baseFontSize * 2.75; } // ~38px
78
+ h2 { font-size: $baseFontSize * 2.25; } // ~32px
79
+ h3 { font-size: $baseFontSize * 1.75; } // ~24px
80
+ h4 { font-size: $baseFontSize * 1.25; } // ~18px
81
+ h5 { font-size: $baseFontSize; }
82
+ h6 { font-size: $baseFontSize * 0.85; } // ~12px
83
+
84
+ h1 small { font-size: $baseFontSize * 1.75; } // ~24px
85
+ h2 small { font-size: $baseFontSize * 1.25; } // ~18px
86
+ h3 small { font-size: $baseFontSize; }
87
+ h4 small { font-size: $baseFontSize; }
88
+
89
+
90
+ // Page header
91
+ // -------------------------
92
+
93
+ .page-header {
94
+ padding-bottom: ($baseLineHeight / 2) - 1;
95
+ margin: $baseLineHeight 0 ($baseLineHeight * 1.5);
96
+ border-bottom: 1px solid $grayLighter;
97
+ }
98
+
99
+
100
+
101
+ // Lists
102
+ // --------------------------------------------------
103
+
104
+ // Unordered and Ordered lists
105
+ ul, ol {
106
+ padding: 0;
107
+ margin: 0 0 $baseLineHeight / 2 25px;
108
+ }
109
+ ul ul,
110
+ ul ol,
111
+ ol ol,
112
+ ol ul {
113
+ margin-bottom: 0;
114
+ }
115
+ li {
116
+ line-height: $baseLineHeight;
117
+ }
118
+
119
+ // Remove default list styles
120
+ ul.unstyled,
121
+ ol.unstyled {
122
+ margin-right: 0;
123
+ list-style: none;
124
+ }
125
+
126
+ // Single-line list items
127
+ ul.inline,
128
+ ol.inline {
129
+ margin-right: 0;
130
+ list-style: none;
131
+ > li {
132
+ display: inline-block;
133
+ @include ie7-inline-block();
134
+ padding-right: 5px;
135
+ padding-left: 5px;
136
+ }
137
+ }
138
+
139
+ // Description Lists
140
+ dl {
141
+ margin-bottom: $baseLineHeight;
142
+ }
143
+ dt,
144
+ dd {
145
+ line-height: $baseLineHeight;
146
+ }
147
+ dt {
148
+ font-weight: bold;
149
+ }
150
+ dd {
151
+ margin-right: $baseLineHeight / 2;
152
+ }
153
+ // Horizontal layout (like forms)
154
+ .dl-horizontal {
155
+ @include clearfix(); // Ensure dl clears floats if empty dd elements present
156
+ dt {
157
+ float: right;
158
+ width: $horizontalComponentOffset - 20;
159
+ clear: right;
160
+ text-align: left;
161
+ @include text-overflow();
162
+ }
163
+ dd {
164
+ margin-right: $horizontalComponentOffset;
165
+ }
166
+ }
167
+
168
+ // MISC
169
+ // ----
170
+
171
+ // Horizontal rules
172
+ hr {
173
+ margin: $baseLineHeight 0;
174
+ border: 0;
175
+ border-top: 1px solid $hrBorder;
176
+ border-bottom: 1px solid $white;
177
+ }
178
+
179
+ // Abbreviations and acronyms
180
+ abbr[title],
181
+ // Added data-* attribute to help out our tooltip plugin, per https://github.com/twitter/bootstrap/issues/5257
182
+ abbr[data-original-title] {
183
+ cursor: help;
184
+ border-bottom: 1px dotted $grayLight;
185
+ }
186
+ abbr.initialism {
187
+ font-size: 90%;
188
+ text-transform: uppercase;
189
+ }
190
+
191
+ // Blockquotes
192
+ blockquote {
193
+ padding: 0 15px 0 0;
194
+ margin: 0 0 $baseLineHeight;
195
+ border-right: 5px solid $grayLighter;
196
+ p {
197
+ margin-bottom: 0;
198
+ font-size: $baseFontSize * 1.25;
199
+ font-weight: 300;
200
+ line-height: 1.25;
201
+ }
202
+ small {
203
+ display: block;
204
+ line-height: $baseLineHeight;
205
+ color: $grayLight;
206
+ &:before {
207
+ content: '\2014 \00A0';
208
+ }
209
+ }
210
+
211
+ // Float left with text-align: left
212
+ &.pull-right {
213
+ float: left;
214
+ padding-left: 15px;
215
+ padding-right: 0;
216
+ border-left: 5px solid $grayLighter;
217
+ border-right: 0;
218
+ p,
219
+ small {
220
+ text-align: left;
221
+ }
222
+ small {
223
+ &:before {
224
+ content: '';
225
+ }
226
+ &:after {
227
+ content: '\00A0 \2014';
228
+ }
229
+ }
230
+ }
231
+ }
232
+
233
+ // Quotes
234
+ q:before,
235
+ q:after,
236
+ blockquote:before,
237
+ blockquote:after {
238
+ content: "";
239
+ }
240
+
241
+ // Addresses
242
+ address {
243
+ display: block;
244
+ margin-bottom: $baseLineHeight;
245
+ font-style: normal;
246
+ line-height: $baseLineHeight;
247
+ }
@@ -0,0 +1,45 @@
1
+ //
2
+ // Utility classes
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Quick floats
7
+ .pull-right {
8
+ float: left;
9
+ }
10
+ .pull-left {
11
+ float: right;
12
+ }
13
+
14
+ // Toggling content
15
+ .hide {
16
+ display: none;
17
+ }
18
+ .show {
19
+ display: block;
20
+ }
21
+
22
+ // Visibility
23
+ .invisible {
24
+ visibility: hidden;
25
+ }
26
+
27
+ // For Affix plugin
28
+ .affix {
29
+ position: fixed;
30
+ }
31
+
32
+ // Clearing floats
33
+ .clearfix {
34
+ @include clearfix();
35
+ }
36
+
37
+ // Accessible yet invisible text
38
+ .hide-text {
39
+ @include hide-text();
40
+ }
41
+
42
+ // Uses box-sizing mixin, so must be defined here
43
+ .input-block-level {
44
+ @include input-block-level();
45
+ }
@@ -0,0 +1,301 @@
1
+ //
2
+ // Variables
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Global values
7
+ // --------------------------------------------------
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: Monaco, Menlo, Consolas, "Courier New", monospace !default;
50
+
51
+ $baseFontSize: 14px !default;
52
+ $baseFontFamily: $sansFontFamily !default;
53
+ $baseLineHeight: 20px !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
+ // Component sizing
62
+ // -------------------------
63
+ // Based on 14px font-size and 20px line-height
64
+
65
+ $fontSizeLarge: $baseFontSize * 1.25; // ~18px
66
+ $fontSizeSmall: $baseFontSize * 0.85; // ~12px
67
+ $fontSizeMini: $baseFontSize * 0.75; // ~11px
68
+
69
+ $paddingLarge: 11px 19px !default; // 44px
70
+ $paddingSmall: 2px 10px !default; // 26px
71
+ $paddingMini: 0px 6px !default; // 22px
72
+
73
+ $baseBorderRadius: 4px !default;
74
+ $borderRadiusLarge: 6px !default;
75
+ $borderRadiusSmall: 3px !default;
76
+
77
+
78
+ // Tables
79
+ // -------------------------
80
+ $tableBackground: transparent !default; // overall background-color
81
+ $tableBackgroundAccent: #f9f9f9 !default; // for striping
82
+ $tableBackgroundHover: #f5f5f5 !default; // for hover
83
+ $tableBorder: #ddd !default; // table and cell border
84
+
85
+ // Buttons
86
+ // -------------------------
87
+ $btnBackground: $white !default;
88
+ $btnBackgroundHighlight: darken($white, 10%) !default;
89
+ $btnBorder: #ccc !default;
90
+
91
+ $btnPrimaryBackground: $linkColor !default;
92
+ $btnPrimaryBackgroundHighlight: adjust-hue($btnPrimaryBackground, 20%) !default;
93
+
94
+ $btnInfoBackground: #5bc0de !default;
95
+ $btnInfoBackgroundHighlight: #2f96b4 !default;
96
+
97
+ $btnSuccessBackground: #62c462 !default;
98
+ $btnSuccessBackgroundHighlight: #51a351 !default;
99
+
100
+ $btnWarningBackground: lighten($orange, 15%) !default;
101
+ $btnWarningBackgroundHighlight: $orange !default;
102
+
103
+ $btnDangerBackground: #ee5f5b !default;
104
+ $btnDangerBackgroundHighlight: #bd362f !default;
105
+
106
+ $btnInverseBackground: #444 !default;
107
+ $btnInverseBackgroundHighlight: $grayDarker !default;
108
+
109
+
110
+ // Forms
111
+ // -------------------------
112
+ $inputBackground: $white !default;
113
+ $inputBorder: #ccc !default;
114
+ $inputBorderRadius: $baseBorderRadius !default;
115
+ $inputDisabledBackground: $grayLighter !default;
116
+ $formActionsBackground: #f5f5f5 !default;
117
+ $inputHeight: $baseLineHeight + 10px; // base line-height + 8px vertical padding + 2px top/bottom border
118
+
119
+
120
+ // Dropdowns
121
+ // -------------------------
122
+ $dropdownBackground: $white !default;
123
+ $dropdownBorder: rgba(0,0,0,.2) !default;
124
+ $dropdownDividerTop: #e5e5e5 !default;
125
+ $dropdownDividerBottom: $white !default;
126
+
127
+ $dropdownLinkColor: $grayDark !default;
128
+ $dropdownLinkColorHover: $white !default;
129
+ $dropdownLinkColorActive: $white !default;
130
+
131
+ $dropdownLinkBackgroundActive: $linkColor !default;
132
+ $dropdownLinkBackgroundHover: $dropdownLinkBackgroundActive !default;
133
+
134
+
135
+
136
+ // COMPONENT VARIABLES
137
+ // --------------------------------------------------
138
+
139
+
140
+ // Z-index master list
141
+ // -------------------------
142
+ // Used for a bird's eye view of components dependent on the z-axis
143
+ // Try to avoid customizing these :)
144
+ $zindexDropdown: 1000 !default;
145
+ $zindexPopover: 1010 !default;
146
+ $zindexTooltip: 1030 !default;
147
+ $zindexFixedNavbar: 1030 !default;
148
+ $zindexModalBackdrop: 1040 !default;
149
+ $zindexModal: 1050 !default;
150
+
151
+
152
+ // Sprite icons path
153
+ // -------------------------
154
+ $iconSpritePath: image-path("glyphicons-halflings.png") !default;
155
+ $iconWhiteSpritePath: image-path("glyphicons-halflings-white.png") !default;
156
+
157
+
158
+ // Input placeholder text color
159
+ // -------------------------
160
+ $placeholderText: $grayLight !default;
161
+
162
+
163
+ // Hr border color
164
+ // -------------------------
165
+ $hrBorder: $grayLighter !default;
166
+
167
+
168
+ // Horizontal forms & lists
169
+ // -------------------------
170
+ $horizontalComponentOffset: 180px !default;
171
+
172
+
173
+ // Wells
174
+ // -------------------------
175
+ $wellBackground: #f5f5f5 !default;
176
+
177
+
178
+ // Navbar
179
+ // -------------------------
180
+ $navbarCollapseWidth: 979px !default;
181
+ $navbarCollapseDesktopWidth: $navbarCollapseWidth + 1;
182
+
183
+ $navbarHeight: 40px !default;
184
+ $navbarBackgroundHighlight: #ffffff !default;
185
+ $navbarBackground: darken($navbarBackgroundHighlight, 5%) !default;
186
+ $navbarBorder: darken($navbarBackground, 12%) !default;
187
+
188
+ $navbarText: #777 !default;
189
+ $navbarLinkColor: #777 !default;
190
+ $navbarLinkColorHover: $grayDark !default;
191
+ $navbarLinkColorActive: $gray !default;
192
+ $navbarLinkBackgroundHover: transparent !default;
193
+ $navbarLinkBackgroundActive: darken($navbarBackground, 5%) !default;
194
+
195
+ $navbarBrandColor: $navbarLinkColor !default;
196
+
197
+ // Inverted navbar
198
+ $navbarInverseBackground: #111111 !default;
199
+ $navbarInverseBackgroundHighlight: #222222 !default;
200
+ $navbarInverseBorder: #252525 !default;
201
+
202
+ $navbarInverseText: $grayLight !default;
203
+ $navbarInverseLinkColor: $grayLight !default;
204
+ $navbarInverseLinkColorHover: $white !default;
205
+ $navbarInverseLinkColorActive: $navbarInverseLinkColorHover !default;
206
+ $navbarInverseLinkBackgroundHover: transparent !default;
207
+ $navbarInverseLinkBackgroundActive: $navbarInverseBackground !default;
208
+
209
+ $navbarInverseSearchBackground: lighten($navbarInverseBackground, 25%) !default;
210
+ $navbarInverseSearchBackgroundFocus: $white !default;
211
+ $navbarInverseSearchBorder: $navbarInverseBackground !default;
212
+ $navbarInverseSearchPlaceholderColor: #ccc !default;
213
+
214
+ $navbarInverseBrandColor: $navbarInverseLinkColor !default;
215
+
216
+
217
+ // Pagination
218
+ // -------------------------
219
+ $paginationBackground: #fff !default;
220
+ $paginationBorder: #ddd !default;
221
+ $paginationActiveBackground: #f5f5f5 !default;
222
+
223
+
224
+ // Hero unit
225
+ // -------------------------
226
+ $heroUnitBackground: $grayLighter !default;
227
+ $heroUnitHeadingColor: inherit !default;
228
+ $heroUnitLeadColor: inherit !default;
229
+
230
+
231
+ // Form states and alerts
232
+ // -------------------------
233
+ $warningText: #c09853 !default;
234
+ $warningBackground: #fcf8e3 !default;
235
+ $warningBorder: darken(adjust-hue($warningBackground, -10), 3%) !default;
236
+
237
+ $errorText: #b94a48 !default;
238
+ $errorBackground: #f2dede !default;
239
+ $errorBorder: darken(adjust-hue($errorBackground, -10), 3%) !default;
240
+
241
+ $successText: #468847 !default;
242
+ $successBackground: #dff0d8 !default;
243
+ $successBorder: darken(adjust-hue($successBackground, -10), 5%) !default;
244
+
245
+ $infoText: #3a87ad !default;
246
+ $infoBackground: #d9edf7 !default;
247
+ $infoBorder: darken(adjust-hue($infoBackground, -10), 7%) !default;
248
+
249
+
250
+ // Tooltips and popovers
251
+ // -------------------------
252
+ $tooltipColor: #fff !default;
253
+ $tooltipBackground: #000 !default;
254
+ $tooltipArrowWidth: 5px !default;
255
+ $tooltipArrowColor: $tooltipBackground !default;
256
+
257
+ $popoverBackground: #fff !default;
258
+ $popoverArrowWidth: 10px !default;
259
+ $popoverArrowColor: #fff !default;
260
+ $popoverTitleBackground: darken($popoverBackground, 3%) !default;
261
+
262
+ // Special enhancement for popovers
263
+ $popoverArrowOuterWidth: $popoverArrowWidth + 1 !default;
264
+ $popoverArrowOuterColor: rgba(0,0,0,.25) !default;
265
+
266
+
267
+
268
+ // GRID
269
+ // --------------------------------------------------
270
+
271
+
272
+ // Default 940px grid
273
+ // -------------------------
274
+ $gridColumns: 12 !default;
275
+ $gridColumnWidth: 60px !default;
276
+ $gridGutterWidth: 20px !default;
277
+ $gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1)) !default;
278
+
279
+ // 1200px min
280
+ $gridColumnWidth1200: 70px !default;
281
+ $gridGutterWidth1200: 30px !default;
282
+ $gridRowWidth1200: ($gridColumns * $gridColumnWidth1200) + ($gridGutterWidth1200 * ($gridColumns - 1)) !default;
283
+
284
+ // 768px-979px
285
+ $gridColumnWidth768: 42px !default;
286
+ $gridGutterWidth768: 20px !default;
287
+ $gridRowWidth768: ($gridColumns * $gridColumnWidth768) + ($gridGutterWidth768 * ($gridColumns - 1)) !default;
288
+
289
+
290
+ // Fluid grid
291
+ // -------------------------
292
+ $fluidGridColumnWidth: percentage($gridColumnWidth/$gridRowWidth) !default;
293
+ $fluidGridGutterWidth: percentage($gridGutterWidth/$gridRowWidth) !default;
294
+
295
+ // 1200px min
296
+ $fluidGridColumnWidth1200: percentage($gridColumnWidth1200/$gridRowWidth1200) !default;
297
+ $fluidGridGutterWidth1200: percentage($gridGutterWidth1200/$gridRowWidth1200) !default;
298
+
299
+ // 768px-979px
300
+ $fluidGridColumnWidth768: percentage($gridColumnWidth768/$gridRowWidth768) !default;
301
+ $fluidGridGutterWidth768: percentage($gridGutterWidth768/$gridRowWidth768) !default;