select2-bootstrap-css 1.2.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.
- data/compass/stylesheets/select2-bootstrap.scss +1 -0
- data/lib/build.less +3 -0
- data/lib/build.scss +3 -0
- data/lib/select2-bootstrap-css.rb +11 -0
- data/lib/select2-bootstrap.less +97 -0
- data/lib/select2-bootstrap.scss +97 -0
- data/lib/select2-bootstrap/version.rb +7 -0
- metadata +69 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import "../../lib/select2-bootstrap";
|
data/lib/build.less
ADDED
data/lib/build.scss
ADDED
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Select2 Bootstrap CSS 1.0
|
|
3
|
+
* Compatible with select2 3.3.2 and bootstrap 2.3.1
|
|
4
|
+
* MIT License
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
.select2-container {
|
|
8
|
+
vertical-align: middle;
|
|
9
|
+
&.input-mini { width: 60px; }
|
|
10
|
+
&.input-small { width: 90px; }
|
|
11
|
+
&.input-medium { width: 150px; }
|
|
12
|
+
&.input-large { width: 210px; }
|
|
13
|
+
&.input-xlarge { width: 270px; }
|
|
14
|
+
&.input-xxlarge { width: 530px; }
|
|
15
|
+
// Size to the width of a default text input.
|
|
16
|
+
&.input-default { width: 220px; }
|
|
17
|
+
&[class*="span"] {
|
|
18
|
+
float: none;
|
|
19
|
+
margin-left: 0;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.select2-container .select2-choice,
|
|
24
|
+
.select2-container-multi .select2-choices {
|
|
25
|
+
height: @baseLineHeight + 8px;
|
|
26
|
+
line-height: @baseLineHeight + 9px;
|
|
27
|
+
border: 1px solid @inputBorder;
|
|
28
|
+
.border-radius(@inputBorderRadius);
|
|
29
|
+
background: none;
|
|
30
|
+
background-color: @inputBackground;
|
|
31
|
+
filter: none;
|
|
32
|
+
.box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.075));
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.select2-container .select2-choice,
|
|
36
|
+
.select2-container.select2-container-disabled .select2-choice {
|
|
37
|
+
div, .select2-arrow {
|
|
38
|
+
border-left: none;
|
|
39
|
+
background: none;
|
|
40
|
+
filter: none;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.control-group.error [class^="select2-choice"] {
|
|
45
|
+
border-color: @errorText;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.select2-container-multi .select2-choices .select2-search-field {
|
|
49
|
+
height: 28px;
|
|
50
|
+
line-height: 27px;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.select2-container-active .select2-choice,
|
|
54
|
+
.select2-container-multi.select2-container-active .select2-choices {
|
|
55
|
+
border-color: rgba(82, 168, 236, 0.8);
|
|
56
|
+
outline: none;
|
|
57
|
+
.box-shadow(~"inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6)");
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
[class^="input-"] .select2-container {
|
|
61
|
+
font-size: @baseFontSize;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.input-prepend [class^="select2-choice"] {
|
|
65
|
+
border-top-left-radius: 0;
|
|
66
|
+
border-bottom-left-radius: 0;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.input-append [class^="select2-choice"] {
|
|
70
|
+
border-top-right-radius: 0;
|
|
71
|
+
border-bottom-right-radius: 0;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.select2-dropdown-open [class^="select2-choice"] {
|
|
75
|
+
border-bottom-left-radius: 0;
|
|
76
|
+
border-bottom-right-radius: 0;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
|
|
80
|
+
border-top-left-radius: 0;
|
|
81
|
+
border-top-right-radius: 0;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
[class^="input-"] .select2-offscreen {
|
|
85
|
+
position: absolute;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
/**
|
|
89
|
+
* This stops the quick flash when a native selectbox is shown and
|
|
90
|
+
* then replaced by a select2 input when javascript kicks in. This can be
|
|
91
|
+
* removed if javascript is not present
|
|
92
|
+
*/
|
|
93
|
+
|
|
94
|
+
select.select2 {
|
|
95
|
+
height: 28px;
|
|
96
|
+
visibility: hidden;
|
|
97
|
+
}
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Select2 Bootstrap CSS 1.0
|
|
3
|
+
* Compatible with select2 3.3.2 and bootstrap 2.3.1
|
|
4
|
+
* MIT License
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
.select2-container {
|
|
8
|
+
vertical-align: middle;
|
|
9
|
+
&.input-mini { width: 60px; }
|
|
10
|
+
&.input-small { width: 90px; }
|
|
11
|
+
&.input-medium { width: 150px; }
|
|
12
|
+
&.input-large { width: 210px; }
|
|
13
|
+
&.input-xlarge { width: 270px; }
|
|
14
|
+
&.input-xxlarge { width: 530px; }
|
|
15
|
+
// Size to the width of a default text input.
|
|
16
|
+
&.input-default { width: 220px; }
|
|
17
|
+
&[class*="span"] {
|
|
18
|
+
float: none;
|
|
19
|
+
margin-left: 0;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.select2-container .select2-choice,
|
|
24
|
+
.select2-container-multi .select2-choices {
|
|
25
|
+
height: $baseLineHeight + 8px;
|
|
26
|
+
line-height: $baseLineHeight + 9px;
|
|
27
|
+
border: 1px solid $inputBorder;
|
|
28
|
+
@include border-radius($inputBorderRadius);
|
|
29
|
+
background: none;
|
|
30
|
+
background-color: $inputBackground;
|
|
31
|
+
filter: none;
|
|
32
|
+
@include box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.075));
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.select2-container .select2-choice,
|
|
36
|
+
.select2-container.select2-container-disabled .select2-choice {
|
|
37
|
+
div, .select2-arrow {
|
|
38
|
+
border-left: none;
|
|
39
|
+
background: none;
|
|
40
|
+
filter: none;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.control-group.error [class^="select2-choice"] {
|
|
45
|
+
border-color: $errorText;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.select2-container-multi .select2-choices .select2-search-field {
|
|
49
|
+
height: 28px;
|
|
50
|
+
line-height: 27px;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.select2-container-active .select2-choice,
|
|
54
|
+
.select2-container-multi.select2-container-active .select2-choices {
|
|
55
|
+
border-color: rgba(82, 168, 236, 0.8);
|
|
56
|
+
outline: none;
|
|
57
|
+
@include box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6));
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
[class^="input-"] .select2-container {
|
|
61
|
+
font-size: $baseFontSize;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.input-prepend [class^="select2-choice"] {
|
|
65
|
+
border-top-left-radius: 0;
|
|
66
|
+
border-bottom-left-radius: 0;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.input-append [class^="select2-choice"] {
|
|
70
|
+
border-top-right-radius: 0;
|
|
71
|
+
border-bottom-right-radius: 0;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.select2-dropdown-open [class^="select2-choice"] {
|
|
75
|
+
border-bottom-left-radius: 0;
|
|
76
|
+
border-bottom-right-radius: 0;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
|
|
80
|
+
border-top-left-radius: 0;
|
|
81
|
+
border-top-right-radius: 0;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
[class^="input-"] .select2-offscreen {
|
|
85
|
+
position: absolute;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
/**
|
|
89
|
+
* This stops the quick flash when a native selectbox is shown and
|
|
90
|
+
* then replaced by a select2 input when javascript kicks in. This can be
|
|
91
|
+
* removed if javascript is not present
|
|
92
|
+
*/
|
|
93
|
+
|
|
94
|
+
select.select2 {
|
|
95
|
+
height: 28px;
|
|
96
|
+
visibility: hidden;
|
|
97
|
+
}
|
metadata
ADDED
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
|
2
|
+
name: select2-bootstrap-css
|
|
3
|
+
version: !ruby/object:Gem::Version
|
|
4
|
+
prerelease: false
|
|
5
|
+
segments:
|
|
6
|
+
- 1
|
|
7
|
+
- 2
|
|
8
|
+
- 1
|
|
9
|
+
version: 1.2.1
|
|
10
|
+
platform: ruby
|
|
11
|
+
authors:
|
|
12
|
+
- Michael Hellein
|
|
13
|
+
autorequire:
|
|
14
|
+
bindir: bin
|
|
15
|
+
cert_chain: []
|
|
16
|
+
|
|
17
|
+
date: 2013-08-08 00:00:00 -04:00
|
|
18
|
+
default_executable:
|
|
19
|
+
dependencies: []
|
|
20
|
+
|
|
21
|
+
description: A stylesheet for making select2 fit in with bootstrap a bit better.
|
|
22
|
+
email:
|
|
23
|
+
- themichael@gmail.com
|
|
24
|
+
executables: []
|
|
25
|
+
|
|
26
|
+
extensions: []
|
|
27
|
+
|
|
28
|
+
extra_rdoc_files: []
|
|
29
|
+
|
|
30
|
+
files:
|
|
31
|
+
- compass/stylesheets/select2-bootstrap.scss
|
|
32
|
+
- lib/build.less
|
|
33
|
+
- lib/build.scss
|
|
34
|
+
- lib/select2-bootstrap-css.rb
|
|
35
|
+
- lib/select2-bootstrap.less
|
|
36
|
+
- lib/select2-bootstrap.scss
|
|
37
|
+
- lib/select2-bootstrap/version.rb
|
|
38
|
+
has_rdoc: true
|
|
39
|
+
homepage: https://github.com/t0m/select2-bootstrap-css
|
|
40
|
+
licenses: []
|
|
41
|
+
|
|
42
|
+
post_install_message:
|
|
43
|
+
rdoc_options: []
|
|
44
|
+
|
|
45
|
+
require_paths:
|
|
46
|
+
- lib
|
|
47
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
|
48
|
+
requirements:
|
|
49
|
+
- - ">="
|
|
50
|
+
- !ruby/object:Gem::Version
|
|
51
|
+
segments:
|
|
52
|
+
- 0
|
|
53
|
+
version: "0"
|
|
54
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
55
|
+
requirements:
|
|
56
|
+
- - ">="
|
|
57
|
+
- !ruby/object:Gem::Version
|
|
58
|
+
segments:
|
|
59
|
+
- 0
|
|
60
|
+
version: "0"
|
|
61
|
+
requirements: []
|
|
62
|
+
|
|
63
|
+
rubyforge_project: "[none]"
|
|
64
|
+
rubygems_version: 1.3.6
|
|
65
|
+
signing_key:
|
|
66
|
+
specification_version: 3
|
|
67
|
+
summary: A stylesheet for making select2 fit in with bootstrap a bit better.
|
|
68
|
+
test_files: []
|
|
69
|
+
|