todc-bootstrap-sass 0.0.5
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +15 -0
- data/LICENSE +22 -0
- data/README.md +60 -0
- data/lib/assets/images/checkmark.png +0 -0
- data/lib/assets/images/glyphicons-halflings-white.png +0 -0
- data/lib/assets/images/glyphicons-halflings.png +0 -0
- data/lib/assets/stylesheets/todc-bootstrap-responsive.scss +1 -0
- data/lib/assets/stylesheets/todc-bootstrap.scss +1 -0
- data/lib/assets/stylesheets/todc-bootstrap/_alerts.scss +45 -0
- data/lib/assets/stylesheets/todc-bootstrap/_breadcrumbs.scss +10 -0
- data/lib/assets/stylesheets/todc-bootstrap/_button-groups.scss +153 -0
- data/lib/assets/stylesheets/todc-bootstrap/_buttons.scss +239 -0
- data/lib/assets/stylesheets/todc-bootstrap/_dropdowns.scss +117 -0
- data/lib/assets/stylesheets/todc-bootstrap/_forms.scss +248 -0
- data/lib/assets/stylesheets/todc-bootstrap/_google-mixins.scss +71 -0
- data/lib/assets/stylesheets/todc-bootstrap/_labels-badges.scss +31 -0
- data/lib/assets/stylesheets/todc-bootstrap/_modals.scss +20 -0
- data/lib/assets/stylesheets/todc-bootstrap/_navbar.scss +718 -0
- data/lib/assets/stylesheets/todc-bootstrap/_navs.scss +147 -0
- data/lib/assets/stylesheets/todc-bootstrap/_pager.scss +53 -0
- data/lib/assets/stylesheets/todc-bootstrap/_pagination.scss +58 -0
- data/lib/assets/stylesheets/todc-bootstrap/_popovers.scss +12 -0
- data/lib/assets/stylesheets/todc-bootstrap/_progress-bars.scss +65 -0
- data/lib/assets/stylesheets/todc-bootstrap/_responsive-navbar.scss +147 -0
- data/lib/assets/stylesheets/todc-bootstrap/_scaffolding.scss +37 -0
- data/lib/assets/stylesheets/todc-bootstrap/_scrollbars.scss +48 -0
- data/lib/assets/stylesheets/todc-bootstrap/_sprites.scss +24 -0
- data/lib/assets/stylesheets/todc-bootstrap/_tables.scss +51 -0
- data/lib/assets/stylesheets/todc-bootstrap/_thumbnails.scss +24 -0
- data/lib/assets/stylesheets/todc-bootstrap/_todc-mixins.scss +71 -0
- data/lib/assets/stylesheets/todc-bootstrap/_tooltip.scss +13 -0
- data/lib/assets/stylesheets/todc-bootstrap/_variables.scss +386 -0
- data/lib/assets/stylesheets/todc-bootstrap/_wells.scss +20 -0
- data/lib/assets/stylesheets/todc-bootstrap/bootstrap.scss +39 -0
- data/lib/assets/stylesheets/todc-bootstrap/responsive.scss +5 -0
- data/lib/todc-bootstrap-sass.rb +49 -0
- data/lib/todc-bootstrap-sass/compass_functions.rb +14 -0
- data/lib/todc-bootstrap-sass/engine.rb +8 -0
- data/lib/todc-bootstrap-sass/rails_functions.rb +14 -0
- data/lib/todc-bootstrap-sass/version.rb +7 -0
- metadata +124 -0
checksums.yaml
ADDED
@@ -0,0 +1,15 @@
|
|
1
|
+
---
|
2
|
+
!binary "U0hBMQ==":
|
3
|
+
metadata.gz: !binary |-
|
4
|
+
MTJkNTZhYjFmM2I4N2U1Yjg5MGFjNTk1NjRhNzQ2NjY0OWJlN2UzYQ==
|
5
|
+
data.tar.gz: !binary |-
|
6
|
+
NmYzOTQ3OGEyMTRhZWU3MzhlMjJiMmQ2ZWM3MzljOTNmYzY3NGIxMA==
|
7
|
+
SHA512:
|
8
|
+
metadata.gz: !binary |-
|
9
|
+
ZTZlNGQ4NGRhMGNkMjYwMGQ2YTJjOWE1MjE2NWM4MjE0YjZlZWMzNzgwNGIx
|
10
|
+
YWJkNTQ0NDc5MDczNWU0MDg4ZDM1NTNjZDc5MDM1Y2ZkODQ2NjA3MTY5NTM2
|
11
|
+
MWE4NmZkODY2OTcwYzNkYWQ5ZTY2NWI2MDhjMTA3Y2MxZDdkYzA=
|
12
|
+
data.tar.gz: !binary |-
|
13
|
+
ZmRlNGI2YjY2Y2Q2ZmE4ODM3YjJhMGUyOGQyOTlkODljZDIxNjViMzIzYjQ4
|
14
|
+
MDc1Yjk3NDQxYzFiNjMyYmYyNGE1YmNkMGNlMGQ4OTQ0ZTAzMDZkMGJhMzQx
|
15
|
+
MjVlYTI3NjZjOTc1YTk1OTQzZWJhYzIxZjJlY2I2NGIxNDIyYzQ=
|
data/LICENSE
ADDED
@@ -0,0 +1,22 @@
|
|
1
|
+
Copyright (c) 2013 ichord <chord.luo@gmail.com>
|
2
|
+
|
3
|
+
MIT License
|
4
|
+
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining
|
6
|
+
a copy of this software and associated documentation files (the
|
7
|
+
"Software"), to deal in the Software without restriction, including
|
8
|
+
without limitation the rights to use, copy, modify, merge, publish,
|
9
|
+
distribute, sublicense, and/or sell copies of the Software, and to
|
10
|
+
permit persons to whom the Software is furnished to do so, subject to
|
11
|
+
the following conditions:
|
12
|
+
|
13
|
+
The above copyright notice and this permission notice shall be
|
14
|
+
included in all copies or substantial portions of the Software.
|
15
|
+
|
16
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
17
|
+
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
18
|
+
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
19
|
+
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
20
|
+
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
21
|
+
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
22
|
+
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
data/README.md
ADDED
@@ -0,0 +1,60 @@
|
|
1
|
+
This is a `sass` edition of the [TODC Bootstrap](http://todc.github.com/todc-bootstrap/) project.
|
2
|
+
It's more like a patch!! so it must be work with another `bootstrap` gem such as [bootstrap-sass](https://github.com/thomas-mcdonald/bootstrap-sass)
|
3
|
+
|
4
|
+
PS. It is changed name from `bootstrap-google-sass`. And I'm sorry I have yanked all that gems.(Can't rescue it now...)
|
5
|
+
|
6
|
+
## For Rails 3
|
7
|
+
|
8
|
+
### Installation
|
9
|
+
|
10
|
+
Add this line to your application's Gemfile:
|
11
|
+
|
12
|
+
gem 'todc-bootstrap-sass'
|
13
|
+
|
14
|
+
And then execute:
|
15
|
+
|
16
|
+
$ bundle
|
17
|
+
|
18
|
+
Or install it yourself as:
|
19
|
+
|
20
|
+
$ gem install todc-bootstrap-sass
|
21
|
+
|
22
|
+
### Usage
|
23
|
+
|
24
|
+
For now, just support `rails 3+`
|
25
|
+
|
26
|
+
just like it:
|
27
|
+
|
28
|
+
```scss
|
29
|
+
|
30
|
+
@import "bootstrap";
|
31
|
+
@import "todc-bootstrap";
|
32
|
+
|
33
|
+
```
|
34
|
+
|
35
|
+
and then, enjoy it.
|
36
|
+
|
37
|
+
## For Campass
|
38
|
+
|
39
|
+
### Config
|
40
|
+
|
41
|
+
require them in `config.rb` file of **Compass**
|
42
|
+
|
43
|
+
```ruby
|
44
|
+
|
45
|
+
require 'bootstrap-sass'
|
46
|
+
require 'todc-bootstrap-sass'
|
47
|
+
|
48
|
+
```
|
49
|
+
|
50
|
+
## One more thing.
|
51
|
+
You can now running testing by issue `rake test`.
|
52
|
+
And, issue `rake css` to generate a full support `css` edition without another gem and css file.
|
53
|
+
|
54
|
+
## Contributing
|
55
|
+
|
56
|
+
1. Fork it
|
57
|
+
2. Create your feature branch (`git checkout -b my-new-feature`)
|
58
|
+
3. Commit your changes (`git commit -am 'Add some feature'`)
|
59
|
+
4. Push to the branch (`git push origin my-new-feature`)
|
60
|
+
5. Create new Pull Request
|
Binary file
|
Binary file
|
Binary file
|
@@ -0,0 +1 @@
|
|
1
|
+
@import "todc-bootstrap/responsive";
|
@@ -0,0 +1 @@
|
|
1
|
+
@import "todc-bootstrap/bootstrap";
|
@@ -0,0 +1,45 @@
|
|
1
|
+
///
|
2
|
+
// Alerts
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
.alert {
|
6
|
+
padding: 8px 35px 8px 10px;
|
7
|
+
text-shadow: none;
|
8
|
+
@include box-shadow(0 2px 4px rgba(0,0,0,0.2));
|
9
|
+
background-color: $warningBackground;
|
10
|
+
border: 1px solid $warningBorder;
|
11
|
+
@include border-radius($baseBorderRadius);
|
12
|
+
color: $grayDark;
|
13
|
+
}
|
14
|
+
|
15
|
+
// Alternate styles
|
16
|
+
// -------------------------
|
17
|
+
|
18
|
+
.alert-success {
|
19
|
+
background-color: $successBackground;
|
20
|
+
border-color: $successBorder;
|
21
|
+
color: $successText;
|
22
|
+
}
|
23
|
+
.alert-danger,
|
24
|
+
.alert-error {
|
25
|
+
background-color: $errorBackground;
|
26
|
+
border-color: $errorBorder;
|
27
|
+
color: $errorText;
|
28
|
+
}
|
29
|
+
.alert-info {
|
30
|
+
background-color: $infoBackground;
|
31
|
+
border-color: $infoBorder;
|
32
|
+
color: $infoText;
|
33
|
+
}
|
34
|
+
|
35
|
+
.alert-success,
|
36
|
+
.alert-danger,
|
37
|
+
.alert-error,
|
38
|
+
.alert-info {
|
39
|
+
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
40
|
+
}
|
41
|
+
.alert-danger,
|
42
|
+
.alert-error {
|
43
|
+
border-color: darken($errorBackground, 20%);
|
44
|
+
color: #b94a48;
|
45
|
+
}
|
@@ -0,0 +1,153 @@
|
|
1
|
+
//
|
2
|
+
// Button groups
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
|
6
|
+
// Space out series of button groups
|
7
|
+
.btn-group + .btn-group {
|
8
|
+
margin-left: 16px;
|
9
|
+
}
|
10
|
+
|
11
|
+
.btn-group > .btn,
|
12
|
+
.btn-group > .dropdown-menu,
|
13
|
+
.btn-group > .popover {
|
14
|
+
font-size: $baseFontSize; // redeclare as part 2 of font-size inline-block hack
|
15
|
+
}
|
16
|
+
|
17
|
+
// Reset fonts for other sizes
|
18
|
+
.btn-group > .btn-mini {
|
19
|
+
font-size: $fontSizeMini;
|
20
|
+
}
|
21
|
+
.btn-group > .btn-small {
|
22
|
+
font-size: $fontSizeSmall;
|
23
|
+
}
|
24
|
+
.btn-group > .btn-large {
|
25
|
+
font-size: $fontSizeLarge;
|
26
|
+
}
|
27
|
+
|
28
|
+
// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
|
29
|
+
.btn-group > .btn:first-child {
|
30
|
+
margin-left: 0;
|
31
|
+
@include border-top-left-radius($baseBorderRadius);
|
32
|
+
@include border-bottom-left-radius($baseBorderRadius);
|
33
|
+
}
|
34
|
+
// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
|
35
|
+
.btn-group > .btn:last-child,
|
36
|
+
.btn-group > .dropdown-toggle {
|
37
|
+
@include border-top-right-radius($baseBorderRadius);
|
38
|
+
@include border-bottom-right-radius($baseBorderRadius);
|
39
|
+
}
|
40
|
+
// Reset corners for large buttons
|
41
|
+
.btn-group > .btn.large:first-child {
|
42
|
+
margin-left: 0;
|
43
|
+
@include border-top-left-radius($baseBorderRadius);
|
44
|
+
@include border-bottom-left-radius($baseBorderRadius);
|
45
|
+
}
|
46
|
+
.btn-group > .btn.large:last-child,
|
47
|
+
.btn-group > .large.dropdown-toggle {
|
48
|
+
@include border-top-right-radius($baseBorderRadius);
|
49
|
+
@include border-bottom-right-radius($baseBorderRadius);
|
50
|
+
}
|
51
|
+
|
52
|
+
|
53
|
+
|
54
|
+
// Split button dropdowns
|
55
|
+
// ----------------------
|
56
|
+
|
57
|
+
// Give the line between buttons some depth
|
58
|
+
.btn-group > .btn + .dropdown-toggle {
|
59
|
+
@include box-shadow(none);
|
60
|
+
}
|
61
|
+
.btn-group > .dropdown-toggle:hover {
|
62
|
+
@include box-shadow(0 1px 1px rgba(0,0,0,0.1));
|
63
|
+
}
|
64
|
+
.btn-group > .btn-primary.dropdown-toggle:hover,
|
65
|
+
.btn-group > .btn-info.dropdown-toggle:hover,
|
66
|
+
.btn-group > .btn-warning.dropdown-toggle:hover,
|
67
|
+
.btn-group > .btn-danger.dropdown-toggle:hover,
|
68
|
+
.btn-group > .btn-success.dropdown-toggle:hover,
|
69
|
+
.btn-group > .btn-inverse.dropdown-toggle:hover {
|
70
|
+
@include box-shadow(0 1px 1px rgba(0,0,0,0.2));
|
71
|
+
}
|
72
|
+
.btn-group > .btn.dropdown-toggle:active,
|
73
|
+
.btn-group > .btn.dropdown-toggle.active {
|
74
|
+
@include box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.1));
|
75
|
+
}
|
76
|
+
.btn-group > .btn-primary.dropdown-toggle:active,
|
77
|
+
.btn-group > .btn-primary.dropdown-toggle.active,
|
78
|
+
.btn-group > .btn-warning.dropdown-toggle:active,
|
79
|
+
.btn-group > .btn-warning.dropdown-toggle.active,
|
80
|
+
.btn-group > .btn-danger.dropdown-toggle:active,
|
81
|
+
.btn-group > .btn-danger.dropdown-toggle.active,
|
82
|
+
.btn-group > .btn-success.dropdown-toggle:active,
|
83
|
+
.btn-group > .btn-success.dropdown-toggle.active,
|
84
|
+
.btn-group > .btn-info.dropdown-toggle:active,
|
85
|
+
.btn-group > .btn-info.dropdown-toggle.active,
|
86
|
+
.btn-group > .btn-inverse.dropdown-toggle:active,
|
87
|
+
.btn-group > .btn-inverse.dropdown-toggle.active {
|
88
|
+
@include box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.3));
|
89
|
+
}
|
90
|
+
.btn-group > .btn-mini.dropdown-toggle {
|
91
|
+
padding: 2px 4px;
|
92
|
+
}
|
93
|
+
.btn-group > .btn-small.dropdown-toggle {
|
94
|
+
padding: 5px 7px;
|
95
|
+
}
|
96
|
+
.btn-group > .btn-large.dropdown-toggle {
|
97
|
+
padding: 9px 9px;
|
98
|
+
}
|
99
|
+
|
100
|
+
.btn-group.open {
|
101
|
+
|
102
|
+
// The clickable button for toggling the menu
|
103
|
+
// Remove the gradient and set the same inset shadow as the :active state
|
104
|
+
.dropdown-toggle {
|
105
|
+
@include box-shadow(inset 0 1px 6px rgba(0, 0, 0, 0.15));
|
106
|
+
}
|
107
|
+
|
108
|
+
// Keep the hover's background when dropdown is open
|
109
|
+
.btn.dropdown-toggle {
|
110
|
+
background-color: $btnBackground;
|
111
|
+
@include box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.1));
|
112
|
+
}
|
113
|
+
.btn-primary.dropdown-toggle {
|
114
|
+
background-color: $btnPrimaryBackground;
|
115
|
+
@include box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.3));
|
116
|
+
}
|
117
|
+
.btn-warning.dropdown-toggle {
|
118
|
+
background-color: $btnWarningBackground;
|
119
|
+
@include box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.3));
|
120
|
+
}
|
121
|
+
.btn-danger.dropdown-toggle {
|
122
|
+
background-color: $btnDangerBackground;
|
123
|
+
@include box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.3));
|
124
|
+
}
|
125
|
+
.btn-success.dropdown-toggle {
|
126
|
+
background-color: $btnSuccessBackground;
|
127
|
+
@include box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.3));
|
128
|
+
}
|
129
|
+
.btn-info.dropdown-toggle {
|
130
|
+
background-color: $btnInfoBackground;
|
131
|
+
@include box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.3));
|
132
|
+
}
|
133
|
+
.btn-inverse.dropdown-toggle {
|
134
|
+
background-color: $btnInverseBackground;
|
135
|
+
@include box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.3));
|
136
|
+
}
|
137
|
+
}
|
138
|
+
|
139
|
+
|
140
|
+
// Reposition the caret
|
141
|
+
.btn .caret {
|
142
|
+
margin-top: 8px;
|
143
|
+
}
|
144
|
+
// Carets in other button sizes
|
145
|
+
.btn-mini .caret {
|
146
|
+
margin-top: 5px;
|
147
|
+
}
|
148
|
+
.btn-small .caret {
|
149
|
+
margin-top: 6px;
|
150
|
+
}
|
151
|
+
.btn-large .caret {
|
152
|
+
margin-top: 6px;
|
153
|
+
}
|
@@ -0,0 +1,239 @@
|
|
1
|
+
//
|
2
|
+
// Buttons
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
|
6
|
+
// Base styles
|
7
|
+
// --------------------------------------------------
|
8
|
+
|
9
|
+
// Core
|
10
|
+
.btn {
|
11
|
+
position: relative;
|
12
|
+
padding: 4px 12px;
|
13
|
+
margin: 0;
|
14
|
+
|
15
|
+
color: #333;
|
16
|
+
text-shadow: 0 1px 0 #fff;
|
17
|
+
white-space: nowrap;
|
18
|
+
font-family: $baseFontFamily;
|
19
|
+
font-weight: bold;
|
20
|
+
font-size: $baseFontSize;
|
21
|
+
text-align: center;
|
22
|
+
vertical-align: middle;
|
23
|
+
@include background-clip(padding);
|
24
|
+
cursor: default;
|
25
|
+
|
26
|
+
background-color: $btnBackground;
|
27
|
+
@include gradient-vertical(#f5f5f5, #f1f1f1);
|
28
|
+
|
29
|
+
border: 1px solid #dcdcdc;
|
30
|
+
@include border-radius($baseBorderRadius);
|
31
|
+
@include box-shadow(none);
|
32
|
+
|
33
|
+
&:hover {
|
34
|
+
text-shadow: none;
|
35
|
+
border-color: #c6c6c6;
|
36
|
+
@include box-shadow(0 1px 1px rgba(0,0,0,0.1));
|
37
|
+
@include gradient-vertical(#f8f8f8, #f1f1f1);
|
38
|
+
background-position: 0 0;
|
39
|
+
@include transition(none);
|
40
|
+
}
|
41
|
+
|
42
|
+
&.active,
|
43
|
+
&:active {
|
44
|
+
background-image: none;
|
45
|
+
outline: 0;
|
46
|
+
background: #e8e8e8;
|
47
|
+
@include box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.1));
|
48
|
+
@include gradient-vertical(#f6f6f6, #f1f1f1);
|
49
|
+
}
|
50
|
+
|
51
|
+
// Disabled state
|
52
|
+
&.disabled,
|
53
|
+
&.disabled:hover,
|
54
|
+
&.disabled:active,
|
55
|
+
&.disabled.active,
|
56
|
+
&.disabled:focus,
|
57
|
+
&[disabled],
|
58
|
+
&[disabled]:hover,
|
59
|
+
&[disabled]:active,
|
60
|
+
&[disabled].active,
|
61
|
+
&[disabled]:focus {
|
62
|
+
border: 1px solid #dcdcdc;
|
63
|
+
background-color: $btnBackground;
|
64
|
+
@include gradient-vertical(#f5f5f5, #f1f1f1);
|
65
|
+
@include box-shadow(none);
|
66
|
+
text-shadow: none;
|
67
|
+
}
|
68
|
+
|
69
|
+
&:focus {
|
70
|
+
/* Blue border on button focus. */
|
71
|
+
border-color: #4d90fe;
|
72
|
+
outline-style: none;
|
73
|
+
background-color: $btnBackground;
|
74
|
+
}
|
75
|
+
}
|
76
|
+
|
77
|
+
|
78
|
+
// Button Sizes
|
79
|
+
// --------------------------------------------------
|
80
|
+
|
81
|
+
// Large
|
82
|
+
.btn-large {
|
83
|
+
padding: 9px 14px;
|
84
|
+
font-size: $baseFontSize + 1px;
|
85
|
+
line-height: normal;
|
86
|
+
}
|
87
|
+
.btn-large [class^="icon-"],
|
88
|
+
.btn-large [class*=" icon-"] {
|
89
|
+
margin-top: 1px;
|
90
|
+
}
|
91
|
+
|
92
|
+
// Small
|
93
|
+
.btn-small {
|
94
|
+
padding: 5px 9px;
|
95
|
+
font-size: $baseFontSize - 1px;
|
96
|
+
line-height: $baseLineHeight - 5px;
|
97
|
+
}
|
98
|
+
|
99
|
+
// Mini
|
100
|
+
.btn-mini {
|
101
|
+
padding: 2px 6px;
|
102
|
+
font-size: $baseFontSize - 2px;
|
103
|
+
line-height: $baseLineHeight - 7px;
|
104
|
+
}
|
105
|
+
|
106
|
+
|
107
|
+
// Alternate buttons
|
108
|
+
// --------------------------------------------------
|
109
|
+
|
110
|
+
// Set text color
|
111
|
+
// -------------------------
|
112
|
+
.btn-primary,
|
113
|
+
.btn-primary:hover,
|
114
|
+
.btn-warning,
|
115
|
+
.btn-warning:hover,
|
116
|
+
.btn-danger,
|
117
|
+
.btn-danger:hover,
|
118
|
+
.btn-success,
|
119
|
+
.btn-success:hover,
|
120
|
+
.btn-info,
|
121
|
+
.btn-info:hover,
|
122
|
+
.btn-inverse,
|
123
|
+
.btn-inverse:hover {
|
124
|
+
color: $white;
|
125
|
+
text-shadow: 0 1px rgba(0, 0, 0, 0.1);
|
126
|
+
}
|
127
|
+
// Provide *some* extra contrast for those who can get it
|
128
|
+
.btn-primary:hover,
|
129
|
+
.btn-warning:hover,
|
130
|
+
.btn-danger:hover,
|
131
|
+
.btn-success:hover,
|
132
|
+
.btn-info:hover,
|
133
|
+
.btn-inverse:hover {
|
134
|
+
@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.2));
|
135
|
+
}
|
136
|
+
.btn-primary:active,
|
137
|
+
.btn-primary.active,
|
138
|
+
.btn-warning:active,
|
139
|
+
.btn-warning.active,
|
140
|
+
.btn-danger:active,
|
141
|
+
.btn-danger.active,
|
142
|
+
.btn-success:active,
|
143
|
+
.btn-success.active,
|
144
|
+
.btn-info:active,
|
145
|
+
.btn-info.active,
|
146
|
+
.btn-inverse:active,
|
147
|
+
.btn-inverse.active {
|
148
|
+
@include box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.3));
|
149
|
+
}
|
150
|
+
|
151
|
+
.btn-primary.active,
|
152
|
+
.btn-primary:active,
|
153
|
+
.btn-primary:hover,
|
154
|
+
.btn-warning.active,
|
155
|
+
.btn-warning:active,
|
156
|
+
.btn-warning:hover,
|
157
|
+
.btn-danger.active,
|
158
|
+
.btn-danger:active,
|
159
|
+
.btn-danger:hover,
|
160
|
+
.btn-success.active,
|
161
|
+
.btn-success:active,
|
162
|
+
.btn-success:hover,
|
163
|
+
.btn-info.active,
|
164
|
+
.btn-info:active,
|
165
|
+
.btn-info:hover,
|
166
|
+
.btn-inverse.active,
|
167
|
+
.btn-inverse:active,
|
168
|
+
.btn-inverse:hover {
|
169
|
+
color: white;
|
170
|
+
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
|
171
|
+
}
|
172
|
+
|
173
|
+
|
174
|
+
// Primary Button
|
175
|
+
// -------------------------
|
176
|
+
.btn-primary {
|
177
|
+
@include btnBackground(#4d90fe, #4787ed, #fff, #3079ed);
|
178
|
+
}
|
179
|
+
|
180
|
+
// Danger Button
|
181
|
+
// -------------------------
|
182
|
+
.btn-danger {
|
183
|
+
@include btnBackground(#dd4b39, #d14836, #fff, #c6322a);
|
184
|
+
}
|
185
|
+
|
186
|
+
// Warning Button
|
187
|
+
// -------------------------
|
188
|
+
.btn-warning {
|
189
|
+
@include btnBackground(lighten($orange, 15%), lighten($orange, 10%), #fff, darken($btnWarningBackground, 3%));
|
190
|
+
}
|
191
|
+
|
192
|
+
// Success Button
|
193
|
+
// -------------------------
|
194
|
+
.btn-success {
|
195
|
+
@include btnBackground(#35aa47, #35aa47, #fff, #359947);
|
196
|
+
}
|
197
|
+
|
198
|
+
// Info Button
|
199
|
+
// -------------------------
|
200
|
+
.btn-info {
|
201
|
+
@include btnBackground($btnInfoBackground, $btnInfoBackground, #fff, darken($btnInfoBackground, 5%));
|
202
|
+
}
|
203
|
+
|
204
|
+
// Inverse Button
|
205
|
+
// -------------------------
|
206
|
+
.btn-inverse {
|
207
|
+
@include btnBackground(lighten($btnInverseBackground, 1%), lighten($btnInverseBackground, 1%), #fff, darken($btnInverseBackground, 3%));
|
208
|
+
}
|
209
|
+
|
210
|
+
|
211
|
+
// Link buttons
|
212
|
+
// --------------------------------------------------
|
213
|
+
|
214
|
+
// Make a button look and behave like a link
|
215
|
+
.btn-link,
|
216
|
+
.btn-link:active,
|
217
|
+
.btn-link[disabled] {
|
218
|
+
background-color: transparent;
|
219
|
+
background-image: none;
|
220
|
+
@include box-shadow(none);
|
221
|
+
}
|
222
|
+
.btn-link {
|
223
|
+
border-color: transparent;
|
224
|
+
cursor: pointer;
|
225
|
+
color: $linkColor;
|
226
|
+
@include border-radius(0);
|
227
|
+
}
|
228
|
+
.btn-link:hover {
|
229
|
+
border-color: transparent;
|
230
|
+
color: $linkColorHover;
|
231
|
+
text-decoration: underline;
|
232
|
+
background-color: transparent;
|
233
|
+
background-image: none;
|
234
|
+
@include box-shadow(none);
|
235
|
+
}
|
236
|
+
.btn-link[disabled]:hover {
|
237
|
+
color: $grayDark;
|
238
|
+
text-decoration: none;
|
239
|
+
}
|