bootstrap_sass_rails 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
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