From e2627fb349a2751a6d9fad6956d30edb24eaa5ea Mon Sep 17 00:00:00 2001 From: Constantine Seleznyoff Date: Wed, 12 Sep 2018 13:34:06 +0300 Subject: [PATCH 1/3] RTL direction support --- README.md | 2 +- dist/css/selectize.bootstrap4.css | 40 +++++++ dist/examples.html | 179 +++++++++++++++++------------- docs/en/index.md | 1 + gulpfile.js | 6 +- scss/_variables.scss | 2 + scss/selectize.bootstrap4.scss | 52 +++++++++ template/examples.pug | 99 +++++++++-------- 8 files changed, 250 insertions(+), 131 deletions(-) diff --git a/README.md b/README.md index ad49df1..116bdb2 100644 --- a/README.md +++ b/README.md @@ -34,7 +34,7 @@ Read the [Documentation](docs/en/index.md) for more information. ## TODO -- RTL direction support +- Bootstrap Input Groups support - Attribute `readonly` support - Bootstrap class `custom-select` support - Bootstrap form validation support diff --git a/dist/css/selectize.bootstrap4.css b/dist/css/selectize.bootstrap4.css index 5e23008..7379eda 100644 --- a/dist/css/selectize.bootstrap4.css +++ b/dist/css/selectize.bootstrap4.css @@ -245,6 +245,36 @@ border-radius: 0.25rem; } +.form-control.selectize-control.rtl { + direction: rtl; +} + +.form-control.selectize-control.rtl .selectize-input { + text-align: right; +} + +.form-control.selectize-control.rtl .selectize-input input { + margin: 0 0 0 2px !important; +} + +.form-control.selectize-control.rtl .selectize-dropdown .selectize-dropdown-content { + text-align: right !important; +} + +.form-control.selectize-control.rtl.single:after { + left: 0.75rem; + right: auto; +} + +.form-control.selectize-control.rtl.single .selectize-input { + padding-left: calc(0.75rem + 0.625rem); + padding-right: 0.75rem; +} + +.form-control.selectize-control.rtl.multi .selectize-input .item { + margin: 0 0 0 3px; +} + .form-control-lg.selectize-control { height: calc(2.875rem + 2px); padding: 0; @@ -260,6 +290,11 @@ padding-right: calc(1rem + 0.625rem); } +.form-control-lg.selectize-control.single.rtl .selectize-input { + padding-left: calc(1rem + 0.625rem); + padding-right: 1rem; +} + .form-control-lg.selectize-control.multi { min-height: calc(2.875rem + 2px); } @@ -279,6 +314,11 @@ padding-right: calc(0.5rem + 0.625rem); } +.form-control-sm.selectize-control.single.rtl .selectize-input { + padding-left: calc(0.5rem + 0.625rem); + padding-right: 0.5rem; +} + .form-control-sm.selectize-control.multi { min-height: calc(1.8125rem + 2px); } diff --git a/dist/examples.html b/dist/examples.html index b49b920..4760df7 100644 --- a/dist/examples.html +++ b/dist/examples.html @@ -14,7 +14,8 @@

Selectize Theme for Bootstrap 4

Single Select

- @@ -28,64 +29,57 @@

Single Select

-
- -
-

Multiple Select

-
- + + + + + + + + + + +
-
-
- -
-
-

Inline Form

-
- - -
-
-
-

Disabled Select

-
- -
-
-
-
-
-

Custom Options

-
- + +
-
-
-
-

Option Groups

-
- + + + + + + + + + + + + +
+
+ +
+
+ + +
-
-
-

Input Groups

+

Multiple Select

-
-
-
@
-
- + + +
-
-
-
-

Sizing

-
- + + +
- + + +
+
+ + +
+
+ + +
+
+
+ +
diff --git a/docs/en/index.md b/docs/en/index.md index 5062012..129bb8b 100644 --- a/docs/en/index.md +++ b/docs/en/index.md @@ -7,6 +7,7 @@ Selectize Theme (SCSS) based on the Bootstrap 4 components. - [Dependencies](#dependencies) - [Install](#install) - [Importing](#importing) +- [Usage](#usage) - [Theming](#theming) - [Examples](#examples) diff --git a/gulpfile.js b/gulpfile.js index 3187dca..c4deefb 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -17,12 +17,12 @@ gulp.task('examples-selectize', () => { gulp.task('examples-html', () => { return gulp - .src('template/examples.pug') + .src('template/*.pug') .pipe(pug({pretty: true})) .pipe(gulp.dest('dist')); }); gulp.task('default', ['sass', 'examples-selectize', 'examples-html'], () => { - gulp.watch(['scss/selectize.bootstrap4.scss'], ['sass']); - gulp.watch(['template/examples.pug'], ['examples-selectize', 'examples-html']); + gulp.watch(['scss/*.scss'], ['sass']); + gulp.watch(['template/*.pug'], ['examples-html']); }); diff --git a/scss/_variables.scss b/scss/_variables.scss index 679583e..4c57dbc 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -38,6 +38,7 @@ $selectize-input-padding-x-sm: $input-padding-x-sm !default; // Input Caret $selectize-input-caret-margin: 0 2px 0 0 !default; +$selectize-input-caret-margin-rtl: 0 0 0 2px !default; // Input Arrow @@ -52,6 +53,7 @@ $selectize-input-item-color: color-yiq($selectize-input-item-bg) !default; $selectize-input-item-font-size: $badge-font-size !default; $selectize-input-item-font-weight: $font-weight-normal !default; $selectize-input-item-margin: 0 3px 0 0 !default; +$selectize-input-item-margin-rtl: 0 0 0 3px !default; $selectize-input-item-padding-x: $badge-padding-x !default; $selectize-input-item-padding-y: $badge-padding-y !default; diff --git a/scss/selectize.bootstrap4.scss b/scss/selectize.bootstrap4.scss index 09a280c..0f99fa0 100644 --- a/scss/selectize.bootstrap4.scss +++ b/scss/selectize.bootstrap4.scss @@ -265,6 +265,44 @@ white-space: nowrap; @include border-radius($selectize-input-item-border-radius); } + + &.rtl { + direction: rtl; + + .selectize-input { + text-align: right; + + input { + margin: $selectize-input-caret-margin-rtl !important; + } + } + + .selectize-dropdown { + .selectize-dropdown-content { + text-align: right !important; + } + } + + &.single { + &:after { + left: $selectize-input-padding-x; + right: auto; + } + + .selectize-input { + padding-left: calc(#{$selectize-input-padding-x} + #{$selectize-input-arrow-width}); + padding-right: $selectize-input-padding-x; + } + } + + &.multi { + .selectize-input { + .item { + margin: $selectize-input-item-margin-rtl; + } + } + } + } } } @@ -283,6 +321,13 @@ .selectize-input { padding-right: calc(#{$selectize-input-padding-x-lg} + #{$selectize-input-arrow-width}); } + + &.rtl { + .selectize-input { + padding-left: calc(#{$selectize-input-padding-x-lg} + #{$selectize-input-arrow-width}); + padding-right: $selectize-input-padding-x-lg; + } + } } &.multi { @@ -306,6 +351,13 @@ .selectize-input { padding-right: calc(#{$selectize-input-padding-x-sm} + #{$selectize-input-arrow-width}); } + + &.rtl { + .selectize-input { + padding-left: calc(#{$selectize-input-padding-x-sm} + #{$selectize-input-arrow-width}); + padding-right: $selectize-input-padding-x-sm; + } + } } &.multi { diff --git a/template/examples.pug b/template/examples.pug index 6b791c8..2d7cd2e 100644 --- a/template/examples.pug +++ b/template/examples.pug @@ -13,42 +13,32 @@ html h2 Single Select form div(class='form-group') - select(class='form-control selectize-single') + label(for='select-1') Regular + select(id='select-1' class='form-control selectize-single') option(value selected) Choose... each option in ['Red', 'Yellow', 'Green', 'Blue', 'Purple', 'Magenta', 'Pink', 'Black', 'White', 'Gray'] option(value=option)= option - div(class='col-6') - h2 Multiple Select - form div(class='form-group') - select(class='form-control selectize-multiple' multiple) - each option in ['Red', 'Green', 'Blue'] - option(value=option selected)= option - div(class='row my-5') - div(class='col-6') - h2 Inline Form - form(class='form-inline') - select(class='form-control w-50 selectize-single') - option(value selected) Choose... - each option in ['Red', 'Yellow', 'Green', 'Blue', 'Purple', 'Magenta', 'Pink', 'Black', 'White', 'Gray'] - option(value=option)= option - input(type='text' class='form-control mx-2' placeholder='Some text input') - div(class='col-6') - h2 Disabled Select - form - select(class='form-control selectize-single' disabled) - option(value selected) Choose... - div(class='row my-5') - div(class='col-6') - h2 Custom Options - form + label(for='select-2') Large + select(id='select-2' class='form-control form-control-lg selectize-single') + option(value selected) Choose... + each option in ['Red', 'Yellow', 'Green', 'Blue', 'Purple', 'Magenta', 'Pink', 'Black', 'White', 'Gray'] + option(value=option)= option div(class='form-group') - select(class='form-control selectize-custom' multiple) - div(class='col-6') - h2 Option Groups - form + label(for='select-3') Small + select(id='select-3' class='form-control form-control-sm selectize-single') + option(value selected) Choose... + each option in ['Red', 'Yellow', 'Green', 'Blue', 'Purple', 'Magenta', 'Pink', 'Black', 'White', 'Gray'] + option(value=option)= option div(class='form-group') - select(class='form-control selectize-single') + label(for='select-4') RTL + select(id='select-4' class='form-control selectize-single' dir='rtl') + option(value selected) Choose... + each option in ['Red', 'Yellow', 'Green', 'Blue', 'Purple', 'Magenta', 'Pink', 'Black', 'White', 'Gray'] + option(value=option)= option + div(class='form-group') + label(for='select-5') Option Groups + select(id='select-5' class='form-control selectize-single') option(value selected) Choose... optgroup(label='Climbing') each option, index in ['Bolts', 'Cams', 'Nuts', 'Pitons', 'Sling', 'Stoppers'] @@ -56,30 +46,43 @@ html optgroup(label='Skiing') each option, index in ['Poles', 'Skins', 'Skis'] option(value='skiing' + index)= option - div(class='row my-5') - div(class='col-6') - h2 Input Groups - form - div(class='input-group') - div(class='input-group-prepend') - div(class='input-group-text') @ - select(class='form-control selectize-single') - option(value selected) Choose... - each option, index in ['john@example.com', 'johndoe@example.com'] - option(value=index)= option + form(class='form-inline') + label(for='select-6' class='mr-2') Inline + select(id='select-6' class='form-control w-50 selectize-single') + option(value selected) Choose... + each option in ['Red', 'Yellow', 'Green', 'Blue', 'Purple', 'Magenta', 'Pink', 'Black', 'White', 'Gray'] + option(value=option)= option div(class='col-6') - h2 Sizing + h2 Multiple Select form div(class='form-group') - select(class='form-control form-control-lg selectize-single') - option(value selected) Choose... + label(for='select-7') Regular + select(id='select-7' class='form-control selectize-multiple' multiple) each option in ['Red', 'Green', 'Blue'] - option(value=index)= option + option(value=option selected)= option div(class='form-group') - select(class='form-control form-control-sm selectize-single') - option(value selected) Choose... + label(for='select-8') Large + select(id='select-8' class='form-control form-control-lg selectize-multiple' multiple) + each option in ['Red', 'Green', 'Blue'] + option(value=option selected)= option + div(class='form-group') + label(for='select-9') Small + select(id='select-9' class='form-control form-control-sm selectize-multiple' multiple) each option in ['Red', 'Green', 'Blue'] - option(value=index)= option + option(value=option selected)= option + div(class='form-group') + label(for='select-10') RTL + select(id='select-10' class='form-control selectize-multiple' multiple dir='rtl') + each option in ['Red', 'Green', 'Blue'] + option(value=option selected)= option + div(class='form-group') + label(for='select-11') Custom Options + select(id='select-11' class='form-control selectize-custom' multiple) + form(class='form-inline') + label(for='select-12' class='mr-2') Inline + select(id='select-12' class='form-control w-50 selectize-multiple' multiple) + each option in ['Red', 'Green', 'Blue'] + option(value=option selected)= option script(src='https://code.jquery.com/jquery-3.3.1.js') script(src='js/selectize.js') script. From 6c22b9b048e1ecafc7ce488b6c73c166d232d4f1 Mon Sep 17 00:00:00 2001 From: Constantine Seleznyoff Date: Wed, 12 Sep 2018 14:46:11 +0300 Subject: [PATCH 2/3] Bootstrap input groups support --- README.md | 1 - dist/css/selectize.bootstrap4.css | 28 +++++++++++++++----- dist/examples.html | 44 +++++++++++++++++++++++++++++-- scss/selectize.bootstrap4.scss | 41 ++++++++++++++++++++++------ template/examples.pug | 25 ++++++++++++++++-- 5 files changed, 119 insertions(+), 20 deletions(-) diff --git a/README.md b/README.md index 116bdb2..d36afcf 100644 --- a/README.md +++ b/README.md @@ -34,7 +34,6 @@ Read the [Documentation](docs/en/index.md) for more information. ## TODO -- Bootstrap Input Groups support - Attribute `readonly` support - Bootstrap class `custom-select` support - Bootstrap form validation support diff --git a/dist/css/selectize.bootstrap4.css b/dist/css/selectize.bootstrap4.css index 7379eda..d582899 100644 --- a/dist/css/selectize.bootstrap4.css +++ b/dist/css/selectize.bootstrap4.css @@ -102,8 +102,8 @@ } .form-control.selectize-control .selectize-input.dropdown-active { - border-bottom-left-radius: 0; border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } .form-control.selectize-control .selectize-dropdown { @@ -212,7 +212,7 @@ } .form-control.selectize-control.single .selectize-input { - padding-right: calc(0.75rem + 0.625rem); + padding-right: calc(0.75rem + 0.625rem + 0.375rem); } .form-control.selectize-control.multi { @@ -267,7 +267,7 @@ } .form-control.selectize-control.rtl.single .selectize-input { - padding-left: calc(0.75rem + 0.625rem); + padding-left: calc(0.75rem + 0.625rem + 0.375rem); padding-right: 0.75rem; } @@ -287,11 +287,11 @@ } .form-control-lg.selectize-control.single .selectize-input { - padding-right: calc(1rem + 0.625rem); + padding-right: calc(1rem + 0.625rem + 0.5rem); } .form-control-lg.selectize-control.single.rtl .selectize-input { - padding-left: calc(1rem + 0.625rem); + padding-left: calc(1rem + 0.625rem + 0.5rem); padding-right: 1rem; } @@ -311,14 +311,28 @@ } .form-control-sm.selectize-control.single .selectize-input { - padding-right: calc(0.5rem + 0.625rem); + padding-right: calc(0.5rem + 0.625rem + 0.25rem); } .form-control-sm.selectize-control.single.rtl .selectize-input { - padding-left: calc(0.5rem + 0.625rem); + padding-left: calc(0.5rem + 0.625rem + 0.25rem); padding-right: 0.5rem; } .form-control-sm.selectize-control.multi { min-height: calc(1.8125rem + 2px); } + +.input-group > .form-control.selectize-control.multi { + height: calc(2.25rem + 2px); +} + +.input-group > .form-control:not(:first-child).selectize-control .selectize-input { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group > .form-control:not(:last-child).selectize-control .selectize-input { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} diff --git a/dist/examples.html b/dist/examples.html index 4760df7..4cb6387 100644 --- a/dist/examples.html +++ b/dist/examples.html @@ -97,7 +97,7 @@

Single Select

-
+
+
+ +
+
+
Color
+
+ +
+
!
+
+
+

Multiple Select

@@ -154,7 +178,7 @@

Multiple Select

-
+
+
+ +
+
+
Color
+
+ +
+
!
+
+
+
diff --git a/scss/selectize.bootstrap4.scss b/scss/selectize.bootstrap4.scss index 0f99fa0..46c7285 100644 --- a/scss/selectize.bootstrap4.scss +++ b/scss/selectize.bootstrap4.scss @@ -107,8 +107,7 @@ } &.dropdown-active { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; + @include border-bottom-radius(0); } } @@ -232,7 +231,7 @@ } .selectize-input { - padding-right: calc(#{$selectize-input-padding-x} + #{$selectize-input-arrow-width}); + padding-right: calc(#{$selectize-input-padding-x} + #{$selectize-input-arrow-width} + #{$selectize-input-padding-y}); } } @@ -290,7 +289,7 @@ } .selectize-input { - padding-left: calc(#{$selectize-input-padding-x} + #{$selectize-input-arrow-width}); + padding-left: calc(#{$selectize-input-padding-x} + #{$selectize-input-arrow-width} + #{$selectize-input-padding-y}); padding-right: $selectize-input-padding-x; } } @@ -319,12 +318,12 @@ &.single { .selectize-input { - padding-right: calc(#{$selectize-input-padding-x-lg} + #{$selectize-input-arrow-width}); + padding-right: calc(#{$selectize-input-padding-x-lg} + #{$selectize-input-arrow-width} + #{$selectize-input-padding-y-lg}); } &.rtl { .selectize-input { - padding-left: calc(#{$selectize-input-padding-x-lg} + #{$selectize-input-arrow-width}); + padding-left: calc(#{$selectize-input-padding-x-lg} + #{$selectize-input-arrow-width} + #{$selectize-input-padding-y-lg}); padding-right: $selectize-input-padding-x-lg; } } @@ -349,12 +348,12 @@ &.single { .selectize-input { - padding-right: calc(#{$selectize-input-padding-x-sm} + #{$selectize-input-arrow-width}); + padding-right: calc(#{$selectize-input-padding-x-sm} + #{$selectize-input-arrow-width} + #{$selectize-input-padding-y-sm}); } &.rtl { .selectize-input { - padding-left: calc(#{$selectize-input-padding-x-sm} + #{$selectize-input-arrow-width}); + padding-left: calc(#{$selectize-input-padding-x-sm} + #{$selectize-input-arrow-width} + #{$selectize-input-padding-y-sm}); padding-right: $selectize-input-padding-x-sm; } } @@ -365,3 +364,29 @@ } } } + +.input-group { + > .form-control { + &.selectize-control { + &.multi { + height: $selectize-input-height; + } + } + + &:not(:first-child) { + &.selectize-control { + .selectize-input { + @include border-left-radius(0); + } + } + } + + &:not(:last-child) { + &.selectize-control { + .selectize-input { + @include border-right-radius(0); + } + } + } + } +} diff --git a/template/examples.pug b/template/examples.pug index 2d7cd2e..9ad050b 100644 --- a/template/examples.pug +++ b/template/examples.pug @@ -46,12 +46,23 @@ html optgroup(label='Skiing') each option, index in ['Poles', 'Skins', 'Skis'] option(value='skiing' + index)= option - form(class='form-inline') + form(class='form-inline my-2') label(for='select-6' class='mr-2') Inline select(id='select-6' class='form-control w-50 selectize-single') option(value selected) Choose... each option in ['Red', 'Yellow', 'Green', 'Blue', 'Purple', 'Magenta', 'Pink', 'Black', 'White', 'Gray'] option(value=option)= option + form(class='form-inline my-2') + label(for='select-13' class='mr-2') Input Group + div(class='input-group') + div(class='input-group-prepend') + div(class='input-group-text') Color + select(id='select-13' class='form-control selectize-single') + option(value selected) Choose... + each option in ['Red', 'Yellow', 'Green', 'Blue', 'Purple', 'Magenta', 'Pink', 'Black', 'White', 'Gray'] + option(value=option)= option + div(class='input-group-append') + div(class='input-group-text') ! div(class='col-6') h2 Multiple Select form @@ -78,11 +89,21 @@ html div(class='form-group') label(for='select-11') Custom Options select(id='select-11' class='form-control selectize-custom' multiple) - form(class='form-inline') + form(class='form-inline my-2') label(for='select-12' class='mr-2') Inline select(id='select-12' class='form-control w-50 selectize-multiple' multiple) each option in ['Red', 'Green', 'Blue'] option(value=option selected)= option + form(class='form-inline my-2') + label(for='select-14' class='mr-2') Input Group + div(class='input-group') + div(class='input-group-prepend') + div(class='input-group-text') Color + select(id='select-14' class='form-control selectize-multiple' multiple) + each option in ['Red', 'Green', 'Blue'] + option(value=option selected)= option + div(class='input-group-append') + div(class='input-group-text') ! script(src='https://code.jquery.com/jquery-3.3.1.js') script(src='js/selectize.js') script. From f404da89b79a67fcf7b6f4ef128c74518db1b45f Mon Sep 17 00:00:00 2001 From: Constantine Seleznyoff Date: Wed, 12 Sep 2018 14:53:58 +0300 Subject: [PATCH 3/3] Update patch version --- README.md | 4 ++-- composer.json | 2 +- dist/css/selectize.bootstrap4.css | 2 +- docs/en/index.md | 2 +- package-lock.json | 2 +- package.json | 2 +- scss/selectize.bootstrap4.scss | 2 +- 7 files changed, 8 insertions(+), 8 deletions(-) diff --git a/README.md b/README.md index d36afcf..2768401 100644 --- a/README.md +++ b/README.md @@ -16,7 +16,7 @@ [![npm version](https://img.shields.io/npm/v/selectize-bootstrap4-theme.svg)](https://www.npmjs.com/package/selectize-bootstrap4-theme) [![Packagist](https://img.shields.io/packagist/v/const-se/selectize-bootstrap4-theme.svg)](https://packagist.org/packages/const-se/selectize-bootstrap4-theme) [![Github file size](https://img.shields.io/github/size/const-se/selectize-bootstrap4-theme/dist/css/selectize.bootstrap4.css.svg)](https://github.com/const-se/selectize-bootstrap4-theme/blob/master/dist/css/selectize.bootstrap4.css) -[![Github Releases](https://img.shields.io/github/downloads/const-se/selectize-bootstrap4-theme/latest/total.svg)](https://github.com/const-se/selectize-bootstrap4-theme) +[![Github All Releases](https://img.shields.io/github/downloads/const-se/selectize-bootstrap4-theme/total.svg)](https://github.com/const-se/selectize-bootstrap4-theme) [![npm](https://img.shields.io/npm/dt/selectize-bootstrap4-theme.svg)](https://www.npmjs.com/package/selectize-bootstrap4-theme) [![Packagist](https://img.shields.io/packagist/dt/const-se/selectize-bootstrap4-theme.svg)](https://packagist.org/packages/const-se/selectize-bootstrap4-theme) @@ -24,7 +24,7 @@ Several quick start options are available: -- [Download the latest release](https://github.com/const-se/selectize-bootstrap4-theme/archive/v2.0.0.zip) +- [Download the latest release](https://github.com/const-se/selectize-bootstrap4-theme/archive/v2.0.1.zip) - Clone the repo: `git clone git@github.com:const-se/selectize-bootstrap4-theme.git` - Install with [npm](https://www.npmjs.com/): `npm install selectize-bootstrap4-theme` - Install with [yarn](https://yarnpkg.com/): `yarn add selectize-bootstrap4-theme` diff --git a/composer.json b/composer.json index 0ed06f0..6ee7272 100644 --- a/composer.json +++ b/composer.json @@ -1,7 +1,7 @@ { "name": "const-se/selectize-bootstrap4-theme", "type": "library", - "version": "2.0.0", + "version": "2.0.1", "license": "Apache-2.0", "description": "Selectize Theme for Bootstrap 4", "keywords": [ diff --git a/dist/css/selectize.bootstrap4.css b/dist/css/selectize.bootstrap4.css index d582899..4b9401b 100644 --- a/dist/css/selectize.bootstrap4.css +++ b/dist/css/selectize.bootstrap4.css @@ -1,5 +1,5 @@ /*! - * Selectize Theme for Bootstrap 4 v2.0.0 + * Selectize Theme for Bootstrap 4 v2.0.1 * * Copyright 2018 Constantine Seleznyoff * diff --git a/docs/en/index.md b/docs/en/index.md index 129bb8b..1c3149e 100644 --- a/docs/en/index.md +++ b/docs/en/index.md @@ -18,7 +18,7 @@ Selectize Theme (SCSS) based on the Bootstrap 4 components. ## Install -- [Download the latest release](https://github.com/const-se/selectize-bootstrap4-theme/archive/v2.0.0.zip) +- [Download the latest release](https://github.com/const-se/selectize-bootstrap4-theme/archive/v2.0.1.zip) - Clone the repo: `git clone git@github.com:const-se/selectize-bootstrap4-theme.git` - Install with [npm](https://www.npmjs.com/): `npm install selectize-bootstrap4-theme` - Install with [yarn](https://yarnpkg.com/): `yarn add selectize-bootstrap4-theme` diff --git a/package-lock.json b/package-lock.json index 532dbd5..f5a98db 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "selectize-bootstrap4-theme", - "version": "2.0.0", + "version": "2.0.1", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/package.json b/package.json index eeedccd..9e29cfb 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "selectize-bootstrap4-theme", - "version": "2.0.0", + "version": "2.0.1", "license": "Apache-2.0", "main": "index.js", "description": "Selectize Theme for Bootstrap 4", diff --git a/scss/selectize.bootstrap4.scss b/scss/selectize.bootstrap4.scss index 46c7285..8dfcda9 100644 --- a/scss/selectize.bootstrap4.scss +++ b/scss/selectize.bootstrap4.scss @@ -1,5 +1,5 @@ /*! - * Selectize Theme for Bootstrap 4 v2.0.0 + * Selectize Theme for Bootstrap 4 v2.0.1 * * Copyright 2018 Constantine Seleznyoff *