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.
- checksums.yaml +15 -0
- data/.gitignore +17 -0
- data/.rvmrc +1 -0
- data/Gemfile +4 -0
- data/LICENSE.txt +22 -0
- data/README.md +44 -0
- data/Rakefile +1 -0
- data/app/assets/javascripts/bootstrap.js +12 -0
- data/app/assets/javascripts/bootstrap/affix.js +126 -0
- data/app/assets/javascripts/bootstrap/alert.js +98 -0
- data/app/assets/javascripts/bootstrap/button.js +109 -0
- data/app/assets/javascripts/bootstrap/carousel.js +217 -0
- data/app/assets/javascripts/bootstrap/collapse.js +179 -0
- data/app/assets/javascripts/bootstrap/dropdown.js +154 -0
- data/app/assets/javascripts/bootstrap/modal.js +246 -0
- data/app/assets/javascripts/bootstrap/popover.js +117 -0
- data/app/assets/javascripts/bootstrap/scrollspy.js +158 -0
- data/app/assets/javascripts/bootstrap/tab.js +135 -0
- data/app/assets/javascripts/bootstrap/tooltip.js +386 -0
- data/app/assets/javascripts/bootstrap/transition.js +56 -0
- data/app/assets/stylesheets/bootstrap.css.sass +59 -0
- data/app/assets/stylesheets/bootstrap/_alerts.css.sass +55 -0
- data/app/assets/stylesheets/bootstrap/_badges.css.sass +50 -0
- data/app/assets/stylesheets/bootstrap/_breadcrumbs.css.sass +19 -0
- data/app/assets/stylesheets/bootstrap/_button-groups.css.sass +210 -0
- data/app/assets/stylesheets/bootstrap/_buttons.css.sass +135 -0
- data/app/assets/stylesheets/bootstrap/_carousel.css.sass +165 -0
- data/app/assets/stylesheets/bootstrap/_close.css.sass +28 -0
- data/app/assets/stylesheets/bootstrap/_code.css.sass +49 -0
- data/app/assets/stylesheets/bootstrap/_component-animations.css.sass +25 -0
- data/app/assets/stylesheets/bootstrap/_dropdowns.css.sass +166 -0
- data/app/assets/stylesheets/bootstrap/_forms.css.sass +309 -0
- data/app/assets/stylesheets/bootstrap/_glyphicons.css.sass +827 -0
- data/app/assets/stylesheets/bootstrap/_grid.css.sass +483 -0
- data/app/assets/stylesheets/bootstrap/_input-groups.css.sass +117 -0
- data/app/assets/stylesheets/bootstrap/_jumbotron.css.sass +28 -0
- data/app/assets/stylesheets/bootstrap/_labels.css.sass +46 -0
- data/app/assets/stylesheets/bootstrap/_list-group.css.sass +71 -0
- data/app/assets/stylesheets/bootstrap/_media.css.sass +47 -0
- data/app/assets/stylesheets/bootstrap/_mixins.css.sass +754 -0
- data/app/assets/stylesheets/bootstrap/_modals.css.sass +127 -0
- data/app/assets/stylesheets/bootstrap/_navbar.css.sass +457 -0
- data/app/assets/stylesheets/bootstrap/_navs.css.sass +171 -0
- data/app/assets/stylesheets/bootstrap/_normalize.css.sass +375 -0
- data/app/assets/stylesheets/bootstrap/_pager.css.sass +39 -0
- data/app/assets/stylesheets/bootstrap/_pagination.css.sass +66 -0
- data/app/assets/stylesheets/bootstrap/_panels.css.sass +114 -0
- data/app/assets/stylesheets/bootstrap/_popovers.css.sass +124 -0
- data/app/assets/stylesheets/bootstrap/_print.css.sass +66 -0
- data/app/assets/stylesheets/bootstrap/_progress-bars.css.sass +90 -0
- data/app/assets/stylesheets/bootstrap/_responsive-utilities.css.sass +152 -0
- data/app/assets/stylesheets/bootstrap/_scaffolding.css.sass +108 -0
- data/app/assets/stylesheets/bootstrap/_tables.css.sass +176 -0
- data/app/assets/stylesheets/bootstrap/_theme.css.sass +228 -0
- data/app/assets/stylesheets/bootstrap/_thumbnails.css.sass +26 -0
- data/app/assets/stylesheets/bootstrap/_tooltip.css.sass +91 -0
- data/app/assets/stylesheets/bootstrap/_type.css.sass +251 -0
- data/app/assets/stylesheets/bootstrap/_utilities.css.sass +36 -0
- data/app/assets/stylesheets/bootstrap/_variables.css.sass +614 -0
- data/app/assets/stylesheets/bootstrap/_wells.css.sass +25 -0
- data/bin/convert-sass.sh +3 -0
- data/bootstrap_sass_rails.gemspec +25 -0
- data/lib/bootstrap_sass_rails.rb +13 -0
- data/lib/bootstrap_sass_rails/engine.rb +4 -0
- data/lib/bootstrap_sass_rails/version.rb +3 -0
- metadata +152 -0
@@ -0,0 +1,135 @@
|
|
1
|
+
//
|
2
|
+
// Buttons
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
// Base styles
|
6
|
+
// --------------------------------------------------
|
7
|
+
|
8
|
+
// Core styles
|
9
|
+
.btn
|
10
|
+
display: inline-block
|
11
|
+
padding: $padding-base-vertical $padding-base-horizontal
|
12
|
+
margin-bottom: 0
|
13
|
+
// For input.btn
|
14
|
+
font-size: $font-size-base
|
15
|
+
font-weight: $btn-font-weight
|
16
|
+
line-height: $line-height-base
|
17
|
+
text-align: center
|
18
|
+
vertical-align: middle
|
19
|
+
cursor: pointer
|
20
|
+
border: 1px solid transparent
|
21
|
+
border-radius: $border-radius-base
|
22
|
+
white-space: nowrap
|
23
|
+
+user-select(none)
|
24
|
+
&:focus
|
25
|
+
+tab-focus
|
26
|
+
&:hover,
|
27
|
+
&:focus
|
28
|
+
color: $btn-default-color
|
29
|
+
text-decoration: none
|
30
|
+
&:active,
|
31
|
+
&.active
|
32
|
+
outline: 0
|
33
|
+
background-image: none
|
34
|
+
+box-shadow(inset 0 3px 5px rgba(0, 0, 0, 0.125))
|
35
|
+
&.disabled,
|
36
|
+
&[disabled],
|
37
|
+
fieldset[disabled] &
|
38
|
+
cursor: not-allowed
|
39
|
+
pointer-events: none
|
40
|
+
// Future-proof disabling of clicks
|
41
|
+
+opacity(0.65)
|
42
|
+
+box-shadow(none)
|
43
|
+
|
44
|
+
// Alternate buttons
|
45
|
+
// --------------------------------------------------
|
46
|
+
|
47
|
+
.btn-default
|
48
|
+
+button-variant($btn-default-color, $btn-default-bg, $btn-default-border)
|
49
|
+
|
50
|
+
.btn-primary
|
51
|
+
+button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border)
|
52
|
+
|
53
|
+
// Warning appears as orange
|
54
|
+
.btn-warning
|
55
|
+
+button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border)
|
56
|
+
|
57
|
+
// Danger and error appear as red
|
58
|
+
.btn-danger
|
59
|
+
+button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border)
|
60
|
+
|
61
|
+
// Success appears as green
|
62
|
+
.btn-success
|
63
|
+
+button-variant($btn-success-color, $btn-success-bg, $btn-success-border)
|
64
|
+
|
65
|
+
// Info appears as blue-green
|
66
|
+
.btn-info
|
67
|
+
+button-variant($btn-info-color, $btn-info-bg, $btn-info-border)
|
68
|
+
|
69
|
+
// Link buttons
|
70
|
+
// -------------------------
|
71
|
+
|
72
|
+
// Make a button look and behave like a link
|
73
|
+
.btn-link
|
74
|
+
color: $link-color
|
75
|
+
font-weight: normal
|
76
|
+
cursor: pointer
|
77
|
+
border-radius: 0
|
78
|
+
&,
|
79
|
+
&:active,
|
80
|
+
&[disabled],
|
81
|
+
fieldset[disabled] &
|
82
|
+
background-color: transparent
|
83
|
+
+box-shadow(none)
|
84
|
+
&,
|
85
|
+
&:hover,
|
86
|
+
&:focus,
|
87
|
+
&:active
|
88
|
+
border-color: transparent
|
89
|
+
&:hover,
|
90
|
+
&:focus
|
91
|
+
color: $link-hover-color
|
92
|
+
text-decoration: underline
|
93
|
+
background-color: transparent
|
94
|
+
&[disabled],
|
95
|
+
fieldset[disabled] &
|
96
|
+
&:hover,
|
97
|
+
&:focus
|
98
|
+
color: $btn-link-disabled-color
|
99
|
+
text-decoration: none
|
100
|
+
|
101
|
+
// Button Sizes
|
102
|
+
// --------------------------------------------------
|
103
|
+
|
104
|
+
.btn-lg
|
105
|
+
// line-height: ensure even-numbered height of button next to large input
|
106
|
+
+button-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius-large)
|
107
|
+
|
108
|
+
.btn-sm,
|
109
|
+
.btn-xs
|
110
|
+
// line-height: ensure proper height of button next to small input
|
111
|
+
+button-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small)
|
112
|
+
|
113
|
+
.btn-xs
|
114
|
+
padding: 1px 5px
|
115
|
+
|
116
|
+
// Block button
|
117
|
+
// --------------------------------------------------
|
118
|
+
|
119
|
+
.btn-block
|
120
|
+
display: block
|
121
|
+
width: 100%
|
122
|
+
padding-left: 0
|
123
|
+
padding-right: 0
|
124
|
+
|
125
|
+
// Vertically space out multiple block buttons
|
126
|
+
.btn-block + .btn-block
|
127
|
+
margin-top: 5px
|
128
|
+
|
129
|
+
// Specificity overrides
|
130
|
+
|
131
|
+
input[type="submit"],
|
132
|
+
input[type="reset"],
|
133
|
+
input[type="button"]
|
134
|
+
&.btn-block
|
135
|
+
width: 100%
|
@@ -0,0 +1,165 @@
|
|
1
|
+
//
|
2
|
+
// Carousel
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
// Wrapper for the slide container and indicators
|
6
|
+
.carousel
|
7
|
+
position: relative
|
8
|
+
|
9
|
+
.carousel-inner
|
10
|
+
position: relative
|
11
|
+
overflow: hidden
|
12
|
+
width: 100%
|
13
|
+
> .item
|
14
|
+
display: none
|
15
|
+
position: relative
|
16
|
+
+transition(0.6s ease-in-out left)
|
17
|
+
// Account for jankitude on images
|
18
|
+
> img,
|
19
|
+
> a > img
|
20
|
+
+img-responsive
|
21
|
+
line-height: 1
|
22
|
+
> .active,
|
23
|
+
> .next,
|
24
|
+
> .prev
|
25
|
+
display: block
|
26
|
+
> .active
|
27
|
+
left: 0
|
28
|
+
> .next,
|
29
|
+
> .prev
|
30
|
+
position: absolute
|
31
|
+
top: 0
|
32
|
+
width: 100%
|
33
|
+
> .next
|
34
|
+
left: 100%
|
35
|
+
> .prev
|
36
|
+
left: -100%
|
37
|
+
> .next.left,
|
38
|
+
> .prev.right
|
39
|
+
left: 0
|
40
|
+
> .active.left
|
41
|
+
left: -100%
|
42
|
+
> .active.right
|
43
|
+
left: 100%
|
44
|
+
|
45
|
+
// Left/right controls for nav
|
46
|
+
// ---------------------------
|
47
|
+
|
48
|
+
.carousel-control
|
49
|
+
position: absolute
|
50
|
+
top: 0
|
51
|
+
left: 0
|
52
|
+
bottom: 0
|
53
|
+
width: $carousel-control-width
|
54
|
+
+opacity($carousel-control-opacity)
|
55
|
+
font-size: $carousel-control-font-size
|
56
|
+
color: $carousel-control-color
|
57
|
+
text-align: center
|
58
|
+
text-shadow: $carousel-text-shadow
|
59
|
+
// We can't have this transition here because webkit cancels the carousel
|
60
|
+
// animation if you trip this while in the middle of another animation.
|
61
|
+
// Set gradients for backgrounds
|
62
|
+
&.left
|
63
|
+
+gradient-horizontal($start_color: rgba(0, 0, 0, 0.5), $end_color: rgba(0, 0, 0, 0.0001))
|
64
|
+
&.right
|
65
|
+
left: auto
|
66
|
+
right: 0
|
67
|
+
+gradient-horizontal($start_color: rgba(0, 0, 0, 0.0001), $end_color: rgba(0, 0, 0, 0.5))
|
68
|
+
// Hover/focus state
|
69
|
+
&:hover,
|
70
|
+
&:focus
|
71
|
+
color: $carousel-control-color
|
72
|
+
text-decoration: none
|
73
|
+
+opacity(0.9)
|
74
|
+
// Toggles
|
75
|
+
.icon-prev,
|
76
|
+
.icon-next,
|
77
|
+
.glyphicon-chevron-left,
|
78
|
+
.glyphicon-chevron-right
|
79
|
+
position: absolute
|
80
|
+
top: 50%
|
81
|
+
left: 50%
|
82
|
+
z-index: 5
|
83
|
+
display: inline-block
|
84
|
+
.icon-prev,
|
85
|
+
.icon-next
|
86
|
+
width: 20px
|
87
|
+
height: 20px
|
88
|
+
margin-top: -10px
|
89
|
+
margin-left: -10px
|
90
|
+
font-family: serif
|
91
|
+
.icon-prev
|
92
|
+
&:before
|
93
|
+
content: '\2039'
|
94
|
+
// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
|
95
|
+
.icon-next
|
96
|
+
&:before
|
97
|
+
content: '\203a'
|
98
|
+
// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)
|
99
|
+
|
100
|
+
// Optional indicator pips
|
101
|
+
//
|
102
|
+
// Add an unordered list with the following class and add a list item for each
|
103
|
+
// slide your carousel holds.
|
104
|
+
|
105
|
+
.carousel-indicators
|
106
|
+
position: absolute
|
107
|
+
bottom: 10px
|
108
|
+
left: 50%
|
109
|
+
z-index: 15
|
110
|
+
width: 60%
|
111
|
+
margin-left: -30%
|
112
|
+
padding-left: 0
|
113
|
+
list-style: none
|
114
|
+
text-align: center
|
115
|
+
li
|
116
|
+
display: inline-block
|
117
|
+
width: 10px
|
118
|
+
height: 10px
|
119
|
+
margin: 1px
|
120
|
+
text-indent: -999px
|
121
|
+
border: 1px solid $carousel-indicator-border-color
|
122
|
+
border-radius: 10px
|
123
|
+
cursor: pointer
|
124
|
+
.active
|
125
|
+
margin: 0
|
126
|
+
width: 12px
|
127
|
+
height: 12px
|
128
|
+
background-color: $carousel-indicator-active-bg
|
129
|
+
|
130
|
+
// Optional captions
|
131
|
+
// -----------------------------
|
132
|
+
// Hidden by default for smaller viewports
|
133
|
+
.carousel-caption
|
134
|
+
position: absolute
|
135
|
+
left: 15%
|
136
|
+
right: 15%
|
137
|
+
bottom: 20px
|
138
|
+
z-index: 10
|
139
|
+
padding-top: 20px
|
140
|
+
padding-bottom: 20px
|
141
|
+
color: $carousel-caption-color
|
142
|
+
text-align: center
|
143
|
+
text-shadow: $carousel-text-shadow
|
144
|
+
& .btn
|
145
|
+
text-shadow: none
|
146
|
+
// No shadow for button elements in carousel-caption
|
147
|
+
|
148
|
+
// Scale up controls for tablets and up
|
149
|
+
@media screen and (min-width: $screen-tablet)
|
150
|
+
// Scale up the controls a smidge
|
151
|
+
.carousel-control .icon-prev,
|
152
|
+
.carousel-control .icon-next
|
153
|
+
width: 30px
|
154
|
+
height: 30px
|
155
|
+
margin-top: -15px
|
156
|
+
margin-left: -15px
|
157
|
+
font-size: 30px
|
158
|
+
// Show and left align the captions
|
159
|
+
.carousel-caption
|
160
|
+
left: 20%
|
161
|
+
right: 20%
|
162
|
+
padding-bottom: 30px
|
163
|
+
// Move up the indicators
|
164
|
+
.carousel-indicators
|
165
|
+
bottom: 20px
|
@@ -0,0 +1,28 @@
|
|
1
|
+
//
|
2
|
+
// Close icons
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
.close
|
6
|
+
float: right
|
7
|
+
font-size: $font-size-base * 1.5
|
8
|
+
font-weight: $close-font-weight
|
9
|
+
line-height: 1
|
10
|
+
color: $close-color
|
11
|
+
text-shadow: $close-text-shadow
|
12
|
+
+opacity(0.2)
|
13
|
+
&:hover,
|
14
|
+
&:focus
|
15
|
+
color: $close-color
|
16
|
+
text-decoration: none
|
17
|
+
cursor: pointer
|
18
|
+
+opacity(0.5)
|
19
|
+
|
20
|
+
// Additional properties for button version
|
21
|
+
// iOS requires the button element instead of an anchor tag.
|
22
|
+
// If you want the anchor version, it requires `href="#"`.
|
23
|
+
button.close
|
24
|
+
padding: 0
|
25
|
+
cursor: pointer
|
26
|
+
background: transparent
|
27
|
+
border: 0
|
28
|
+
-webkit-appearance: none
|
@@ -0,0 +1,49 @@
|
|
1
|
+
//
|
2
|
+
// Code (inline and blocK)
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
// Inline and block code styles
|
6
|
+
|
7
|
+
code,
|
8
|
+
pre
|
9
|
+
font-family: $font-family-monospace
|
10
|
+
|
11
|
+
// Inline code
|
12
|
+
code
|
13
|
+
padding: 2px 4px
|
14
|
+
font-size: 90%
|
15
|
+
color: $code-color
|
16
|
+
background-color: $code-bg
|
17
|
+
white-space: nowrap
|
18
|
+
border-radius: $border-radius-base
|
19
|
+
|
20
|
+
// Blocks of code
|
21
|
+
pre
|
22
|
+
display: block
|
23
|
+
padding: ($line-height-computed - 1) / 2
|
24
|
+
margin: 0 0 $line-height-computed / 2
|
25
|
+
font-size: $font-size-base - 1
|
26
|
+
// 14px to 13px
|
27
|
+
line-height: $line-height-base
|
28
|
+
word-break: break-all
|
29
|
+
word-wrap: break-word
|
30
|
+
color: $pre-color
|
31
|
+
background-color: $pre-bg
|
32
|
+
border: 1px solid $pre-border-color
|
33
|
+
border-radius: $border-radius-base
|
34
|
+
// Make prettyprint styles more spaced out for readability
|
35
|
+
&.prettyprint
|
36
|
+
margin-bottom: $line-height-computed
|
37
|
+
// Account for some code outputs that place code tags in pre tags
|
38
|
+
code
|
39
|
+
padding: 0
|
40
|
+
font-size: inherit
|
41
|
+
color: inherit
|
42
|
+
white-space: pre-wrap
|
43
|
+
background-color: transparent
|
44
|
+
border: 0
|
45
|
+
|
46
|
+
// Enable scrollable blocks of code
|
47
|
+
.pre-scrollable
|
48
|
+
max-height: $pre-scrollable-max-height
|
49
|
+
overflow-y: scroll
|
@@ -0,0 +1,25 @@
|
|
1
|
+
//
|
2
|
+
// Component animations
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
// Heads up!
|
6
|
+
//
|
7
|
+
// We don't use the `.opacity()` mixin here since it causes a bug with text
|
8
|
+
// fields in IE7-8. Source: https://github.com/twitter/bootstrap/pull/3552.
|
9
|
+
|
10
|
+
.fade
|
11
|
+
opacity: 0
|
12
|
+
+transition(opacity 0.15s linear)
|
13
|
+
&.in
|
14
|
+
opacity: 1
|
15
|
+
|
16
|
+
.collapse
|
17
|
+
display: none
|
18
|
+
&.in
|
19
|
+
display: block
|
20
|
+
|
21
|
+
.collapsing
|
22
|
+
position: relative
|
23
|
+
height: 0
|
24
|
+
overflow: hidden
|
25
|
+
+transition(height 0.35s ease)
|
@@ -0,0 +1,166 @@
|
|
1
|
+
//
|
2
|
+
// Dropdown menus
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
// Dropdown arrow/caret
|
6
|
+
.caret
|
7
|
+
display: inline-block
|
8
|
+
width: 0
|
9
|
+
height: 0
|
10
|
+
margin-left: 2px
|
11
|
+
vertical-align: middle
|
12
|
+
border-top: $caret-width-base solid $dropdown-caret-color
|
13
|
+
border-right: $caret-width-base solid transparent
|
14
|
+
border-left: $caret-width-base solid transparent
|
15
|
+
// Firefox fix for https://github.com/twbs/bootstrap/issues/9538. Once fixed,
|
16
|
+
// we can just straight up remove this.
|
17
|
+
border-bottom: 0 dotted
|
18
|
+
content: ""
|
19
|
+
|
20
|
+
// The dropdown wrapper (div)
|
21
|
+
.dropdown
|
22
|
+
position: relative
|
23
|
+
|
24
|
+
// Prevent the focus on the dropdown toggle when closing dropdowns
|
25
|
+
.dropdown-toggle:focus
|
26
|
+
outline: 0
|
27
|
+
|
28
|
+
// The dropdown menu (ul)
|
29
|
+
.dropdown-menu
|
30
|
+
position: absolute
|
31
|
+
top: 100%
|
32
|
+
left: 0
|
33
|
+
z-index: $zindex-dropdown
|
34
|
+
display: none
|
35
|
+
// none by default, but block on "open" of the menu
|
36
|
+
float: left
|
37
|
+
min-width: 160px
|
38
|
+
padding: 5px 0
|
39
|
+
margin: 2px 0 0
|
40
|
+
// override default ul
|
41
|
+
list-style: none
|
42
|
+
font-size: $font-size-base
|
43
|
+
background-color: $dropdown-bg
|
44
|
+
border: 1px solid $dropdown-fallback-border
|
45
|
+
// IE8 fallback
|
46
|
+
border: 1px solid $dropdown-border
|
47
|
+
border-radius: $border-radius-base
|
48
|
+
+box-shadow(0 6px 12px rgba(0, 0, 0, 0.175))
|
49
|
+
background-clip: padding-box
|
50
|
+
// Aligns the dropdown menu to right
|
51
|
+
&.pull-right
|
52
|
+
right: 0
|
53
|
+
left: auto
|
54
|
+
// Dividers (basically an hr) within the dropdown
|
55
|
+
.divider
|
56
|
+
+nav-divider($dropdown-divider-bg)
|
57
|
+
// Links within the dropdown menu
|
58
|
+
> li > a
|
59
|
+
display: block
|
60
|
+
padding: 3px 20px
|
61
|
+
clear: both
|
62
|
+
font-weight: normal
|
63
|
+
line-height: $line-height-base
|
64
|
+
color: $dropdown-link-color
|
65
|
+
white-space: nowrap
|
66
|
+
// prevent links from randomly breaking onto new lines
|
67
|
+
|
68
|
+
// Hover/Focus state
|
69
|
+
.dropdown-menu > li > a
|
70
|
+
&:hover,
|
71
|
+
&:focus
|
72
|
+
text-decoration: none
|
73
|
+
color: $dropdown-link-hover-color
|
74
|
+
background-color: $dropdown-link-hover-bg
|
75
|
+
|
76
|
+
// Active state
|
77
|
+
.dropdown-menu > .active > a
|
78
|
+
&,
|
79
|
+
&:hover,
|
80
|
+
&:focus
|
81
|
+
color: $dropdown-link-active-color
|
82
|
+
text-decoration: none
|
83
|
+
outline: 0
|
84
|
+
background-color: $dropdown-link-active-bg
|
85
|
+
|
86
|
+
// Disabled state
|
87
|
+
//
|
88
|
+
// Gray out text and ensure the hover/focus state remains gray
|
89
|
+
|
90
|
+
.dropdown-menu > .disabled > a
|
91
|
+
&,
|
92
|
+
&:hover,
|
93
|
+
&:focus
|
94
|
+
color: $dropdown-link-disabled-color
|
95
|
+
|
96
|
+
// Nuke hover/focus effects
|
97
|
+
.dropdown-menu > .disabled > a
|
98
|
+
&:hover,
|
99
|
+
&:focus
|
100
|
+
text-decoration: none
|
101
|
+
background-color: transparent
|
102
|
+
background-image: none
|
103
|
+
// Remove CSS gradient
|
104
|
+
+reset-filter
|
105
|
+
cursor: not-allowed
|
106
|
+
|
107
|
+
// Open state for the dropdown
|
108
|
+
.open
|
109
|
+
// Show the menu
|
110
|
+
> .dropdown-menu
|
111
|
+
display: block
|
112
|
+
// Remove the outline when :focus is triggered
|
113
|
+
> a
|
114
|
+
outline: 0
|
115
|
+
|
116
|
+
// Dropdown section headers
|
117
|
+
.dropdown-header
|
118
|
+
display: block
|
119
|
+
padding: 3px 20px
|
120
|
+
font-size: $font-size-small
|
121
|
+
line-height: $line-height-base
|
122
|
+
color: $dropdown-header-color
|
123
|
+
|
124
|
+
// Backdrop to catch body clicks on mobile, etc.
|
125
|
+
.dropdown-backdrop
|
126
|
+
position: fixed
|
127
|
+
left: 0
|
128
|
+
right: 0
|
129
|
+
bottom: 0
|
130
|
+
top: 0
|
131
|
+
z-index: $zindex-dropdown - 10
|
132
|
+
|
133
|
+
// Right aligned dropdowns
|
134
|
+
.pull-right > .dropdown-menu
|
135
|
+
right: 0
|
136
|
+
left: auto
|
137
|
+
|
138
|
+
// Allow for dropdowns to go bottom up (aka, dropup-menu)
|
139
|
+
//
|
140
|
+
// Just add .dropup after the standard .dropdown class and you're set, bro.
|
141
|
+
// TODO: abstract this so that the navbar fixed styles are not placed here?
|
142
|
+
|
143
|
+
.dropup,
|
144
|
+
.navbar-fixed-bottom .dropdown
|
145
|
+
// Reverse the caret
|
146
|
+
.caret
|
147
|
+
// Firefox fix for https://github.com/twbs/bootstrap/issues/9538. Once this
|
148
|
+
// gets fixed, restore `border-top: 0;`.
|
149
|
+
border-top: 0 dotted
|
150
|
+
border-bottom: 4px solid $dropdown-caret-color
|
151
|
+
content: ""
|
152
|
+
// Different positioning for bottom up menu
|
153
|
+
.dropdown-menu
|
154
|
+
top: auto
|
155
|
+
bottom: 100%
|
156
|
+
margin-bottom: 1px
|
157
|
+
|
158
|
+
// Component alignment
|
159
|
+
//
|
160
|
+
// Reiterate per navbar.less and the modified component alignment there.
|
161
|
+
|
162
|
+
@media (min-width: $grid-float-breakpoint)
|
163
|
+
.navbar-right
|
164
|
+
.dropdown-menu
|
165
|
+
right: 0
|
166
|
+
left: auto
|