Skip to content

Commit 9e6ae0e

Browse files
author
William Troup
authored
Merge pull request #9 from williamtroup/0.4.0
0.4.0
2 parents 9aa165c + d37207f commit 9e6ae0e

File tree

11 files changed

+113
-105
lines changed

11 files changed

+113
-105
lines changed

‎README.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,15 +2,15 @@
22
Select.js
33

44
[![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Select.js%2C%20a%20free%20JavaScript%select%builder&url=https://github.com/williamtroup/Select.js&hashtags=javascript,html,select)
5-
[![npm](https://img.shields.io/badge/npmjs-v0.3.0-blue)](https://www.npmjs.com/package/jselect.js)
6-
[![nuget](https://img.shields.io/badge/nuget-v0.3.0-purple)](https://www.nuget.org/packages/jSelect.js/)
5+
[![npm](https://img.shields.io/badge/npmjs-v0.4.0-blue)](https://www.npmjs.com/package/jselect.js)
6+
[![nuget](https://img.shields.io/badge/nuget-v0.4.0-purple)](https://www.nuget.org/packages/jSelect.js/)
77
[![license](https://img.shields.io/badge/license-MIT-green)](https://github.com/williamtroup/Select.js/blob/main/LICENSE.txt)
88
[![discussions Welcome](https://img.shields.io/badge/discussions-Welcome-red)](https://github.com/williamtroup/Select.js/discussions)
99
[![coded by William Troup](https://img.shields.io/badge/coded_by-William_Troup-yellow)](https://github.com/williamtroup)
1010
</h1>
1111

1212
> <p align="center">A lightweight, and easy-to-use, JavaScript library for creating multi-select drop-down lists!</p>
13-
> <p align="center">v0.3.0</p>
13+
> <p align="center">v0.4.0</p>
1414
<br />
1515
1616
![Select.js](docs/images/main.png)

‎README_NUGET.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
# Select.js v0.3.0
1+
# Select.js v0.4.0
22

33
[![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Select.js%2C%20a%20free%20JavaScript%select%builder&url=https://github.com/williamtroup/Select.js&hashtags=javascript,html,select)
4-
[![npm](https://img.shields.io/badge/npmjs-v0.3.0-blue)](https://www.npmjs.com/package/jselect.js)
5-
[![nuget](https://img.shields.io/badge/nuget-v0.3.0-purple)](https://www.nuget.org/packages/jSelect.js/)
4+
[![npm](https://img.shields.io/badge/npmjs-v0.4.0-blue)](https://www.npmjs.com/package/jselect.js)
5+
[![nuget](https://img.shields.io/badge/nuget-v0.4.0-purple)](https://www.nuget.org/packages/jSelect.js/)
66
[![license](https://img.shields.io/badge/license-MIT-green)](https://github.com/williamtroup/Select.js/blob/main/LICENSE.txt)
77
[![discussions Welcome](https://img.shields.io/badge/discussions-Welcome-red)](https://github.com/williamtroup/Select.js/discussions)
88
[![coded by William Troup](https://img.shields.io/badge/coded_by-William_Troup-yellow)](https://github.com/williamtroup)

‎dist/select.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
/*! Select.js v0.3.0 | (c) Bunoon | MIT License */
1+
/*! Select.js v0.4.0 | (c) Bunoon | MIT License */
22
(function() {
33
function render() {
44
var tagTypes = _configuration.domElementTypes;
@@ -376,7 +376,7 @@
376376
return this;
377377
};
378378
this.getVersion = function() {
379-
return "0.3.0";
379+
return "0.4.0";
380380
};
381381
(function(documentObject, windowObject) {
382382
_parameter_Document = documentObject;

‎dist/select.js.css‎

Lines changed: 44 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*
2-
* Select.js Library v0.3.0
2+
* Select.js Library v0.4.0
33
*
44
* Copyright 2023 Bunoon
55
* Released under the MIT License
@@ -10,20 +10,20 @@
1010
-------------------------------------------------------------------------
1111
*/
1212
:root {
13-
--color-black: #3b3a3a;
14-
--color-white: #F5F5F5;
15-
--color-gray: #AAAAAA;
16-
--color-light-gray: #CCCCCC;
17-
--container-background-color: #e8e6e6;
18-
--container-border-color: #3b3a3a;
19-
--container-background-color-drop-down: #e8e6e6;
20-
--container-border-color-drop-down: #3b3a3a;
21-
--border-radius: 0.5rem;
22-
--border-style-scrollbar: inset 0 0 6px --color-dark-gray;
23-
--border-size: 0.5px;
24-
--transition: all .3s;
25-
--spacing-shadow-size: 4px;
26-
--spacing: 8px;
13+
--select-js-color-black: #3b3a3a;
14+
--select-js-color-white: #F5F5F5;
15+
--select-js-color-gray: #AAAAAA;
16+
--select-js-color-light-gray: #CCCCCC;
17+
--select-js-container-background-color: #e8e6e6;
18+
--select-js-container-border-color: #3b3a3a;
19+
--select-js-container-background-color-drop-down: #e8e6e6;
20+
--select-js-container-border-color-drop-down: #3b3a3a;
21+
--select-js-border-radius: 0.5rem;
22+
--select-js-border-style-scrollbar: inset 0 0 6px --color-dark-gray;
23+
--select-js-border-size: 0.5px;
24+
--select-js-transition: all .3s;
25+
--select-js-spacing-shadow-size: 4px;
26+
--select-js-spacing: 8px;
2727
}
2828

2929
/*
@@ -34,7 +34,7 @@
3434
div.select-js {
3535
font-family: "Montserrat", sans-serif;
3636
font-size: 0.8rem;
37-
margin-bottom: var(--spacing);
37+
margin-bottom: var(--select-js-spacing);
3838
position: relative;
3939
}
4040
div.select-js * {
@@ -49,10 +49,10 @@ div.select-js select {
4949
display: none !important;
5050
}
5151
div.select-js div.control {
52-
background-color: var(--container-background-color);
53-
border: var(--border-size) solid var(--container-border-color);
54-
border-radius: var(--border-radius);
55-
padding: calc(var(--spacing) - 2px);
52+
background-color: var(--select-js-container-background-color);
53+
border: var(--select-js-border-size) solid var(--select-js-container-border-color);
54+
border-radius: var(--select-js-border-radius);
55+
padding: calc(var(--select-js-spacing) - 2px);
5656
padding-right: 32px;
5757
overflow: hidden;
5858
}
@@ -63,9 +63,9 @@ div.select-js div.control {
6363
-------------------------------------------------------------------------
6464
*/
6565
div.select-js div.drop-down {
66-
background-color: var(--container-background-color-drop-down);
67-
border: var(--border-size) solid var(--container-border-color-drop-down);
68-
border-radius: var(--border-radius);
66+
background-color: var(--select-js-container-background-color-drop-down);
67+
border: var(--select-js-border-size) solid var(--select-js-container-border-color-drop-down);
68+
border-radius: var(--select-js-border-radius);
6969
-webkit-user-select: none;
7070
-ms-user-select: none;
7171
user-select: none;
@@ -74,24 +74,24 @@ div.select-js div.drop-down {
7474
z-index: 10;
7575
max-height: 400px;
7676
margin-top: 2px;
77-
box-shadow: var(--spacing-shadow-size) var(--spacing-shadow-size) var(--spacing-shadow-size) var(--color-gray);
77+
box-shadow: var(--select-js-spacing-shadow-size) var(--select-js-spacing-shadow-size) var(--select-js-spacing-shadow-size) var(--select-js-color-gray);
7878
overflow-y: auto;
7979
overflow-x: hidden;
8080
}
8181
div.select-js div.drop-down div.item {
82-
padding: var(--spacing);
83-
border-bottom: var(--border-size) var(--color-black) dotted;
82+
padding: var(--select-js-spacing);
83+
border-bottom: var(--select-js-border-size) var(--select-js-color-black) dotted;
8484
}
8585
div.select-js div.drop-down div.item:last-child {
8686
border-bottom: none;
8787
}
8888
div.select-js div.drop-down div.item:hover {
8989
cursor: pointer;
90-
background-color: var(--color-light-gray);
91-
transition: var(--transition);
90+
background-color: var(--select-js-color-light-gray);
91+
transition: var(--select-js-transition);
9292
}
9393
div.select-js div.drop-down div.selected {
94-
color: var(--color-gray);
94+
color: var(--select-js-color-gray);
9595
font-style: italic;
9696
}
9797

@@ -108,8 +108,8 @@ div.select-js div.control {
108108
}
109109
div.select-js div.control div.button {
110110
position: absolute;
111-
border-right: 5px solid var(--color-black);
112-
border-bottom: 5px solid var(--color-black);
111+
border-right: 5px solid var(--select-js-color-black);
112+
border-bottom: 5px solid var(--select-js-color-black);
113113
height: 8px;
114114
width: 8px;
115115
right: 14px;
@@ -119,46 +119,46 @@ div.select-js div.control div.button {
119119
div.select-js div.control div.button:hover {
120120
cursor: pointer;
121121
opacity: 0.7;
122-
transition: var(--transition);
122+
transition: var(--select-js-transition);
123123
}
124124
div.select-js div.control div.button:active {
125125
cursor: pointer;
126126
opacity: 0.5;
127-
transition: var(--transition);
127+
transition: var(--select-js-transition);
128128
}
129129
div.select-js div.control div.button-open {
130130
transform: rotate(-135deg);
131131
top: 18px;
132132
}
133133
div.select-js div.control div.selected-item {
134-
padding: var(--spacing);
135-
background-color: var(--color-gray);
136-
border-radius: var(--border-radius);
134+
padding: var(--select-js-spacing);
135+
background-color: var(--select-js-color-gray);
136+
border-radius: var(--select-js-border-radius);
137137
display: inline-block;
138138
margin: 2px;
139-
margin-right: var(--spacing);
139+
margin-right: var(--select-js-spacing);
140140
}
141141
div.select-js div.control div.selected-item:last-child {
142142
margin-right: 0;
143143
}
144144
div.select-js div.control div.selected-item span.text {
145-
color: var(--color-black);
145+
color: var(--select-js-color-black);
146146
}
147147
div.select-js div.control div.selected-item div.remove {
148-
margin-left: var(--spacing);
148+
margin-left: var(--select-js-spacing);
149149
display: inline-block;
150150
font-weight: bold;
151151
}
152152
div.select-js div.control div.selected-item div.remove:hover {
153153
cursor: pointer;
154154
opacity: 0.7;
155-
transition: var(--transition);
155+
transition: var(--select-js-transition);
156156
}
157157
div.select-js div.control div.no-items-selected {
158-
background-color: var(--color-light-gray);
159-
border-radius: var(--border-radius);
158+
background-color: var(--select-js-color-light-gray);
159+
border-radius: var(--select-js-border-radius);
160160
font-style: italic;
161-
color: var(--color-black);
162-
padding: var(--spacing);
161+
color: var(--select-js-color-black);
162+
padding: var(--select-js-spacing);
163163
display: inline-block;
164164
}/*# sourceMappingURL=select.js.css.map */

‎dist/select.js.min.css‎

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)