bootstrap_sass_rails 0.0.1

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 (66) hide show
  1. checksums.yaml +15 -0
  2. data/.gitignore +17 -0
  3. data/.rvmrc +1 -0
  4. data/Gemfile +4 -0
  5. data/LICENSE.txt +22 -0
  6. data/README.md +44 -0
  7. data/Rakefile +1 -0
  8. data/app/assets/javascripts/bootstrap.js +12 -0
  9. data/app/assets/javascripts/bootstrap/affix.js +126 -0
  10. data/app/assets/javascripts/bootstrap/alert.js +98 -0
  11. data/app/assets/javascripts/bootstrap/button.js +109 -0
  12. data/app/assets/javascripts/bootstrap/carousel.js +217 -0
  13. data/app/assets/javascripts/bootstrap/collapse.js +179 -0
  14. data/app/assets/javascripts/bootstrap/dropdown.js +154 -0
  15. data/app/assets/javascripts/bootstrap/modal.js +246 -0
  16. data/app/assets/javascripts/bootstrap/popover.js +117 -0
  17. data/app/assets/javascripts/bootstrap/scrollspy.js +158 -0
  18. data/app/assets/javascripts/bootstrap/tab.js +135 -0
  19. data/app/assets/javascripts/bootstrap/tooltip.js +386 -0
  20. data/app/assets/javascripts/bootstrap/transition.js +56 -0
  21. data/app/assets/stylesheets/bootstrap.css.sass +59 -0
  22. data/app/assets/stylesheets/bootstrap/_alerts.css.sass +55 -0
  23. data/app/assets/stylesheets/bootstrap/_badges.css.sass +50 -0
  24. data/app/assets/stylesheets/bootstrap/_breadcrumbs.css.sass +19 -0
  25. data/app/assets/stylesheets/bootstrap/_button-groups.css.sass +210 -0
  26. data/app/assets/stylesheets/bootstrap/_buttons.css.sass +135 -0
  27. data/app/assets/stylesheets/bootstrap/_carousel.css.sass +165 -0
  28. data/app/assets/stylesheets/bootstrap/_close.css.sass +28 -0
  29. data/app/assets/stylesheets/bootstrap/_code.css.sass +49 -0
  30. data/app/assets/stylesheets/bootstrap/_component-animations.css.sass +25 -0
  31. data/app/assets/stylesheets/bootstrap/_dropdowns.css.sass +166 -0
  32. data/app/assets/stylesheets/bootstrap/_forms.css.sass +309 -0
  33. data/app/assets/stylesheets/bootstrap/_glyphicons.css.sass +827 -0
  34. data/app/assets/stylesheets/bootstrap/_grid.css.sass +483 -0
  35. data/app/assets/stylesheets/bootstrap/_input-groups.css.sass +117 -0
  36. data/app/assets/stylesheets/bootstrap/_jumbotron.css.sass +28 -0
  37. data/app/assets/stylesheets/bootstrap/_labels.css.sass +46 -0
  38. data/app/assets/stylesheets/bootstrap/_list-group.css.sass +71 -0
  39. data/app/assets/stylesheets/bootstrap/_media.css.sass +47 -0
  40. data/app/assets/stylesheets/bootstrap/_mixins.css.sass +754 -0
  41. data/app/assets/stylesheets/bootstrap/_modals.css.sass +127 -0
  42. data/app/assets/stylesheets/bootstrap/_navbar.css.sass +457 -0
  43. data/app/assets/stylesheets/bootstrap/_navs.css.sass +171 -0
  44. data/app/assets/stylesheets/bootstrap/_normalize.css.sass +375 -0
  45. data/app/assets/stylesheets/bootstrap/_pager.css.sass +39 -0
  46. data/app/assets/stylesheets/bootstrap/_pagination.css.sass +66 -0
  47. data/app/assets/stylesheets/bootstrap/_panels.css.sass +114 -0
  48. data/app/assets/stylesheets/bootstrap/_popovers.css.sass +124 -0
  49. data/app/assets/stylesheets/bootstrap/_print.css.sass +66 -0
  50. data/app/assets/stylesheets/bootstrap/_progress-bars.css.sass +90 -0
  51. data/app/assets/stylesheets/bootstrap/_responsive-utilities.css.sass +152 -0
  52. data/app/assets/stylesheets/bootstrap/_scaffolding.css.sass +108 -0
  53. data/app/assets/stylesheets/bootstrap/_tables.css.sass +176 -0
  54. data/app/assets/stylesheets/bootstrap/_theme.css.sass +228 -0
  55. data/app/assets/stylesheets/bootstrap/_thumbnails.css.sass +26 -0
  56. data/app/assets/stylesheets/bootstrap/_tooltip.css.sass +91 -0
  57. data/app/assets/stylesheets/bootstrap/_type.css.sass +251 -0
  58. data/app/assets/stylesheets/bootstrap/_utilities.css.sass +36 -0
  59. data/app/assets/stylesheets/bootstrap/_variables.css.sass +614 -0
  60. data/app/assets/stylesheets/bootstrap/_wells.css.sass +25 -0
  61. data/bin/convert-sass.sh +3 -0
  62. data/bootstrap_sass_rails.gemspec +25 -0
  63. data/lib/bootstrap_sass_rails.rb +13 -0
  64. data/lib/bootstrap_sass_rails/engine.rb +4 -0
  65. data/lib/bootstrap_sass_rails/version.rb +3 -0
  66. metadata +152 -0
@@ -0,0 +1,26 @@
1
+ //
2
+ // Thumbnails
3
+ // --------------------------------------------------
4
+
5
+ // Mixin and adjust the regular image class
6
+ .thumbnail
7
+ @extend .img-thumbnail
8
+ display: block
9
+ // Override the inline-block from `.img-thumbnail`
10
+ > img
11
+ +img-responsive
12
+
13
+ // Add a hover state for linked versions only
14
+
15
+ a.thumbnail:hover,
16
+ a.thumbnail:focus
17
+ border-color: $link-color
18
+
19
+ // Images and captions
20
+ .thumbnail > img
21
+ margin-left: auto
22
+ margin-right: auto
23
+
24
+ .thumbnail .caption
25
+ padding: $thumbnail-caption-padding
26
+ color: $thumbnail-caption-color
@@ -0,0 +1,91 @@
1
+ //
2
+ // Tooltips
3
+ // --------------------------------------------------
4
+
5
+ // Base class
6
+ .tooltip
7
+ position: absolute
8
+ z-index: $zindex-tooltip
9
+ display: block
10
+ visibility: visible
11
+ font-size: $font-size-small
12
+ line-height: 1.4
13
+ +opacity(0)
14
+ &.in
15
+ +opacity(0.9)
16
+ &.top
17
+ margin-top: -3px
18
+ padding: 5px 0
19
+ &.right
20
+ margin-left: 3px
21
+ padding: 0 5px
22
+ &.bottom
23
+ margin-top: 3px
24
+ padding: 5px 0
25
+ &.left
26
+ margin-left: -3px
27
+ padding: 0 5px
28
+
29
+ // Wrapper for the tooltip content
30
+ .tooltip-inner
31
+ max-width: $tooltip-max-width
32
+ padding: 3px 8px
33
+ color: $tooltip-color
34
+ text-align: center
35
+ text-decoration: none
36
+ background-color: $tooltip-bg
37
+ border-radius: $border-radius-base
38
+
39
+ // Arrows
40
+ .tooltip-arrow
41
+ position: absolute
42
+ width: 0
43
+ height: 0
44
+ border-color: transparent
45
+ border-style: solid
46
+
47
+ .tooltip
48
+ &.top .tooltip-arrow
49
+ bottom: 0
50
+ left: 50%
51
+ margin-left: -$tooltip-arrow-width
52
+ border-width: $tooltip-arrow-width $tooltip-arrow-width 0
53
+ border-top-color: $tooltip-arrow-color
54
+ &.top-left .tooltip-arrow
55
+ bottom: 0
56
+ left: 5px
57
+ border-width: $tooltip-arrow-width $tooltip-arrow-width 0
58
+ border-top-color: $tooltip-arrow-color
59
+ &.top-right .tooltip-arrow
60
+ bottom: 0
61
+ right: 5px
62
+ border-width: $tooltip-arrow-width $tooltip-arrow-width 0
63
+ border-top-color: $tooltip-arrow-color
64
+ &.right .tooltip-arrow
65
+ top: 50%
66
+ left: 0
67
+ margin-top: -$tooltip-arrow-width
68
+ border-width: $tooltip-arrow-width $tooltip-arrow-width $tooltip-arrow-width 0
69
+ border-right-color: $tooltip-arrow-color
70
+ &.left .tooltip-arrow
71
+ top: 50%
72
+ right: 0
73
+ margin-top: -$tooltip-arrow-width
74
+ border-width: $tooltip-arrow-width 0 $tooltip-arrow-width $tooltip-arrow-width
75
+ border-left-color: $tooltip-arrow-color
76
+ &.bottom .tooltip-arrow
77
+ top: 0
78
+ left: 50%
79
+ margin-left: -$tooltip-arrow-width
80
+ border-width: 0 $tooltip-arrow-width $tooltip-arrow-width
81
+ border-bottom-color: $tooltip-arrow-color
82
+ &.bottom-left .tooltip-arrow
83
+ top: 0
84
+ left: 5px
85
+ border-width: 0 $tooltip-arrow-width $tooltip-arrow-width
86
+ border-bottom-color: $tooltip-arrow-color
87
+ &.bottom-right .tooltip-arrow
88
+ top: 0
89
+ right: 5px
90
+ border-width: 0 $tooltip-arrow-width $tooltip-arrow-width
91
+ border-bottom-color: $tooltip-arrow-color
@@ -0,0 +1,251 @@
1
+ //
2
+ // Typography
3
+ // --------------------------------------------------
4
+
5
+ // Body text
6
+ // -------------------------
7
+
8
+ p
9
+ margin: 0 0 $line-height-computed / 2
10
+
11
+ .lead
12
+ margin-bottom: $line-height-computed
13
+ font-size: $font-size-base * 1.15
14
+ font-weight: 200
15
+ line-height: 1.4
16
+ @media (min-width: 768px)
17
+ font-size: $font-size-base * 1.5
18
+
19
+ // Emphasis & misc
20
+ // -------------------------
21
+
22
+ // Ex: 14px base font * 85% = about 12px
23
+ small
24
+ font-size: 85%
25
+
26
+ // Undo browser default styling
27
+ cite
28
+ font-style: normal
29
+
30
+ // Contextual emphasis
31
+ .text-muted
32
+ color: $text-muted
33
+
34
+ .text-primary
35
+ color: $brand-primary
36
+
37
+ .text-warning
38
+ color: $state-warning-text
39
+
40
+ .text-danger
41
+ color: $state-danger-text
42
+
43
+ .text-success
44
+ color: $state-success-text
45
+
46
+ .text-info
47
+ color: $state-info-text
48
+
49
+ // Alignment
50
+ .text-left
51
+ text-align: left
52
+
53
+ .text-right
54
+ text-align: right
55
+
56
+ .text-center
57
+ text-align: center
58
+
59
+ // Headings
60
+ // -------------------------
61
+
62
+ h1, h2, h3, h4, h5, h6,
63
+ .h1, .h2, .h3, .h4, .h5, .h6
64
+ font-family: $headings-font-family
65
+ font-weight: $headings-font-weight
66
+ line-height: $headings-line-height
67
+ small
68
+ font-weight: normal
69
+ line-height: 1
70
+ color: $headings-small-color
71
+
72
+ h1,
73
+ h2,
74
+ h3
75
+ margin-top: $line-height-computed
76
+ margin-bottom: $line-height-computed / 2
77
+
78
+ h4,
79
+ h5,
80
+ h6
81
+ margin-top: $line-height-computed / 2
82
+ margin-bottom: $line-height-computed / 2
83
+
84
+ h1, .h1
85
+ font-size: floor($font-size-base * 2.6)
86
+
87
+ // ~36px
88
+ h2, .h2
89
+ font-size: floor($font-size-base * 2.15)
90
+
91
+ // ~30px
92
+ h3, .h3
93
+ font-size: ceil($font-size-base * 1.7)
94
+
95
+ // ~24px
96
+ h4, .h4
97
+ font-size: ceil($font-size-base * 1.25)
98
+
99
+ // ~18px
100
+ h5, .h5
101
+ font-size: $font-size-base
102
+
103
+ h6, .h6
104
+ font-size: ceil($font-size-base * 0.85)
105
+
106
+ // ~12px
107
+
108
+ h1 small, .h1 small
109
+ font-size: ceil($font-size-base * 1.7)
110
+
111
+ // ~24px
112
+ h2 small, .h2 small
113
+ font-size: ceil($font-size-base * 1.25)
114
+
115
+ // ~18px
116
+
117
+ h3 small, .h3 small,
118
+ h4 small, .h4 small
119
+ font-size: $font-size-base
120
+
121
+ // Page header
122
+ // -------------------------
123
+
124
+ .page-header
125
+ padding-bottom: $line-height-computed / 2 - 1
126
+ margin: $line-height-computed * 2 0 $line-height-computed
127
+ border-bottom: 1px solid $page-header-border-color
128
+
129
+ // Lists
130
+ // --------------------------------------------------
131
+
132
+ // Unordered and Ordered lists
133
+
134
+ ul,
135
+ ol
136
+ margin-top: 0
137
+ margin-bottom: $line-height-computed / 2
138
+ ul,
139
+ ol
140
+ margin-bottom: 0
141
+
142
+ // List options
143
+
144
+ // Unstyled keeps list items block level, just removes default browser padding and list-style
145
+ .list-unstyled
146
+ padding-left: 0
147
+ list-style: none
148
+
149
+ // Inline turns list items into inline-block
150
+ .list-inline
151
+ @extend .list-unstyled
152
+ > li
153
+ display: inline-block
154
+ padding-left: 5px
155
+ padding-right: 5px
156
+
157
+ // Description Lists
158
+ dl
159
+ margin-bottom: $line-height-computed
160
+
161
+ dt,
162
+ dd
163
+ line-height: $line-height-base
164
+
165
+ dt
166
+ font-weight: bold
167
+
168
+ dd
169
+ margin-left: 0
170
+ // Undo browser default
171
+
172
+ // Horizontal description lists
173
+ //
174
+ // Defaults to being stacked without any of the below styles applied, until the
175
+ // grid breakpoint is reached (default of ~768px).
176
+
177
+ @media (min-width: $grid-float-breakpoint)
178
+ .dl-horizontal
179
+ dt
180
+ float: left
181
+ width: $component-offset-horizontal - 20
182
+ clear: left
183
+ text-align: right
184
+ +text-overflow
185
+ dd
186
+ margin-left: $component-offset-horizontal
187
+ +clearfix
188
+ // Clear the floated `dt` if an empty `dd` is present
189
+
190
+ // MISC
191
+ // ----
192
+
193
+ // Abbreviations and acronyms
194
+
195
+ abbr[title],
196
+ abbr[data-original-title]
197
+ cursor: help
198
+ border-bottom: 1px dotted $abbr-border-color
199
+
200
+ abbr.initialism
201
+ font-size: 90%
202
+ text-transform: uppercase
203
+
204
+ // Blockquotes
205
+ blockquote
206
+ padding: $line-height-computed / 2 $line-height-computed
207
+ margin: 0 0 $line-height-computed
208
+ border-left: 5px solid $blockquote-border-color
209
+ p
210
+ font-size: $font-size-base * 1.25
211
+ font-weight: 300
212
+ line-height: 1.25
213
+ p:last-child
214
+ margin-bottom: 0
215
+ small
216
+ display: block
217
+ line-height: $line-height-base
218
+ color: $blockquote-small-color
219
+ &:before
220
+ content: '\2014 \00A0'
221
+ // EM DASH, NBSP
222
+ // Float right with text-align: right
223
+ &.pull-right
224
+ padding-right: 15px
225
+ padding-left: 0
226
+ border-right: 5px solid $blockquote-border-color
227
+ border-left: 0
228
+ p,
229
+ small
230
+ text-align: right
231
+ small
232
+ &:before
233
+ content: ''
234
+ &:after
235
+ content: '\00A0 \2014'
236
+ // NBSP, EM DASH
237
+
238
+ // Quotes
239
+
240
+ q:before,
241
+ q:after,
242
+ blockquote:before,
243
+ blockquote:after
244
+ content: ""
245
+
246
+ // Addresses
247
+ address
248
+ display: block
249
+ margin-bottom: $line-height-computed
250
+ font-style: normal
251
+ line-height: $line-height-base
@@ -0,0 +1,36 @@
1
+ //
2
+ // Utility classes
3
+ // --------------------------------------------------
4
+
5
+ // Floats
6
+ // -------------------------
7
+
8
+ .clearfix
9
+ +clearfix
10
+
11
+ .pull-right
12
+ float: right !important
13
+
14
+ .pull-left
15
+ float: left !important
16
+
17
+ // Toggling content
18
+ // -------------------------
19
+
20
+ .hide
21
+ display: none !important
22
+
23
+ .show
24
+ display: block !important
25
+
26
+ .invisible
27
+ visibility: hidden
28
+
29
+ .text-hide
30
+ +hide-text
31
+
32
+ // For Affix plugin
33
+ // -------------------------
34
+
35
+ .affix
36
+ position: fixed
@@ -0,0 +1,614 @@
1
+ //
2
+ // Variables
3
+ // --------------------------------------------------
4
+
5
+ // Global values
6
+ // --------------------------------------------------
7
+
8
+ // Grays
9
+ // -------------------------
10
+
11
+ $gray-darker: lighten(black, 13.5%) !default
12
+
13
+ // #222
14
+ $gray-dark: lighten(black, 20%) !default
15
+
16
+ // #333
17
+ $gray: lighten(black, 33.5%) !default
18
+
19
+ // #555
20
+ $gray-light: lighten(black, 60%) !default
21
+
22
+ // #999
23
+ $gray-lighter: lighten(black, 93.5%) !default
24
+
25
+ // #eee
26
+
27
+ // Brand colors
28
+ // -------------------------
29
+
30
+ $brand-primary: #428bca !default
31
+ $brand-success: #5cb85c !default
32
+ $brand-warning: #f0ad4e !default
33
+ $brand-danger: #d9534f !default
34
+ $brand-info: #5bc0de !default
35
+
36
+ // Scaffolding
37
+ // -------------------------
38
+
39
+ $body-bg: white !default
40
+ $text-color: $gray-dark !default
41
+
42
+ // Links
43
+ // -------------------------
44
+
45
+ $link-color: $brand-primary !default
46
+ $link-hover-color: darken($link-color, 15%) !default
47
+
48
+ // Typography
49
+ // -------------------------
50
+
51
+ $font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif !default
52
+ $font-family-serif: Georgia, "Times New Roman", Times, serif !default
53
+ $font-family-monospace: Monaco, Menlo, Consolas, "Courier New", monospace !default
54
+ $font-family-base: $font-family-sans-serif !default
55
+
56
+ $font-size-base: 14px !default
57
+ $font-size-large: ceil($font-size-base * 1.25) !default
58
+ // ~18px
59
+ $font-size-small: ceil($font-size-base * 0.85) !default
60
+ // ~12px
61
+ $line-height-base: 1.42857 !default
62
+ // 20/14
63
+ $line-height-computed: floor($font-size-base * $line-height-base) !default
64
+ // ~20px
65
+
66
+ $headings-font-family: $font-family-base !default
67
+ $headings-font-weight: 500 !default
68
+ $headings-line-height: 1.1 !default
69
+
70
+
71
+
72
+
73
+ // Iconography
74
+ // -------------------------
75
+
76
+ $icon-font-path: "twitter/bootstrap/" !default
77
+ $icon-font-name: "glyphicons-halflings-regular" !default
78
+
79
+
80
+
81
+
82
+ // Components
83
+ // -------------------------
84
+ // Based on 14px font-size and 1.428 line-height (~20px to start)
85
+
86
+ $padding-base-vertical: 6px !default
87
+ $padding-base-horizontal: 12px !default
88
+
89
+ $padding-large-vertical: 10px !default
90
+ $padding-large-horizontal: 16px !default
91
+
92
+ $padding-small-vertical: 5px !default
93
+ $padding-small-horizontal: 10px !default
94
+
95
+ $line-height-large: 1.33 !default
96
+ $line-height-small: 1.5 !default
97
+
98
+ $border-radius-base: 4px !default
99
+ $border-radius-large: 6px !default
100
+ $border-radius-small: 3px !default
101
+
102
+ $component-active-bg: $brand-primary !default
103
+
104
+ $caret-width-base: 4px !default
105
+ $caret-width-large: 5px !default
106
+
107
+ // Tables
108
+ // -------------------------
109
+
110
+ $table-cell-padding: 8px !default
111
+ $table-condensed-cell-padding: 5px !default
112
+
113
+ $table-bg: transparent !default
114
+ // overall background-color
115
+ $table-bg-accent: #f9f9f9 !default
116
+ // for striping
117
+ $table-bg-hover: whitesmoke !default
118
+ $table-bg-active: $table-bg-hover !default
119
+
120
+ $table-border-color: #dddddd !default
121
+
122
+ // table and cell border
123
+
124
+ // Buttons
125
+ // -------------------------
126
+
127
+ $btn-font-weight: normal !default
128
+
129
+ $btn-default-color: #333333 !default
130
+ $btn-default-bg: white !default
131
+ $btn-default-border: #cccccc !default
132
+
133
+ $btn-primary-color: white !default
134
+ $btn-primary-bg: $brand-primary !default
135
+ $btn-primary-border: darken($btn-primary-bg, 5%) !default
136
+
137
+ $btn-success-color: white !default
138
+ $btn-success-bg: $brand-success !default
139
+ $btn-success-border: darken($btn-success-bg, 5%) !default
140
+
141
+ $btn-warning-color: white !default
142
+ $btn-warning-bg: $brand-warning !default
143
+ $btn-warning-border: darken($btn-warning-bg, 5%) !default
144
+
145
+ $btn-danger-color: white !default
146
+ $btn-danger-bg: $brand-danger !default
147
+ $btn-danger-border: darken($btn-danger-bg, 5%) !default
148
+
149
+ $btn-info-color: white !default
150
+ $btn-info-bg: $brand-info !default
151
+ $btn-info-border: darken($btn-info-bg, 5%) !default
152
+
153
+ $btn-link-disabled-color: $gray-light !default
154
+
155
+ // Forms
156
+ // -------------------------
157
+
158
+ $input-bg: white !default
159
+ $input-bg-disabled: $gray-lighter !default
160
+
161
+ $input-color: $gray !default
162
+ $input-border: #cccccc !default
163
+ $input-border-radius: $border-radius-base !default
164
+ $input-border-focus: #66afe9 !default
165
+
166
+ $input-color-placeholder: $gray-light !default
167
+
168
+ $input-height-base: $line-height-computed + $padding-base-vertical * 2 + 2 !default
169
+ $input-height-large: floor($font-size-large * $line-height-large) + $padding-large-vertical * 2 + 2 !default
170
+ $input-height-small: floor($font-size-small * $line-height-small) + $padding-small-vertical * 2 + 2 !default
171
+
172
+ $legend-color: $gray-dark !default
173
+ $legend-border-color: #e5e5e5 !default
174
+
175
+ $input-group-addon-bg: $gray-lighter !default
176
+ $input-group-addon-border-color: $input-border !default
177
+
178
+ // Dropdowns
179
+ // -------------------------
180
+
181
+ $dropdown-bg: white !default
182
+ $dropdown-border: rgba(0, 0, 0, 0.15) !default
183
+ $dropdown-fallback-border: #cccccc !default
184
+ $dropdown-divider-bg: #e5e5e5 !default
185
+
186
+ $dropdown-link-active-color: white !default
187
+ $dropdown-link-active-bg: $component-active-bg !default
188
+
189
+ $dropdown-link-color: $gray-dark !default
190
+ $dropdown-link-hover-color: white !default
191
+ $dropdown-link-hover-bg: $dropdown-link-active-bg !default
192
+
193
+ $dropdown-link-disabled-color: $gray-light !default
194
+
195
+ $dropdown-header-color: $gray-light !default
196
+
197
+ $dropdown-caret-color: black !default
198
+
199
+ // COMPONENT VARIABLES
200
+ // --------------------------------------------------
201
+
202
+ // Z-index master list
203
+ // -------------------------
204
+ // Used for a bird's eye view of components dependent on the z-axis
205
+ // Try to avoid customizing these :)
206
+
207
+ $zindex-navbar: 1000 !default
208
+ $zindex-dropdown: 1000 !default
209
+ $zindex-popover: 1010 !default
210
+ $zindex-tooltip: 1030 !default
211
+ $zindex-navbar-fixed: 1030 !default
212
+ $zindex-modal-background: 1040 !default
213
+ $zindex-modal: 1050 !default
214
+
215
+ // Media queries breakpoints
216
+ // --------------------------------------------------
217
+
218
+ // Extra small screen / phone
219
+ $screen-xs: 480px !default
220
+ $screen-phone: $screen-xs !default
221
+
222
+ // Small screen / tablet
223
+ $screen-sm: 768px !default
224
+ $screen-tablet: $screen-sm !default
225
+
226
+ // Medium screen / desktop
227
+ $screen-md: 992px !default
228
+ $screen-desktop: $screen-md !default
229
+
230
+ // Large screen / wide desktop
231
+ $screen-lg: 1200px !default
232
+ $screen-lg-desktop: $screen-lg !default
233
+
234
+ // So media queries don't overlap when required, provide a maximum
235
+ $screen-xs-max: $screen-sm - 1 !default
236
+ $screen-sm-max: $screen-md - 1 !default
237
+ $screen-md-max: $screen-lg - 1 !default
238
+
239
+ // Grid system
240
+ // --------------------------------------------------
241
+
242
+ // Number of columns in the grid system
243
+ $grid-columns: 12 !default
244
+
245
+ // Padding, to be divided by two and applied to the left and right of all columns
246
+ $grid-gutter-width: 30px !default
247
+
248
+ // Point at which the navbar stops collapsing
249
+ $grid-float-breakpoint: $screen-tablet !default
250
+
251
+ // Navbar
252
+ // -------------------------
253
+
254
+ // Basics of a navbar
255
+ $navbar-height: 50px !default
256
+ $navbar-margin-bottom: $line-height-computed !default
257
+ $navbar-default-color: #777777 !default
258
+ $navbar-default-bg: #f8f8f8 !default
259
+ $navbar-default-border: darken($navbar-default-bg, 6.5%) !default
260
+ $navbar-border-radius: $border-radius-base !default
261
+ $navbar-padding-horizontal: floor($grid-gutter-width / 2) !default
262
+ $navbar-padding-vertical: ($navbar-height - $line-height-computed) / 2 !default
263
+
264
+ // Navbar links
265
+ $navbar-default-link-color: #777777 !default
266
+ $navbar-default-link-hover-color: #333333 !default
267
+ $navbar-default-link-hover-bg: transparent !default
268
+ $navbar-default-link-active-color: #555555 !default
269
+ $navbar-default-link-active-bg: darken($navbar-default-bg, 6.5%) !default
270
+ $navbar-default-link-disabled-color: #cccccc !default
271
+ $navbar-default-link-disabled-bg: transparent !default
272
+
273
+ // Navbar brand label
274
+ $navbar-default-brand-color: $navbar-default-link-color !default
275
+ $navbar-default-brand-hover-color: darken($navbar-default-link-color, 10%) !default
276
+ $navbar-default-brand-hover-bg: transparent !default
277
+
278
+ // Navbar toggle
279
+ $navbar-default-toggle-hover-bg: #dddddd !default
280
+ $navbar-default-toggle-icon-bar-bg: #cccccc !default
281
+ $navbar-default-toggle-border-color: #dddddd !default
282
+
283
+ // Inverted navbar
284
+ //
285
+ // Reset inverted navbar basics
286
+ $navbar-inverse-color: $gray-light !default
287
+ $navbar-inverse-bg: #222222 !default
288
+ $navbar-inverse-border: darken($navbar-inverse-bg, 10%) !default
289
+
290
+ // Inverted navbar links
291
+ $navbar-inverse-link-color: $gray-light !default
292
+ $navbar-inverse-link-hover-color: white !default
293
+ $navbar-inverse-link-hover-bg: transparent !default
294
+ $navbar-inverse-link-active-color: $navbar-inverse-link-hover-color !default
295
+ $navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 10%) !default
296
+ $navbar-inverse-link-disabled-color: #444444 !default
297
+ $navbar-inverse-link-disabled-bg: transparent !default
298
+
299
+ // Inverted navbar brand label
300
+ $navbar-inverse-brand-color: $navbar-inverse-link-color !default
301
+ $navbar-inverse-brand-hover-color: white !default
302
+ $navbar-inverse-brand-hover-bg: transparent !default
303
+
304
+ // Inverted navbar search
305
+ // Normal navbar needs no special styles or vars
306
+ $navbar-inverse-search-bg: lighten($navbar-inverse-bg, 25%) !default
307
+ $navbar-inverse-search-bg-focus: white !default
308
+ $navbar-inverse-search-border: $navbar-inverse-bg !default
309
+ $navbar-inverse-search-placeholder-color: #cccccc !default
310
+
311
+ // Inverted navbar toggle
312
+ $navbar-inverse-toggle-hover-bg: #333333 !default
313
+ $navbar-inverse-toggle-icon-bar-bg: white !default
314
+ $navbar-inverse-toggle-border-color: #333333 !default
315
+
316
+ // Navs
317
+ // -------------------------
318
+
319
+ $nav-link-padding: 10px 15px !default
320
+ $nav-link-hover-bg: $gray-lighter !default
321
+
322
+ $nav-disabled-link-color: $gray-light !default
323
+ $nav-disabled-link-hover-color: $gray-light !default
324
+
325
+ $nav-open-link-hover-color: white !default
326
+ $nav-open-caret-border-color: white !default
327
+
328
+ // Tabs
329
+ $nav-tabs-border-color: #dddddd !default
330
+
331
+ $nav-tabs-link-hover-border-color: $gray-lighter !default
332
+
333
+ $nav-tabs-active-link-hover-bg: $body-bg !default
334
+ $nav-tabs-active-link-hover-color: $gray !default
335
+ $nav-tabs-active-link-hover-border-color: #dddddd !default
336
+
337
+ $nav-tabs-justified-link-border-color: #dddddd !default
338
+ $nav-tabs-justified-active-link-border-color: $body-bg !default
339
+
340
+ // Pills
341
+ $nav-pills-active-link-hover-bg: $component-active-bg !default
342
+ $nav-pills-active-link-hover-color: white !default
343
+
344
+ // Pagination
345
+ // -------------------------
346
+
347
+ $pagination-bg: white !default
348
+ $pagination-border: #dddddd !default
349
+
350
+ $pagination-hover-bg: $gray-lighter !default
351
+
352
+ $pagination-active-bg: $brand-primary !default
353
+ $pagination-active-color: white !default
354
+
355
+ $pagination-disabled-color: $gray-light !default
356
+
357
+ // Pager
358
+ // -------------------------
359
+
360
+ $pager-border-radius: 15px !default
361
+ $pager-disabled-color: $gray-light !default
362
+
363
+ // Jumbotron
364
+ // -------------------------
365
+
366
+ $jumbotron-padding: 30px !default
367
+ $jumbotron-color: inherit !default
368
+ $jumbotron-bg: $gray-lighter !default
369
+
370
+ $jumbotron-heading-color: inherit !default
371
+
372
+ // Form states and alerts
373
+ // -------------------------
374
+
375
+ $state-warning-text: #c09853 !default
376
+ $state-warning-bg: #fcf8e3 !default
377
+ $state-warning-border: darken(adjust-hue($state-warning-bg, -10), 3%) !default
378
+
379
+ $state-danger-text: #b94a48 !default
380
+ $state-danger-bg: #f2dede !default
381
+ $state-danger-border: darken(adjust-hue($state-danger-bg, -10), 3%) !default
382
+
383
+ $state-success-text: #468847 !default
384
+ $state-success-bg: #dff0d8 !default
385
+ $state-success-border: darken(adjust-hue($state-success-bg, -10), 5%) !default
386
+
387
+ $state-info-text: #3a87ad !default
388
+ $state-info-bg: #d9edf7 !default
389
+ $state-info-border: darken(adjust-hue($state-info-bg, -10), 7%) !default
390
+
391
+ // Tooltips
392
+ // -------------------------
393
+ $tooltip-max-width: 200px !default
394
+ $tooltip-color: white !default
395
+ $tooltip-bg: black !default
396
+
397
+ $tooltip-arrow-width: 5px !default
398
+ $tooltip-arrow-color: $tooltip-bg !default
399
+
400
+ // Popovers
401
+ // -------------------------
402
+ $popover-bg: white !default
403
+ $popover-max-width: 276px !default
404
+ $popover-border-color: rgba(0, 0, 0, 0.2) !default
405
+ $popover-fallback-border-color: #cccccc !default
406
+
407
+ $popover-title-bg: darken($popover-bg, 3%) !default
408
+
409
+ $popover-arrow-width: 10px !default
410
+ $popover-arrow-color: white !default
411
+
412
+ $popover-arrow-outer-width: $popover-arrow-width + 1 !default
413
+ $popover-arrow-outer-color: rgba(0, 0, 0, 0.25) !default
414
+ $popover-arrow-outer-fallback-color: #999999 !default
415
+
416
+ // Labels
417
+ // -------------------------
418
+
419
+ $label-default-bg: $gray-light !default
420
+ $label-primary-bg: $brand-primary !default
421
+ $label-success-bg: $brand-success !default
422
+ $label-info-bg: $brand-info !default
423
+ $label-warning-bg: $brand-warning !default
424
+ $label-danger-bg: $brand-danger !default
425
+
426
+ $label-color: white !default
427
+ $label-link-hover-color: white !default
428
+
429
+ // Modals
430
+ // -------------------------
431
+ $modal-inner-padding: 20px !default
432
+
433
+ $modal-title-padding: 15px !default
434
+ $modal-title-line-height: $line-height-base !default
435
+
436
+ $modal-content-bg: white !default
437
+ $modal-content-border-color: rgba(0, 0, 0, 0.2) !default
438
+ $modal-content-fallback-border-color: #999999 !default
439
+
440
+ $modal-backdrop-bg: black !default
441
+ $modal-header-border-color: #e5e5e5 !default
442
+ $modal-footer-border-color: $modal-header-border-color !default
443
+
444
+ // Alerts
445
+ // -------------------------
446
+ $alert-padding: 15px !default
447
+ $alert-border-radius: $border-radius-base !default
448
+ $alert-link-font-weight: bold !default
449
+
450
+ $alert-success-bg: $state-success-bg !default
451
+ $alert-success-text: $state-success-text !default
452
+ $alert-success-border: $state-success-border !default
453
+
454
+ $alert-info-bg: $state-info-bg !default
455
+ $alert-info-text: $state-info-text !default
456
+ $alert-info-border: $state-info-border !default
457
+
458
+ $alert-warning-bg: $state-warning-bg !default
459
+ $alert-warning-text: $state-warning-text !default
460
+ $alert-warning-border: $state-warning-border !default
461
+
462
+ $alert-danger-bg: $state-danger-bg !default
463
+ $alert-danger-text: $state-danger-text !default
464
+ $alert-danger-border: $state-danger-border !default
465
+
466
+ // Progress bars
467
+ // -------------------------
468
+ $progress-bg: whitesmoke !default
469
+ $progress-bar-color: white !default
470
+
471
+ $progress-bar-bg: $brand-primary !default
472
+ $progress-bar-success-bg: $brand-success !default
473
+ $progress-bar-warning-bg: $brand-warning !default
474
+ $progress-bar-danger-bg: $brand-danger !default
475
+ $progress-bar-info-bg: $brand-info !default
476
+
477
+ // List group
478
+ // -------------------------
479
+ $list-group-bg: white !default
480
+ $list-group-border: #dddddd !default
481
+ $list-group-border-radius: $border-radius-base !default
482
+
483
+ $list-group-hover-bg: whitesmoke !default
484
+ $list-group-active-color: white !default
485
+ $list-group-active-bg: $component-active-bg !default
486
+ $list-group-active-border: $list-group-active-bg !default
487
+
488
+ $list-group-link-color: #555555 !default
489
+ $list-group-link-heading-color: #333333 !default
490
+
491
+ // Panels
492
+ // -------------------------
493
+ $panel-bg: white !default
494
+ $panel-inner-border: #dddddd !default
495
+ $panel-border-radius: $border-radius-base !default
496
+ $panel-footer-bg: whitesmoke !default
497
+
498
+ $panel-default-text: $gray-dark !default
499
+ $panel-default-border: #dddddd !default
500
+ $panel-default-heading-bg: whitesmoke !default
501
+
502
+ $panel-primary-text: white !default
503
+ $panel-primary-border: $brand-primary !default
504
+ $panel-primary-heading-bg: $brand-primary !default
505
+
506
+ $panel-success-text: $state-success-text !default
507
+ $panel-success-border: $state-success-border !default
508
+ $panel-success-heading-bg: $state-success-bg !default
509
+
510
+ $panel-warning-text: $state-warning-text !default
511
+ $panel-warning-border: $state-warning-border !default
512
+ $panel-warning-heading-bg: $state-warning-bg !default
513
+
514
+ $panel-danger-text: $state-danger-text !default
515
+ $panel-danger-border: $state-danger-border !default
516
+ $panel-danger-heading-bg: $state-danger-bg !default
517
+
518
+ $panel-info-text: $state-info-text !default
519
+ $panel-info-border: $state-info-border !default
520
+ $panel-info-heading-bg: $state-info-bg !default
521
+
522
+ // Thumbnails
523
+ // -------------------------
524
+ $thumbnail-padding: 4px !default
525
+ $thumbnail-bg: $body-bg !default
526
+ $thumbnail-border: #dddddd !default
527
+ $thumbnail-border-radius: $border-radius-base !default
528
+
529
+ $thumbnail-caption-color: $text-color !default
530
+ $thumbnail-caption-padding: 9px !default
531
+
532
+ // Wells
533
+ // -------------------------
534
+ $well-bg: whitesmoke !default
535
+
536
+ // Badges
537
+ // -------------------------
538
+ $badge-color: white !default
539
+ $badge-link-hover-color: white !default
540
+ $badge-bg: $gray-light !default
541
+
542
+ $badge-active-color: $link-color !default
543
+ $badge-active-bg: white !default
544
+
545
+ $badge-font-weight: bold !default
546
+ $badge-line-height: 1 !default
547
+ $badge-border-radius: 10px !default
548
+
549
+ // Breadcrumbs
550
+ // -------------------------
551
+ $breadcrumb-bg: whitesmoke !default
552
+ $breadcrumb-color: #cccccc !default
553
+ $breadcrumb-active-color: $gray-light !default
554
+
555
+ // Carousel
556
+ // ------------------------
557
+
558
+ $carousel-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) !default
559
+
560
+ $carousel-control-color: white !default
561
+ $carousel-control-width: 15% !default
562
+ $carousel-control-opacity: 0.5 !default
563
+ $carousel-control-font-size: 20px !default
564
+
565
+ $carousel-indicator-active-bg: white !default
566
+ $carousel-indicator-border-color: white !default
567
+
568
+ $carousel-caption-color: white !default
569
+
570
+ // Close
571
+ // ------------------------
572
+ $close-color: black !default
573
+ $close-font-weight: bold !default
574
+ $close-text-shadow: 0 1px 0 white !default
575
+
576
+ // Code
577
+ // ------------------------
578
+ $code-color: #c7254e !default
579
+ $code-bg: #f9f2f4 !default
580
+
581
+ $pre-bg: whitesmoke !default
582
+ $pre-color: $gray-dark !default
583
+ $pre-border-color: #cccccc !default
584
+ $pre-scrollable-max-height: 340px !default
585
+
586
+ // Type
587
+ // ------------------------
588
+ $text-muted: $gray-light !default
589
+ $abbr-border-color: $gray-light !default
590
+ $headings-small-color: $gray-light !default
591
+ $blockquote-small-color: $gray-light !default
592
+ $blockquote-border-color: $gray-lighter !default
593
+ $page-header-border-color: $gray-lighter !default
594
+
595
+ // Miscellaneous
596
+ // -------------------------
597
+
598
+ // Hr border color
599
+ $hr-border: $gray-lighter !default
600
+
601
+ // Horizontal forms & lists
602
+ $component-offset-horizontal: 180px !default
603
+
604
+ // Container sizes
605
+ // --------------------------------------------------
606
+
607
+ // Small screen / tablet
608
+ $container-tablet: 720px + $grid-gutter-width !default
609
+
610
+ // Medium screen / desktop
611
+ $container-desktop: 940px + $grid-gutter-width !default
612
+
613
+ // Large screen / wide desktop
614
+ $container-lg-desktop: 1140px + $grid-gutter-width !default