bootstrap-switch-rails 2.0.2 → 3.0.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,5 +1,5 @@
1
1
  /* ========================================================================
2
- * bootstrap-switch - v2.0.1
2
+ * bootstrap-switch - v3.0.0
3
3
  * http://www.bootstrap-switch.org
4
4
  * ========================================================================
5
5
  * Copyright 2012-2013 Mattia Larentis
@@ -19,7 +19,7 @@
19
19
  * ========================================================================
20
20
  */
21
21
 
22
- .has-switch {
22
+ .bootstrap-switch {
23
23
  display: inline-block;
24
24
  cursor: pointer;
25
25
  border-radius: 4px;
@@ -32,96 +32,98 @@
32
32
  -webkit-user-select: none;
33
33
  -moz-user-select: none;
34
34
  -ms-user-select: none;
35
- -o-user-select: none;
36
35
  user-select: none;
37
36
  vertical-align: middle;
38
37
  min-width: 100px;
39
38
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
40
39
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
41
40
  }
42
- .has-switch:focus {
43
- border-color: #66afe9;
44
- outline: 0;
45
- -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
46
- box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
47
- }
48
- .has-switch.switch-mini {
49
- min-width: 72px;
41
+ .bootstrap-switch.bootstrap-switch-mini {
42
+ min-width: 71px;
50
43
  }
51
- .has-switch.switch-mini span,
52
- .has-switch.switch-mini label {
44
+ .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
45
+ .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
46
+ .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
53
47
  padding-bottom: 4px;
54
48
  padding-top: 4px;
55
49
  font-size: 10px;
56
50
  line-height: 9px;
57
51
  }
58
- .has-switch.switch-mini i.switch-mini-icons {
59
- height: 1.20em;
60
- line-height: 9px;
61
- vertical-align: text-top;
62
- text-align: center;
63
- transform: scale(0.6);
64
- margin-top: -1px;
65
- margin-bottom: -1px;
66
- }
67
- .has-switch.switch-small {
68
- min-width: 80px;
52
+ .bootstrap-switch.bootstrap-switch-small {
53
+ min-width: 79px;
69
54
  }
70
- .has-switch.switch-small span,
71
- .has-switch.switch-small label {
55
+ .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
56
+ .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
57
+ .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
72
58
  padding-bottom: 3px;
73
59
  padding-top: 3px;
74
60
  font-size: 12px;
75
61
  line-height: 18px;
76
62
  }
77
- .has-switch.switch-large {
63
+ .bootstrap-switch.bootstrap-switch-large {
78
64
  min-width: 120px;
79
65
  }
80
- .has-switch.switch-large span,
81
- .has-switch.switch-large label {
66
+ .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
67
+ .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
68
+ .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
82
69
  padding-bottom: 9px;
83
70
  padding-top: 9px;
84
71
  font-size: 16px;
85
72
  line-height: normal;
86
73
  }
87
- .has-switch.switch-animate > div {
88
- -webkit-transition: left 0.5s;
89
- transition: left 0.5s;
74
+ .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
75
+ -webkit-transition: margin-left 0.5s;
76
+ transition: margin-left 0.5s;
77
+ }
78
+ .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-container {
79
+ margin-left: 0%;
80
+ }
81
+ .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
82
+ border-bottom-right-radius: 3px;
83
+ border-top-right-radius: 3px;
90
84
  }
91
- .has-switch.switch-off > div {
92
- left: -50%;
85
+ .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-container {
86
+ margin-left: -50%;
93
87
  }
94
- .has-switch.switch-on > div {
95
- left: 0%;
88
+ .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
89
+ border-bottom-left-radius: 3px;
90
+ border-top-left-radius: 3px;
96
91
  }
97
- .has-switch.disabled {
92
+ .bootstrap-switch.bootstrap-switch-disabled,
93
+ .bootstrap-switch.bootstrap-switch-readonly {
98
94
  opacity: 0.5;
99
95
  filter: alpha(opacity=50);
100
96
  cursor: default !important;
101
97
  }
102
- .has-switch.disabled span,
103
- .has-switch.disabled label {
98
+ .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
99
+ .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
100
+ .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
101
+ .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
102
+ .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
103
+ .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label {
104
104
  cursor: default !important;
105
105
  }
106
- .has-switch > div {
106
+ .bootstrap-switch.bootstrap-switch-focused {
107
+ border-color: #66afe9;
108
+ outline: 0;
109
+ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
110
+ box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
111
+ }
112
+ .bootstrap-switch .bootstrap-switch-container {
107
113
  display: inline-block;
108
114
  width: 150%;
109
- position: relative;
110
115
  top: 0;
116
+ border-radius: 4px;
111
117
  -webkit-transform: translate3d(0, 0, 0);
112
118
  transform: translate3d(0, 0, 0);
113
119
  }
114
- .has-switch input[type=radio],
115
- .has-switch input[type=checkbox] {
116
- display: none;
117
- }
118
- .has-switch span,
119
- .has-switch label {
120
+ .bootstrap-switch .bootstrap-switch-handle-on,
121
+ .bootstrap-switch .bootstrap-switch-handle-off,
122
+ .bootstrap-switch .bootstrap-switch-label {
120
123
  -webkit-box-sizing: border-box;
121
124
  -moz-box-sizing: border-box;
122
125
  box-sizing: border-box;
123
126
  cursor: pointer;
124
- position: relative;
125
127
  display: inline-block !important;
126
128
  height: 100%;
127
129
  padding-bottom: 4px;
@@ -129,56 +131,65 @@
129
131
  font-size: 14px;
130
132
  line-height: 20px;
131
133
  }
132
- .has-switch label {
133
- text-align: center;
134
- margin-top: -1px;
135
- margin-bottom: -1px;
136
- z-index: 100;
137
- width: 33.333333333%;
138
- background: #ffffff;
139
- }
140
- .has-switch label i {
141
- color: #000;
142
- text-shadow: 0 1px 0 #fff;
143
- line-height: 18px;
144
- pointer-events: none;
145
- }
146
- .has-switch span {
134
+ .bootstrap-switch .bootstrap-switch-handle-on,
135
+ .bootstrap-switch .bootstrap-switch-handle-off {
147
136
  text-align: center;
148
137
  z-index: 1;
149
138
  width: 33.333333333%;
150
139
  }
151
- .has-switch span.switch-left {
152
- color: #f00;
153
- border-bottom-left-radius: 4px;
154
- border-top-left-radius: 4px;
155
- }
156
- .has-switch span.switch-right {
157
- color: #000;
158
- background: #eeeeee;
159
- }
160
- .has-switch span.switch-primary,
161
- .has-switch span.switch-left {
140
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
141
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
162
142
  color: #fff;
163
143
  background: #428bca;
164
144
  }
165
- .has-switch span.switch-info {
145
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
146
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
166
147
  color: #fff;
167
148
  background: #5bc0de;
168
149
  }
169
- .has-switch span.switch-success {
150
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
151
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
170
152
  color: #fff;
171
153
  background: #5cb85c;
172
154
  }
173
- .has-switch span.switch-warning {
155
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
156
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
174
157
  background: #f0ad4e;
175
158
  color: #fff;
176
159
  }
177
- .has-switch span.switch-danger {
160
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
161
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
178
162
  color: #fff;
179
163
  background: #d9534f;
180
164
  }
181
- .has-switch span.switch-default {
165
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
166
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
182
167
  color: #000;
183
168
  background: #eeeeee;
184
169
  }
170
+ .bootstrap-switch .bootstrap-switch-handle-on {
171
+ border-bottom-left-radius: 3px;
172
+ border-top-left-radius: 3px;
173
+ }
174
+ .bootstrap-switch .bootstrap-switch-handle-off {
175
+ border-bottom-right-radius: 3px;
176
+ border-top-right-radius: 3px;
177
+ }
178
+ .bootstrap-switch .bootstrap-switch-label {
179
+ text-align: center;
180
+ margin-top: -1px;
181
+ margin-bottom: -1px;
182
+ z-index: 100;
183
+ width: 33.333333333%;
184
+ color: #333333;
185
+ background: #ffffff;
186
+ }
187
+ .bootstrap-switch input[type='radio'],
188
+ .bootstrap-switch input[type='checkbox'] {
189
+ position: absolute !important;
190
+ top: 0;
191
+ left: 0;
192
+ opacity: 0;
193
+ filter: alpha(opacity=0);
194
+ z-index: -1;
195
+ }
metadata CHANGED
@@ -1,41 +1,41 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: bootstrap-switch-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 2.0.2
4
+ version: 3.0.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Manuel van Rijn
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2014-02-13 00:00:00.000000000 Z
11
+ date: 2014-03-31 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
15
15
  requirement: !ruby/object:Gem::Requirement
16
16
  requirements:
17
- - - ~>
17
+ - - "~>"
18
18
  - !ruby/object:Gem::Version
19
19
  version: '1.3'
20
20
  type: :development
21
21
  prerelease: false
22
22
  version_requirements: !ruby/object:Gem::Requirement
23
23
  requirements:
24
- - - ~>
24
+ - - "~>"
25
25
  - !ruby/object:Gem::Version
26
26
  version: '1.3'
27
27
  - !ruby/object:Gem::Dependency
28
28
  name: rake
29
29
  requirement: !ruby/object:Gem::Requirement
30
30
  requirements:
31
- - - '>='
31
+ - - ">="
32
32
  - !ruby/object:Gem::Version
33
33
  version: '0'
34
34
  type: :development
35
35
  prerelease: false
36
36
  version_requirements: !ruby/object:Gem::Requirement
37
37
  requirements:
38
- - - '>='
38
+ - - ">="
39
39
  - !ruby/object:Gem::Version
40
40
  version: '0'
41
41
  description: A small gem for putting bootstrap-switch into the Rails asset pipeline
@@ -45,7 +45,7 @@ executables: []
45
45
  extensions: []
46
46
  extra_rdoc_files: []
47
47
  files:
48
- - .gitignore
48
+ - ".gitignore"
49
49
  - Gemfile
50
50
  - LICENSE.txt
51
51
  - README.md
@@ -69,17 +69,17 @@ require_paths:
69
69
  - lib
70
70
  required_ruby_version: !ruby/object:Gem::Requirement
71
71
  requirements:
72
- - - '>='
72
+ - - ">="
73
73
  - !ruby/object:Gem::Version
74
74
  version: '0'
75
75
  required_rubygems_version: !ruby/object:Gem::Requirement
76
76
  requirements:
77
- - - '>='
77
+ - - ">="
78
78
  - !ruby/object:Gem::Version
79
79
  version: '0'
80
80
  requirements: []
81
81
  rubyforge_project:
82
- rubygems_version: 2.1.11
82
+ rubygems_version: 2.2.2
83
83
  signing_key:
84
84
  specification_version: 4
85
85
  summary: an asset gemification of the bootstrap-switch plugin