diff --git a/.nvmrc b/.nvmrc new file mode 100644 index 0000000..c8b7cbf --- /dev/null +++ b/.nvmrc @@ -0,0 +1 @@ +v10.24.1 diff --git a/.ruby-version b/.ruby-version new file mode 100644 index 0000000..fd2a018 --- /dev/null +++ b/.ruby-version @@ -0,0 +1 @@ +3.1.0 diff --git a/Gruntfile.js b/Gruntfile.js index b3eef96..9900612 100755 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -1,3 +1,5 @@ +const tildeImporter = require('grunt-sass-tilde-importer'); + module.exports = function(grunt) { // Load all grunt tasks. require('matchdep').filterDev('grunt-*').forEach(grunt.loadNpmTasks); @@ -11,6 +13,7 @@ module.exports = function(grunt) { sass: { options: { + importer: tildeImporter, outputStyle: 'expanded', sourcemap: 'none', // Increase Sass' number "precision" to 8 to match Less output. @@ -175,32 +178,13 @@ module.exports = function(grunt) { } }, - scss2less: { - convert: { - files: [{ - src: 'src/select2-bootstrap.scss', - dest: 'src/select2-bootstrap.less' - }] - } - }, - - // Only used to generate CSS for the tests. - less: { - test: { - options: { - sourceMap: false - }, - src: 'src/build.less', - dest: 'tmp/select2-bootstrap.css' - } - }, - stamp: { options: { banner: '/*!\n' + - ' * Select2 Bootstrap Theme v<%= package.version %> (<%= package.homepage %>)\n' + - ' * Copyright 2015-<%= grunt.template.today("yyyy") %> <%= package.author %> and contributors (https://github.com/select2/select2-bootstrap-theme/graphs/contributors)\n' + - ' * Licensed under MIT (https://github.com/select2/select2-bootstrap-theme/blob/master/LICENSE)\n' + + ' * Select2 Bootstrap 4 Theme v<%= package.version %> (<%= package.homepage %>)\n' + + ' * Copyright 2018-<%= grunt.template.today("yyyy") %> <%= package.author %> and contributors (https://github.com/angel-vladov/select2-theme-bootstrap5/graphs/contributors)\n' + + ' * Based on the original select2/select2-bootstrap-theme theme by Florian Kissling and contributors (https://github.com/select2/select2-bootstrap-theme/graphs/contributors)\n' + + ' * Licensed under MIT (https://github.com/angel-vladov/select2-theme-bootstrap4/blob/master/LICENSE)\n' + ' */\n' }, dist: { diff --git a/README.md b/README.md index c85bde3..5535ba0 100755 --- a/README.md +++ b/README.md @@ -1,38 +1,37 @@ -A [Select2](https://select2.github.io/) v4 [Theme](https://select2.github.io/examples.html#themes) for Bootstrap 3 -![select2-bootstrap-theme version](https://img.shields.io/badge/select2--bootstrap--theme-v0.1.0--beta.10-brightgreen.svg) +# select2-theme-bootstrap4 + +![select2-theme-bootstrap4 version](https://img.shields.io/badge/select2--theme--bootstrap4-v1.0.2-brightgreen.svg) [![License](http://img.shields.io/badge/License-MIT-blue.svg)](http://opensource.org/licenses/MIT) -Demonstrations available at -[select2.github.io/select2-bootstrap-theme](http://select2.github.io/select2-bootstrap-theme/) +A [Select2](https://select2.github.io/) v4 [Theme](https://select2.github.io/examples.html#themes) for Bootstrap 4 + +Demonstrations [available](https://angel-vladov.github.io/select2-theme-bootstrap4/). -#### Compatibility +### Compatibility -Built and tested with Bootstrap v3.3.7 and Select2 v4.0.3 in latest Chrome, Firefox and Safari (Mac) and Internet Explorer 11, 10 and 9 (should work in IE8). +Built and tested with Bootstrap v4 and Select2 v4.0.5 in latest Chrome, Firefox and Safari (Mac) and Internet Explorer 11. -#### Installation +### Installation -You can [download select2-bootstrap-theme from this GitHub repo](https://github.com/select2/select2-bootstrap-theme/releases), install it using Bower or npm – required if you want to integrate the Sass or Less sources in your build process – or source the compiled CSS directly from CDNJS or jsDelivr. +You can [download select2-bootstrap-theme from this GitHub repo](https://github.com/angel-vladov/select2-theme-bootstrap4/releases), install it using Bower or npm – required if you want to integrate the Sass or Less sources in your build process – or source the compiled CSS directly from CDNJS or jsDelivr. -##### Install using Bower or npm/yarn +#### Install using Bower or npm/yarn You may install select2-bootstrap-theme with [Bower](https://bower.io/), [npm](https://www.npmjs.com/) or [Yarn](https://yarnpkg.com/): ```shell -// Bower -bower install select2-bootstrap-theme // npm -npm install select2-bootstrap-theme +npm install select2-theme-bootstrap4 // yarn -yarn add select2-bootstrap-theme -``` +yarn add select2-theme-bootstrap4 -##### Source select2-bootstrap-theme from CDNJS or jsDelivr - -select2-bootstrap-theme [is also available on CDNJS](https://cdnjs.com/libraries/select2-bootstrap-theme/) and [jsDelivr](http://www.jsdelivr.com/projects/select2-bootstrap-theme). +// Bower +bower install select2-theme-bootstrap4 +``` -#### Usage +### Usage select2-bootstrap-theme only works with Select2 v4.x. Applying the theme requires `select2-bootstrap.css` referenced after the default `select2.css` that comes with Select2: @@ -55,7 +54,36 @@ You may also set it as the default theme for all Select2 widgets like so: $.fn.select2.defaults.set( "theme", "bootstrap" ); ``` -#### Changelog +### Changelog + +##### 1.0.2 +* `libsass` friendly division by 2 + +##### 1.0.1 +* `libsass` friendly division by 2 +* Added additional select2 examples +* Documentation updates + +##### 1.0.0 +* Dropped LESS support. _Bootstrap 4 is SASS only_ +* Removed legacy grunt tasks + +##### 0.2.0-beta-6 +* CSS adjustments for input-group border radius + +##### 0.2.0-beta.4 +* Use `~` for Bootstrap imports + +##### 0.2.0-beta.3 +* Use Bootstrap 4.2 font-size variables + +##### 0.2.0-beta.2 +* package.json documentation url updates +* correct `styles` path in package.json + +##### 0.2.0-beta.1 +* _Forked from Bootsrap 3 theme._ +* Switched to Bootstrap 4. All styles updated to work with Bootstrap 4 instead of 3. ##### 0.1.0-beta.10 @@ -130,7 +158,7 @@ $.fn.select2.defaults.set( "theme", "bootstrap" ); ##### 0.1.0-beta.1 -#### Contributing +### Contributing The project offers [Less](http://lesscss.org/) and [Sass](http://sass-lang.com/) sources for building `select2-bootstrap.css`; both make use of variables from either [Bootstrap](https://github.com/twbs/bootstrap) (Less) or [Bootstrap for Sass](https://github.com/twbs/bootstrap-sass). The demo pages are built using [Jekyll](http://jekyllrb.com/) and there are a bunch of [Grunt](http://gruntjs.com/) tasks to ease development. @@ -149,6 +177,8 @@ Develop in `src/select2-bootstrap.scss` and test your changes using `grunt serve `grunt scss2less` helps in converting the Sass source to its Less counterpart (and overwrites the existing `src/select2-bootstrap.less`), but doesn't do the full job – please review the changes to the Less source file and make the necessary adjustments. -#### Copyright and license +### Copyright and license +Forked and modified from [select2 Bootstrap 3 theme](https://github.com/select2/select2-bootstrap-theme). All credits go to the original authors. + The license is available within the repository in the [LICENSE](LICENSE) file. diff --git a/bower.json b/bower.json index b7ea626..8e6a21d 100755 --- a/bower.json +++ b/bower.json @@ -1,6 +1,6 @@ { - "name": "select2-bootstrap-theme", - "description": "A theme for Select2 v4 and Bootstrap 3.", + "name": "select2-theme-bootstrap4", + "description": "A theme for Select2 v4 and Bootstrap 4.", "keywords": [ "bootstrap", "select2", @@ -8,10 +8,9 @@ "sass", "less" ], - "homepage": "https://select2.github.io/select2-bootstrap-theme", + "homepage": "https://angel-vladov.github.io/select2-theme-bootstrap4", "main": [ - "src/select2-bootstrap.scss", - "src/select2-bootstrap.less" + "src/select2-bootstrap.scss" ], "license": "MIT", "ignore": [ @@ -20,11 +19,11 @@ "components" ], "dependencies": { - "bootstrap": "^3.3.4", + "bootstrap": "^4.0.0", "select2": "^4.0.0" }, "repository": { "type": "git", - "url": "git@github.com:select2/select2-bootstrap-theme.git" + "url": "git@github.com:angel-vladov/select2-theme-bootstrap4.git" } } diff --git a/dist/select2-bootstrap.css b/dist/select2-bootstrap.css index c67641a..867376d 100644 --- a/dist/select2-bootstrap.css +++ b/dist/select2-bootstrap.css @@ -1,12 +1,17 @@ /*! - * Select2 Bootstrap Theme v0.1.0-beta.10 (https://select2.github.io/select2-bootstrap-theme) - * Copyright 2015-2017 Florian Kissling and contributors (https://github.com/select2/select2-bootstrap-theme/graphs/contributors) - * Licensed under MIT (https://github.com/select2/select2-bootstrap-theme/blob/master/LICENSE) + * Select2 Bootstrap 4 Theme v1.0.2 (https://angel-vladov.github.io/select2-theme-bootstrap4) + * Copyright 2018-2022 Angel Vladov and contributors (https://github.com/angel-vladov/select2-theme-bootstrap5/graphs/contributors) + * Based on the original select2/select2-bootstrap-theme theme by Florian Kissling and contributors (https://github.com/select2/select2-bootstrap-theme/graphs/contributors) + * Licensed under MIT (https://github.com/angel-vladov/select2-theme-bootstrap4/blob/master/LICENSE) */ +/** + * We need a clone of bootstrap color-yiq mixin so we can get the same value for color + */ .select2-container--bootstrap { display: block; - /*------------------------------------* #COMMON STYLES + /*------------------------------------*\ + #COMMON STYLES \*------------------------------------*/ /** * Search field in the Select2 dropdown. @@ -17,9 +22,9 @@ */ /** * Adjust Select2's choices hover and selected styles to match - * Bootstrap 3's default dropdown styles. + * Bootstrap 4's default dropdown styles. * - * @see http://getbootstrap.com/components/#dropdowns + * @see https://getbootstrap.com/docs/4.0/components/dropdowns/ */ /** * Clear the selection. @@ -28,9 +33,10 @@ * Address disabled Select2 styles. * * @see https://select2.github.io/examples.html#disabled - * @see http://getbootstrap.com/css/#forms-control-disabled + * @see hhttps://getbootstrap.com/docs/4.0/components/forms/#disabled-forms */ - /*------------------------------------* #DROPDOWN + /*------------------------------------*\ + #DROPDOWN \*------------------------------------*/ /** * Dropdown border color and box-shadow. @@ -38,9 +44,11 @@ /** * Limit the dropdown height. */ - /*------------------------------------* #SINGLE SELECT2 + /*------------------------------------*\ + #SINGLE SELECT2 \*------------------------------------*/ - /*------------------------------------* #MULTIPLE SELECT2 + /*------------------------------------*\ + #MULTIPLE SELECT2 \*------------------------------------*/ /** * Address Bootstrap control sizing classes @@ -48,36 +56,59 @@ * 1. Reset Bootstrap defaults. * 2. Adjust the dropdown arrow button icon position. * - * @see http://getbootstrap.com/css/#forms-control-sizes + * @see https://getbootstrap.com/docs/4.0/components/forms/#sizing */ /* 1 */ - /*------------------------------------* #RTL SUPPORT + /*------------------------------------*\ + #RTL SUPPORT \*------------------------------------*/ } .select2-container--bootstrap .select2-selection { - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + border-radius: 0.25rem; + -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; + transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; + -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; background-color: #fff; - border: 1px solid #ccc; - border-radius: 4px; - color: #555555; - font-size: 14px; + border: 1px solid #ced4da; + color: #495057; + font-size: 1rem; outline: 0; } +@media (prefers-reduced-motion: reduce) { + .select2-container--bootstrap .select2-selection { + -webkit-transition: none; + -o-transition: none; + transition: none; + } +} + .select2-container--bootstrap .select2-selection.form-control { - border-radius: 4px; + border-radius: 0.25rem; } .select2-container--bootstrap .select2-search--dropdown .select2-search__field { - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + border-radius: 0.25rem; + -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; + transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; + -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; background-color: #fff; - border: 1px solid #ccc; - border-radius: 4px; - color: #555555; - font-size: 14px; + border: 1px solid #ced4da; + color: #495057; + font-size: 1rem; +} + +@media (prefers-reduced-motion: reduce) { + .select2-container--bootstrap .select2-search--dropdown .select2-search__field { + -webkit-transition: none; + -o-transition: none; + transition: none; + } } .select2-container--bootstrap .select2-search__field { @@ -91,24 +122,24 @@ } .select2-container--bootstrap .select2-search__field::-webkit-input-placeholder { - color: #999; + color: #6c757d; } .select2-container--bootstrap .select2-search__field:-moz-placeholder { - color: #999; + color: #6c757d; } .select2-container--bootstrap .select2-search__field::-moz-placeholder { - color: #999; + color: #6c757d; opacity: 1; } .select2-container--bootstrap .select2-search__field:-ms-input-placeholder { - color: #999; + color: #6c757d; } .select2-container--bootstrap .select2-results__option { - padding: 6px 12px; + padding: 0.375rem 0.75rem; /** * Disabled results. * @@ -127,22 +158,22 @@ } .select2-container--bootstrap .select2-results__option[aria-disabled=true] { - color: #777777; + color: #adb5bd; cursor: not-allowed; } .select2-container--bootstrap .select2-results__option[aria-selected=true] { - background-color: #f5f5f5; - color: #262626; + background-color: #e9ecef; + color: #16181b; } .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] { - background-color: #337ab7; + background-color: #007bff; color: #fff; } .select2-container--bootstrap .select2-results__option .select2-results__option { - padding: 6px 12px; + padding: 0.375rem 0.75rem; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group { @@ -150,49 +181,43 @@ } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option { - margin-left: -12px; - padding-left: 24px; + margin-left: -0.75rem; + padding-left: 1.5rem; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option { - margin-left: -24px; - padding-left: 36px; + margin-left: -1.5rem; + padding-left: 2.25rem; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { - margin-left: -36px; - padding-left: 48px; + margin-left: -2.25rem; + padding-left: 3rem; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { - margin-left: -48px; - padding-left: 60px; + margin-left: -3rem; + padding-left: 3.75rem; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { - margin-left: -60px; - padding-left: 72px; + margin-left: -3.75rem; + padding-left: 4.5rem; } .select2-container--bootstrap .select2-results__group { - color: #777777; + color: #6c757d; display: block; - padding: 6px 12px; - font-size: 12px; - line-height: 1.42857143; + padding: 0.375rem 0.75rem; + font-size: 0.875rem; + line-height: 1.5; white-space: nowrap; } .select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection { - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); - -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; - -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; - -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; - transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; - transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; - transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; - border-color: #66afe9; + border-color: #80bdff; + -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .select2-container--bootstrap.select2-container--open { @@ -205,24 +230,28 @@ } .select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b { - border-color: transparent transparent #999 transparent; - border-width: 0 4px 4px 4px; + border-color: transparent transparent #6c757d transparent; + border-width: 0 0.25rem 0.25rem 0.25rem; } .select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection { border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; } .select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection { - border-top-right-radius: 0; border-top-left-radius: 0; + border-top-right-radius: 0; border-top-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; } .select2-container--bootstrap .select2-selection__clear { - color: #999; + color: #6c757d; cursor: pointer; float: right; font-weight: bold; @@ -230,13 +259,11 @@ } .select2-container--bootstrap .select2-selection__clear:hover { - color: #333; + color: "#111"; } .select2-container--bootstrap.select2-container--disabled .select2-selection { - border-color: #ccc; - -webkit-box-shadow: none; - box-shadow: none; + border-color: #ced4da; } .select2-container--bootstrap.select2-container--disabled .select2-selection, @@ -246,7 +273,7 @@ .select2-container--bootstrap.select2-container--disabled .select2-selection, .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice { - background-color: #eeeeee; + background-color: #e9ecef; } .select2-container--bootstrap.select2-container--disabled .select2-selection__clear, @@ -255,16 +282,12 @@ } .select2-container--bootstrap .select2-dropdown { - -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); - border-color: #66afe9; + border-color: #80bdff; overflow-x: hidden; margin-top: -1px; } .select2-container--bootstrap .select2-dropdown--above { - -webkit-box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175); - box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175); margin-top: 1px; } @@ -274,9 +297,10 @@ } .select2-container--bootstrap .select2-selection--single { - height: 34px; - line-height: 1.42857143; - padding: 6px 24px 6px 12px; + height: -webkit-calc(1.5em + 0.75rem + 2px); + height: calc(1.5em + 0.75rem + 2px); + line-height: 1.5; + padding: 0.375rem 1.5rem 0.375rem 0.75rem; /** * Adjust the single Select2's dropdown arrow button appearance. */ @@ -285,39 +309,40 @@ .select2-container--bootstrap .select2-selection--single .select2-selection__arrow { position: absolute; bottom: 0; - right: 12px; + right: 0.75rem; top: 0; - width: 4px; + width: 0.25rem; } .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b { - border-color: #999 transparent transparent transparent; + border-color: #6c757d transparent transparent transparent; border-style: solid; - border-width: 4px 4px 0 4px; + border-width: 0.25rem 0.25rem 0 0.25rem; height: 0; left: 0; - margin-left: -4px; - margin-top: -2px; + margin-left: -0.25rem; + margin-top: -0.125rem; position: absolute; top: 50%; width: 0; } .select2-container--bootstrap .select2-selection--single .select2-selection__rendered { - color: #555555; + color: #495057; padding: 0; } .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder { - color: #999; + color: #6c757d; } .select2-container--bootstrap .select2-selection--multiple { - min-height: 34px; + min-height: -webkit-calc(1.5em + 0.75rem + 2px); + min-height: calc(1.5em + 0.75rem + 2px); padding: 0; height: auto; /** - * Make Multi Select2's choices match Bootstrap 3's default button styles. + * Make Multi Select2's choices match Bootstrap 4's default button styles. */ /** * Minus 2px borders. @@ -332,7 +357,7 @@ -moz-box-sizing: border-box; box-sizing: border-box; display: block; - line-height: 1.42857143; + line-height: 1.5; list-style: none; margin: 0; overflow: hidden; @@ -343,162 +368,172 @@ } .select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder { - color: #999; + color: #6c757d; float: left; margin-top: 5px; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice { - color: #555555; - background: #fff; - border: 1px solid #ccc; - border-radius: 4px; + color: #495057; + background: #e9ecef; + border: 1px solid #6c757d; + border-radius: 0.25rem; cursor: default; float: left; - margin: 5px 0 0 6px; - padding: 0 6px; + margin: -webkit-calc(0.375rem - 1px) 0 0 0.375rem; + margin: calc(0.375rem - 1px) 0 0 0.375rem; + padding: 0 0.375rem; } .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { background: transparent; - padding: 0 12px; - height: 32px; - line-height: 1.42857143; - margin-top: 0; + padding: 0 0.75rem; + height: -webkit-calc(1.5em + 0.75rem + 2px); + height: calc(1.5em + 0.75rem + 2px); + line-height: 1.5; + margin: -1px 0; min-width: 5em; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove { - color: #999; + color: #6c757d; cursor: pointer; display: inline-block; font-weight: bold; - margin-right: 3px; + margin-right: 0.1875rem; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #333; + color: "#111"; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear { - margin-top: 6px; + margin-top: 0.375rem; } -.select2-container--bootstrap .select2-selection--single.input-sm, +.select2-container--bootstrap .select2-selection--single.form-control-sm, .input-group-sm .select2-container--bootstrap .select2-selection--single, .form-group-sm .select2-container--bootstrap .select2-selection--single { - border-radius: 3px; - font-size: 12px; - height: 30px; + border-radius: 0.2rem; + font-size: 0.875rem; + height: -webkit-calc(1.5em + 0.5rem + 2px); + height: calc(1.5em + 0.5rem + 2px); line-height: 1.5; - padding: 5px 22px 5px 10px; + padding: 0.25rem 1.25rem 0.25rem 0.5rem; /* 2 */ } -.select2-container--bootstrap .select2-selection--single.input-sm .select2-selection__arrow b, +.select2-container--bootstrap .select2-selection--single.form-control-sm .select2-selection__arrow b, .input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b { - margin-left: -5px; + margin-left: -0.25rem; } -.select2-container--bootstrap .select2-selection--multiple.input-sm, +.select2-container--bootstrap .select2-selection--multiple.form-control-sm, .input-group-sm .select2-container--bootstrap .select2-selection--multiple, .form-group-sm .select2-container--bootstrap .select2-selection--multiple { - min-height: 30px; - border-radius: 3px; + border-radius: 0.2rem; + min-height: -webkit-calc(1.5em + 0.5rem + 2px); + min-height: calc(1.5em + 0.5rem + 2px); } -.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__choice, +.select2-container--bootstrap .select2-selection--multiple.form-control-sm .select2-selection__choice, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice { - font-size: 12px; + font-size: 0.875rem; line-height: 1.5; - margin: 4px 0 0 5px; - padding: 0 5px; + margin: -webkit-calc(0.25rem - 1px) 0 0 0.25rem; + margin: calc(0.25rem - 1px) 0 0 0.25rem; + padding: 0 0.25rem; } -.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field, +.select2-container--bootstrap .select2-selection--multiple.form-control-sm .select2-search--inline .select2-search__field, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { - padding: 0 10px; - font-size: 12px; - height: 28px; + padding: 0 0.5rem; + font-size: 0.875rem; + height: -webkit-calc(1.5em + 0.5rem + 2px); + height: calc(1.5em + 0.5rem + 2px); line-height: 1.5; } -.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__clear, +.select2-container--bootstrap .select2-selection--multiple.form-control-sm .select2-selection__clear, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear { - margin-top: 5px; + margin-top: 0.25rem; } -.select2-container--bootstrap .select2-selection--single.input-lg, +.select2-container--bootstrap .select2-selection--single.form-control-lg, .input-group-lg .select2-container--bootstrap .select2-selection--single, .form-group-lg .select2-container--bootstrap .select2-selection--single { - border-radius: 6px; - font-size: 18px; - height: 46px; - line-height: 1.3333333; - padding: 10px 31px 10px 16px; + border-radius: 0.3rem; + font-size: 1.25rem; + height: -webkit-calc(1.5em + 1rem + 2px); + height: calc(1.5em + 1rem + 2px); + line-height: 1.5; + padding: 0.5rem 1.9375rem 0.5rem 1rem; /* 1 */ } -.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow, +.select2-container--bootstrap .select2-selection--single.form-control-lg .select2-selection__arrow, .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow, .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow { - width: 5px; + width: 0.3125rem; } -.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow b, +.select2-container--bootstrap .select2-selection--single.form-control-lg .select2-selection__arrow b, .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b { - border-width: 5px 5px 0 5px; - margin-left: -5px; - margin-left: -10px; - margin-top: -2.5px; + border-width: 0.3125rem 0.3125rem 0 0.3125rem; + margin-left: -0.3125rem; + margin-left: -0.5rem; + margin-top: -0.15625rem; } -.select2-container--bootstrap .select2-selection--multiple.input-lg, +.select2-container--bootstrap .select2-selection--multiple.form-control-lg, .input-group-lg .select2-container--bootstrap .select2-selection--multiple, .form-group-lg .select2-container--bootstrap .select2-selection--multiple { - min-height: 46px; - border-radius: 6px; + min-height: -webkit-calc(1.5em + 1rem + 2px); + min-height: calc(1.5em + 1rem + 2px); + border-radius: 0.3rem; } -.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__choice, +.select2-container--bootstrap .select2-selection--multiple.form-control-lg .select2-selection__choice, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice { - font-size: 18px; - line-height: 1.3333333; - border-radius: 4px; - margin: 9px 0 0 8px; - padding: 0 10px; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.25rem; + margin: -webkit-calc(0.5rem - 1px) 0 0 0.5rem; + margin: calc(0.5rem - 1px) 0 0 0.5rem; + padding: 0 0.5rem; } -.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-search--inline .select2-search__field, +.select2-container--bootstrap .select2-selection--multiple.form-control-lg .select2-search--inline .select2-search__field, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { - padding: 0 16px; - font-size: 18px; - height: 44px; - line-height: 1.3333333; + padding: 0 1rem; + font-size: 1.25rem; + height: -webkit-calc(1.5em + 1rem + 2px); + height: calc(1.5em + 1rem + 2px); + line-height: 1.5; } -.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__clear, +.select2-container--bootstrap .select2-selection--multiple.form-control-lg .select2-selection__clear, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear { - margin-top: 10px; + margin-top: 0.5rem; } -.select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single { +.select2-container--bootstrap .select2-selection.form-control-lg.select2-container--open .select2-selection--single { /** * Make the dropdown arrow point up while the dropdown is visible. */ } -.select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b { - border-color: transparent transparent #999 transparent; - border-width: 0 5px 5px 5px; +.select2-container--bootstrap .select2-selection.form-control-lg.select2-container--open .select2-selection--single .select2-selection__arrow b { + border-color: transparent transparent #6c757d transparent; + border-width: 0 0.3125rem 0.3125rem 0.3125rem; } .input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single { @@ -508,8 +543,8 @@ } .input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b { - border-color: transparent transparent #999 transparent; - border-width: 0 5px 5px 5px; + border-color: transparent transparent #6c757d transparent; + border-width: 0 0.3125rem 0.3125rem 0.3125rem; } .select2-container--bootstrap[dir="rtl"] { @@ -525,8 +560,8 @@ } .select2-container--bootstrap[dir="rtl"] .select2-selection--single { - padding-left: 24px; - padding-right: 12px; + padding-left: 1.5rem; + padding-right: 0.75rem; } .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__rendered { @@ -541,7 +576,7 @@ } .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow { - left: 12px; + left: 0.75rem; right: auto; } @@ -557,7 +592,7 @@ .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 0; - margin-right: 6px; + margin-right: 0.375rem; } .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { @@ -565,7 +600,12 @@ margin-right: auto; } -/*------------------------------------* #ADDITIONAL GOODIES +.select2-container--bootstrap .select2-dropdown[dir="rtl"] .select2-results__options { + text-align: right; +} + +/*------------------------------------*\ + #ADDITIONAL GOODIES \*------------------------------------*/ /** * Address Bootstrap's validation states @@ -575,100 +615,158 @@ * You may apply said classes to the Select2 dropdown (body > .select2-container) * via JavaScript match Bootstraps' to make its styles match. * - * @see http://getbootstrap.com/css/#forms-control-validation + * @see https://getbootstrap.com/docs/4.0/components/forms/#validation */ +.is-valid .select2-dropdown, +.is-valid .select2-selection { + border-color: #28a745; +} + +.is-valid .select2-container--focus .select2-selection, +.is-valid .select2-container--open .select2-selection { + border-color: #1e7e34; +} + +.is-valid .select2-container--focus .select2-selection:focus, +.is-valid .select2-container--open .select2-selection:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); +} + +.is-valid.select2-drop-active { + border-color: #1e7e34; +} + +.is-valid.select2-drop-active.select2-drop.select2-drop-above { + border-top-color: #1e7e34; +} + +.is-invalid .select2-dropdown, +.is-invalid .select2-selection { + border-color: #dc3545; +} + +.is-invalid .select2-container--focus .select2-selection, +.is-invalid .select2-container--open .select2-selection { + border-color: #bd2130; +} + +.is-invalid .select2-container--focus .select2-selection:focus, +.is-invalid .select2-container--open .select2-selection:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); +} + +.is-invalid.select2-drop-active { + border-color: #bd2130; +} + +.is-invalid.select2-drop-active.select2-drop.select2-drop-above { + border-top-color: #bd2130; +} + +/* Validation classes on parent element. Preserved Bootstrap 3 validation classes */ .has-warning .select2-dropdown, .has-warning .select2-selection { - border-color: #8a6d3b; + border-color: #ffc107; } .has-warning .select2-container--focus .select2-selection, .has-warning .select2-container--open .select2-selection { - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; - border-color: #66512c; + border-color: #d39e00; +} + +.has-warning .select2-container--focus .select2-selection:focus, +.has-warning .select2-container--open .select2-selection:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25); + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25); } .has-warning.select2-drop-active { - border-color: #66512c; + border-color: #d39e00; } .has-warning.select2-drop-active.select2-drop.select2-drop-above { - border-top-color: #66512c; + border-top-color: #d39e00; } .has-error .select2-dropdown, .has-error .select2-selection { - border-color: #a94442; + border-color: #dc3545; } .has-error .select2-container--focus .select2-selection, .has-error .select2-container--open .select2-selection { - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; - border-color: #843534; + border-color: #bd2130; +} + +.has-error .select2-container--focus .select2-selection:focus, +.has-error .select2-container--open .select2-selection:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .has-error.select2-drop-active { - border-color: #843534; + border-color: #bd2130; } .has-error.select2-drop-active.select2-drop.select2-drop-above { - border-top-color: #843534; + border-top-color: #bd2130; } .has-success .select2-dropdown, .has-success .select2-selection { - border-color: #3c763d; + border-color: #28a745; } .has-success .select2-container--focus .select2-selection, .has-success .select2-container--open .select2-selection { - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; - border-color: #2b542c; + border-color: #1e7e34; +} + +.has-success .select2-container--focus .select2-selection:focus, +.has-success .select2-container--open .select2-selection:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .has-success.select2-drop-active { - border-color: #2b542c; + border-color: #1e7e34; } .has-success.select2-drop-active.select2-drop.select2-drop-above { - border-top-color: #2b542c; + border-top-color: #1e7e34; } /** * Select2 widgets in Bootstrap Input Groups * - * @see http://getbootstrap.com/components/#input-groups - * @see https://github.com/twbs/bootstrap/blob/master/less/input-groups.less + * @see https://getbootstrap.com/docs/4.0/components/input-group/ + * @see https://github.com/twbs/bootstrap/blob/v4.4.1/scss/_input-group.scss */ /** * Reset rounded corners */ -.input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap > .selection > .select2-selection, -.input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap > .selection > .select2-selection.form-control { - border-bottom-right-radius: 0; - border-top-right-radius: 0; -} - -.input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection, -.input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection.form-control { - border-radius: 0; +.input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap > .selection > .select2-selection, +.input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap > .selection > .select2-selection.form-control { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } -.input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap:last-child > .selection > .select2-selection, -.input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap:last-child > .selection > .select2-selection.form-control { - border-bottom-left-radius: 0; - border-top-left-radius: 0; +.input-group > .select2-hidden-accessible + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection, +.input-group > .select2-hidden-accessible + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection.form-control { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } .input-group > .select2-container--bootstrap { - display: table; - table-layout: fixed; + -webkit-box-flex: 1; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; position: relative; z-index: 2; - width: 100%; + width: 1%; margin-bottom: 0; /** * Adjust z-index like Bootstrap does to show the focus-box-shadow @@ -679,10 +777,21 @@ * Multi Select2's height which - depending on how many elements have been selected - * may grow taller than its initial size. * - * @see http://getbootstrap.com/components/#input-groups + * @see https://github.com/twbs/bootstrap/blob/v4.4.1/scss/_input-group.scss */ } +.input-group > .select2-container--bootstrap > .selection { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; +} + .input-group > .select2-container--bootstrap > .selection > .select2-selection.form-control { float: none; } @@ -692,8 +801,10 @@ } .input-group > .select2-container--bootstrap, -.input-group > .select2-container--bootstrap .input-group-btn, -.input-group > .select2-container--bootstrap .input-group-btn .btn { +.input-group > .select2-container--bootstrap .input-group-append, +.input-group > .select2-container--bootstrap .input-group-prepend, +.input-group > .select2-container--bootstrap .input-group-append .btn, +.input-group > .select2-container--bootstrap .input-group-prepend .btn { vertical-align: top; } @@ -714,7 +825,7 @@ /** * Display override for inline forms */ -@media (min-width: 768px) { +@media (min-width: 576px) { .form-inline .select2-container--bootstrap { display: inline-block; } diff --git a/dist/select2-bootstrap.min.css b/dist/select2-bootstrap.min.css index 4810faa..68da0da 100644 --- a/dist/select2-bootstrap.min.css +++ b/dist/select2-bootstrap.min.css @@ -1,7 +1,8 @@ /*! - * Select2 Bootstrap Theme v0.1.0-beta.10 (https://select2.github.io/select2-bootstrap-theme) - * Copyright 2015-2017 Florian Kissling and contributors (https://github.com/select2/select2-bootstrap-theme/graphs/contributors) - * Licensed under MIT (https://github.com/select2/select2-bootstrap-theme/blob/master/LICENSE) + * Select2 Bootstrap 4 Theme v1.0.2 (https://angel-vladov.github.io/select2-theme-bootstrap4) + * Copyright 2018-2022 Angel Vladov and contributors (https://github.com/angel-vladov/select2-theme-bootstrap5/graphs/contributors) + * Based on the original select2/select2-bootstrap-theme theme by Florian Kissling and contributors (https://github.com/select2/select2-bootstrap-theme/graphs/contributors) + * Licensed under MIT (https://github.com/angel-vladov/select2-theme-bootstrap4/blob/master/LICENSE) */ -.select2-container--bootstrap{display:block}.select2-container--bootstrap .select2-selection{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#555;font-size:14px;outline:0}.select2-container--bootstrap .select2-selection.form-control{border-radius:4px}.select2-container--bootstrap .select2-search--dropdown .select2-search__field{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#555;font-size:14px}.select2-container--bootstrap .select2-search__field{outline:0}.select2-container--bootstrap .select2-search__field::-webkit-input-placeholder{color:#999}.select2-container--bootstrap .select2-search__field:-moz-placeholder{color:#999}.select2-container--bootstrap .select2-search__field::-moz-placeholder{color:#999;opacity:1}.select2-container--bootstrap .select2-search__field:-ms-input-placeholder{color:#999}.select2-container--bootstrap .select2-results__option{padding:6px 12px}.select2-container--bootstrap .select2-results__option[role=group]{padding:0}.select2-container--bootstrap .select2-results__option[aria-disabled=true]{color:#777;cursor:not-allowed}.select2-container--bootstrap .select2-results__option[aria-selected=true]{background-color:#f5f5f5;color:#262626}.select2-container--bootstrap .select2-results__option--highlighted[aria-selected]{background-color:#337ab7;color:#fff}.select2-container--bootstrap .select2-results__option .select2-results__option{padding:6px 12px}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option{margin-left:-12px;padding-left:24px}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-24px;padding-left:36px}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-36px;padding-left:48px}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-48px;padding-left:60px}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-60px;padding-left:72px}.select2-container--bootstrap .select2-results__group{color:#777;display:block;padding:6px 12px;font-size:12px;line-height:1.42857143;white-space:nowrap}.select2-container--bootstrap.select2-container--focus .select2-selection,.select2-container--bootstrap.select2-container--open .select2-selection{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;border-color:#66afe9}.select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b{border-color:transparent transparent #999;border-width:0 4px 4px}.select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection{border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-color:transparent}.select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection{border-top-right-radius:0;border-top-left-radius:0;border-top-color:transparent}.select2-container--bootstrap .select2-selection__clear{color:#999;cursor:pointer;float:right;font-weight:700;margin-right:10px}.select2-container--bootstrap .select2-selection__clear:hover{color:#333}.select2-container--bootstrap.select2-container--disabled .select2-selection{border-color:#ccc;-webkit-box-shadow:none;box-shadow:none}.select2-container--bootstrap.select2-container--disabled .select2-search__field,.select2-container--bootstrap.select2-container--disabled .select2-selection{cursor:not-allowed}.select2-container--bootstrap.select2-container--disabled .select2-selection,.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice{background-color:#eee}.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove,.select2-container--bootstrap.select2-container--disabled .select2-selection__clear{display:none}.select2-container--bootstrap .select2-dropdown{-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);border-color:#66afe9;overflow-x:hidden;margin-top:-1px}.select2-container--bootstrap .select2-dropdown--above{-webkit-box-shadow:0 -6px 12px rgba(0,0,0,.175);box-shadow:0 -6px 12px rgba(0,0,0,.175);margin-top:1px}.select2-container--bootstrap .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--bootstrap .select2-selection--single{height:34px;line-height:1.42857143;padding:6px 24px 6px 12px}.select2-container--bootstrap .select2-selection--single .select2-selection__arrow{position:absolute;bottom:0;right:12px;top:0;width:4px}.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b{border-color:#999 transparent transparent;border-style:solid;border-width:4px 4px 0;height:0;left:0;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--bootstrap .select2-selection--single .select2-selection__rendered{color:#555;padding:0}.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--bootstrap .select2-selection--multiple{min-height:34px;padding:0;height:auto}.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;line-height:1.42857143;list-style:none;margin:0;overflow:hidden;padding:0;width:100%;text-overflow:ellipsis;white-space:nowrap}.select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder{color:#999;float:left;margin-top:5px}.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice{color:#555;background:#fff;border:1px solid #ccc;border-radius:4px;cursor:default;float:left;margin:5px 0 0 6px;padding:0 6px}.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field{background:0 0;padding:0 12px;height:32px;line-height:1.42857143;margin-top:0;min-width:5em}.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:700;margin-right:3px}.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--bootstrap .select2-selection--multiple .select2-selection__clear{margin-top:6px}.form-group-sm .select2-container--bootstrap .select2-selection--single,.input-group-sm .select2-container--bootstrap .select2-selection--single,.select2-container--bootstrap .select2-selection--single.input-sm{border-radius:3px;font-size:12px;height:30px;line-height:1.5;padding:5px 22px 5px 10px}.form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,.input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,.select2-container--bootstrap .select2-selection--single.input-sm .select2-selection__arrow b{margin-left:-5px}.form-group-sm .select2-container--bootstrap .select2-selection--multiple,.input-group-sm .select2-container--bootstrap .select2-selection--multiple,.select2-container--bootstrap .select2-selection--multiple.input-sm{min-height:30px;border-radius:3px}.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__choice{font-size:12px;line-height:1.5;margin:4px 0 0 5px;padding:0 5px}.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field{padding:0 10px;font-size:12px;height:28px;line-height:1.5}.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__clear{margin-top:5px}.form-group-lg .select2-container--bootstrap .select2-selection--single,.input-group-lg .select2-container--bootstrap .select2-selection--single,.select2-container--bootstrap .select2-selection--single.input-lg{border-radius:6px;font-size:18px;height:46px;line-height:1.3333333;padding:10px 31px 10px 16px}.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow,.input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow,.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow{width:5px}.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,.input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow b{border-width:5px 5px 0;margin-left:-10px;margin-top:-2.5px}.form-group-lg .select2-container--bootstrap .select2-selection--multiple,.input-group-lg .select2-container--bootstrap .select2-selection--multiple,.select2-container--bootstrap .select2-selection--multiple.input-lg{min-height:46px;border-radius:6px}.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__choice{font-size:18px;line-height:1.3333333;border-radius:4px;margin:9px 0 0 8px;padding:0 10px}.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-search--inline .select2-search__field{padding:0 16px;font-size:18px;height:44px;line-height:1.3333333}.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__clear{margin-top:10px}.input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b,.select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #999;border-width:0 5px 5px}.select2-container--bootstrap[dir=rtl] .select2-selection--single{padding-left:24px;padding-right:12px}.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:0;padding-left:0;text-align:right}.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__arrow{left:12px;right:auto}.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__arrow b{margin-left:0}.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-search--inline,.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__placeholder{float:right}.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:0;margin-right:6px}.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.has-warning .select2-dropdown,.has-warning .select2-selection{border-color:#8a6d3b}.has-warning .select2-container--focus .select2-selection,.has-warning .select2-container--open .select2-selection{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;border-color:#66512c}.has-warning.select2-drop-active{border-color:#66512c}.has-warning.select2-drop-active.select2-drop.select2-drop-above{border-top-color:#66512c}.has-error .select2-dropdown,.has-error .select2-selection{border-color:#a94442}.has-error .select2-container--focus .select2-selection,.has-error .select2-container--open .select2-selection{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;border-color:#843534}.has-error.select2-drop-active{border-color:#843534}.has-error.select2-drop-active.select2-drop.select2-drop-above{border-top-color:#843534}.has-success .select2-dropdown,.has-success .select2-selection{border-color:#3c763d}.has-success .select2-container--focus .select2-selection,.has-success .select2-container--open .select2-selection{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;border-color:#2b542c}.has-success.select2-drop-active{border-color:#2b542c}.has-success.select2-drop-active.select2-drop.select2-drop-above{border-top-color:#2b542c}.input-group>.select2-hidden-accessible:first-child+.select2-container--bootstrap>.selection>.select2-selection,.input-group>.select2-hidden-accessible:first-child+.select2-container--bootstrap>.selection>.select2-selection.form-control{border-bottom-right-radius:0;border-top-right-radius:0}.input-group>.select2-hidden-accessible:not(:first-child)+.select2-container--bootstrap:not(:last-child)>.selection>.select2-selection,.input-group>.select2-hidden-accessible:not(:first-child)+.select2-container--bootstrap:not(:last-child)>.selection>.select2-selection.form-control{border-radius:0}.input-group>.select2-hidden-accessible:not(:first-child):not(:last-child)+.select2-container--bootstrap:last-child>.selection>.select2-selection,.input-group>.select2-hidden-accessible:not(:first-child):not(:last-child)+.select2-container--bootstrap:last-child>.selection>.select2-selection.form-control{border-bottom-left-radius:0;border-top-left-radius:0}.input-group>.select2-container--bootstrap{display:table;table-layout:fixed;position:relative;z-index:2;width:100%;margin-bottom:0}.input-group>.select2-container--bootstrap>.selection>.select2-selection.form-control{float:none}.input-group>.select2-container--bootstrap.select2-container--focus,.input-group>.select2-container--bootstrap.select2-container--open{z-index:3}.input-group>.select2-container--bootstrap,.input-group>.select2-container--bootstrap .input-group-btn,.input-group>.select2-container--bootstrap .input-group-btn .btn{vertical-align:top}.form-control.select2-hidden-accessible{position:absolute!important;width:1px!important}@media (min-width:768px){.form-inline .select2-container--bootstrap{display:inline-block}} +.select2-container--bootstrap{display:block}.select2-container--bootstrap .select2-selection{border-radius:.25rem;-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;background-color:#fff;border:1px solid #ced4da;color:#495057;font-size:1rem;outline:0}@media (prefers-reduced-motion:reduce){.select2-container--bootstrap .select2-selection{-webkit-transition:none;-o-transition:none;transition:none}}.select2-container--bootstrap .select2-selection.form-control{border-radius:.25rem}.select2-container--bootstrap .select2-search--dropdown .select2-search__field{border-radius:.25rem;-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;background-color:#fff;border:1px solid #ced4da;color:#495057;font-size:1rem}@media (prefers-reduced-motion:reduce){.select2-container--bootstrap .select2-search--dropdown .select2-search__field{-webkit-transition:none;-o-transition:none;transition:none}}.select2-container--bootstrap .select2-search__field{outline:0}.select2-container--bootstrap .select2-search__field::-webkit-input-placeholder{color:#6c757d}.select2-container--bootstrap .select2-search__field:-moz-placeholder{color:#6c757d}.select2-container--bootstrap .select2-search__field::-moz-placeholder{color:#6c757d;opacity:1}.select2-container--bootstrap .select2-search__field:-ms-input-placeholder{color:#6c757d}.select2-container--bootstrap .select2-results__option{padding:.375rem .75rem}.select2-container--bootstrap .select2-results__option[role=group]{padding:0}.select2-container--bootstrap .select2-results__option[aria-disabled=true]{color:#adb5bd;cursor:not-allowed}.select2-container--bootstrap .select2-results__option[aria-selected=true]{background-color:#e9ecef;color:#16181b}.select2-container--bootstrap .select2-results__option--highlighted[aria-selected]{background-color:#007bff;color:#fff}.select2-container--bootstrap .select2-results__option .select2-results__option{padding:.375rem .75rem}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option{margin-left:-.75rem;padding-left:1.5rem}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-1.5rem;padding-left:2.25rem}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2.25rem;padding-left:3rem}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3rem;padding-left:3.75rem}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3.75rem;padding-left:4.5rem}.select2-container--bootstrap .select2-results__group{color:#6c757d;display:block;padding:.375rem .75rem;font-size:.875rem;line-height:1.5;white-space:nowrap}.select2-container--bootstrap.select2-container--focus .select2-selection,.select2-container--bootstrap.select2-container--open .select2-selection{border-color:#80bdff;-webkit-box-shadow:0 0 0 .2rem rgba(0,123,255,.25);box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b{border-color:transparent transparent #6c757d;border-width:0 .25rem .25rem}.select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection{border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-color:transparent;-webkit-box-shadow:none;box-shadow:none}.select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection{border-top-left-radius:0;border-top-right-radius:0;border-top-color:transparent;-webkit-box-shadow:none;box-shadow:none}.select2-container--bootstrap .select2-selection__clear{color:#6c757d;cursor:pointer;float:right;font-weight:700;margin-right:10px}.select2-container--bootstrap .select2-selection__clear:hover{color:"#111"}.select2-container--bootstrap.select2-container--disabled .select2-selection{border-color:#ced4da}.select2-container--bootstrap.select2-container--disabled .select2-search__field,.select2-container--bootstrap.select2-container--disabled .select2-selection{cursor:not-allowed}.select2-container--bootstrap.select2-container--disabled .select2-selection,.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice{background-color:#e9ecef}.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove,.select2-container--bootstrap.select2-container--disabled .select2-selection__clear{display:none}.select2-container--bootstrap .select2-dropdown{border-color:#80bdff;overflow-x:hidden;margin-top:-1px}.select2-container--bootstrap .select2-dropdown--above{margin-top:1px}.select2-container--bootstrap .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--bootstrap .select2-selection--single{height:-webkit-calc(1.5em + .75rem + 2px);height:calc(1.5em + .75rem + 2px);line-height:1.5;padding:.375rem 1.5rem .375rem .75rem}.select2-container--bootstrap .select2-selection--single .select2-selection__arrow{position:absolute;bottom:0;right:.75rem;top:0;width:.25rem}.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b{border-color:#6c757d transparent transparent;border-style:solid;border-width:.25rem .25rem 0;height:0;left:0;margin-left:-.25rem;margin-top:-.125rem;position:absolute;top:50%;width:0}.select2-container--bootstrap .select2-selection--single .select2-selection__rendered{color:#495057;padding:0}.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder{color:#6c757d}.select2-container--bootstrap .select2-selection--multiple{min-height:-webkit-calc(1.5em + .75rem + 2px);min-height:calc(1.5em + .75rem + 2px);padding:0;height:auto}.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;line-height:1.5;list-style:none;margin:0;overflow:hidden;padding:0;width:100%;text-overflow:ellipsis;white-space:nowrap}.select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder{color:#6c757d;float:left;margin-top:5px}.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice{color:#495057;background:#e9ecef;border:1px solid #6c757d;border-radius:.25rem;cursor:default;float:left;margin:-webkit-calc(.375rem - 1px) 0 0 .375rem;margin:calc(.375rem - 1px) 0 0 .375rem;padding:0 .375rem}.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field{background:0 0;padding:0 .75rem;height:-webkit-calc(1.5em + .75rem + 2px);height:calc(1.5em + .75rem + 2px);line-height:1.5;margin:-1px 0;min-width:5em}.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove{color:#6c757d;cursor:pointer;display:inline-block;font-weight:700;margin-right:.1875rem}.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover{color:"#111"}.select2-container--bootstrap .select2-selection--multiple .select2-selection__clear{margin-top:.375rem}.form-group-sm .select2-container--bootstrap .select2-selection--single,.input-group-sm .select2-container--bootstrap .select2-selection--single,.select2-container--bootstrap .select2-selection--single.form-control-sm{border-radius:.2rem;font-size:.875rem;height:-webkit-calc(1.5em + .5rem + 2px);height:calc(1.5em + .5rem + 2px);line-height:1.5;padding:.25rem 1.25rem .25rem .5rem}.form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,.input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,.select2-container--bootstrap .select2-selection--single.form-control-sm .select2-selection__arrow b{margin-left:-.25rem}.form-group-sm .select2-container--bootstrap .select2-selection--multiple,.input-group-sm .select2-container--bootstrap .select2-selection--multiple,.select2-container--bootstrap .select2-selection--multiple.form-control-sm{border-radius:.2rem;min-height:-webkit-calc(1.5em + .5rem + 2px);min-height:calc(1.5em + .5rem + 2px)}.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,.select2-container--bootstrap .select2-selection--multiple.form-control-sm .select2-selection__choice{font-size:.875rem;line-height:1.5;margin:-webkit-calc(.25rem - 1px) 0 0 .25rem;margin:calc(.25rem - 1px) 0 0 .25rem;padding:0 .25rem}.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,.select2-container--bootstrap .select2-selection--multiple.form-control-sm .select2-search--inline .select2-search__field{padding:0 .5rem;font-size:.875rem;height:-webkit-calc(1.5em + .5rem + 2px);height:calc(1.5em + .5rem + 2px);line-height:1.5}.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,.select2-container--bootstrap .select2-selection--multiple.form-control-sm .select2-selection__clear{margin-top:.25rem}.form-group-lg .select2-container--bootstrap .select2-selection--single,.input-group-lg .select2-container--bootstrap .select2-selection--single,.select2-container--bootstrap .select2-selection--single.form-control-lg{border-radius:.3rem;font-size:1.25rem;height:-webkit-calc(1.5em + 1rem + 2px);height:calc(1.5em + 1rem + 2px);line-height:1.5;padding:.5rem 1.9375rem .5rem 1rem}.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow,.input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow,.select2-container--bootstrap .select2-selection--single.form-control-lg .select2-selection__arrow{width:.3125rem}.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,.input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,.select2-container--bootstrap .select2-selection--single.form-control-lg .select2-selection__arrow b{border-width:.3125rem .3125rem 0;margin-left:-.5rem;margin-top:-.15625rem}.form-group-lg .select2-container--bootstrap .select2-selection--multiple,.input-group-lg .select2-container--bootstrap .select2-selection--multiple,.select2-container--bootstrap .select2-selection--multiple.form-control-lg{min-height:-webkit-calc(1.5em + 1rem + 2px);min-height:calc(1.5em + 1rem + 2px);border-radius:.3rem}.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,.select2-container--bootstrap .select2-selection--multiple.form-control-lg .select2-selection__choice{font-size:1.25rem;line-height:1.5;border-radius:.25rem;margin:-webkit-calc(.5rem - 1px) 0 0 .5rem;margin:calc(.5rem - 1px) 0 0 .5rem;padding:0 .5rem}.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,.select2-container--bootstrap .select2-selection--multiple.form-control-lg .select2-search--inline .select2-search__field{padding:0 1rem;font-size:1.25rem;height:-webkit-calc(1.5em + 1rem + 2px);height:calc(1.5em + 1rem + 2px);line-height:1.5}.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,.select2-container--bootstrap .select2-selection--multiple.form-control-lg .select2-selection__clear{margin-top:.5rem}.input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b,.select2-container--bootstrap .select2-selection.form-control-lg.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #6c757d;border-width:0 .3125rem .3125rem}.select2-container--bootstrap[dir=rtl] .select2-selection--single{padding-left:1.5rem;padding-right:.75rem}.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:0;padding-left:0;text-align:right}.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__arrow{left:.75rem;right:auto}.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__arrow b{margin-left:0}.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-search--inline,.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__placeholder{float:right}.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:0;margin-right:.375rem}.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--bootstrap .select2-dropdown[dir=rtl] .select2-results__options{text-align:right}.is-valid .select2-dropdown,.is-valid .select2-selection{border-color:#28a745}.is-valid .select2-container--focus .select2-selection,.is-valid .select2-container--open .select2-selection,.is-valid.select2-drop-active{border-color:#1e7e34}.is-valid .select2-container--focus .select2-selection:focus,.is-valid .select2-container--open .select2-selection:focus{-webkit-box-shadow:0 0 0 .2rem rgba(40,167,69,.25);box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.is-valid.select2-drop-active.select2-drop.select2-drop-above{border-top-color:#1e7e34}.is-invalid .select2-dropdown,.is-invalid .select2-selection{border-color:#dc3545}.is-invalid .select2-container--focus .select2-selection,.is-invalid .select2-container--open .select2-selection,.is-invalid.select2-drop-active{border-color:#bd2130}.is-invalid .select2-container--focus .select2-selection:focus,.is-invalid .select2-container--open .select2-selection:focus{-webkit-box-shadow:0 0 0 .2rem rgba(220,53,69,.25);box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.is-invalid.select2-drop-active.select2-drop.select2-drop-above{border-top-color:#bd2130}.has-warning .select2-dropdown,.has-warning .select2-selection{border-color:#ffc107}.has-warning .select2-container--focus .select2-selection,.has-warning .select2-container--open .select2-selection,.has-warning.select2-drop-active{border-color:#d39e00}.has-warning .select2-container--focus .select2-selection:focus,.has-warning .select2-container--open .select2-selection:focus{-webkit-box-shadow:0 0 0 .2rem rgba(255,193,7,.25);box-shadow:0 0 0 .2rem rgba(255,193,7,.25)}.has-warning.select2-drop-active.select2-drop.select2-drop-above{border-top-color:#d39e00}.has-error .select2-dropdown,.has-error .select2-selection{border-color:#dc3545}.has-error .select2-container--focus .select2-selection,.has-error .select2-container--open .select2-selection,.has-error.select2-drop-active{border-color:#bd2130}.has-error .select2-container--focus .select2-selection:focus,.has-error .select2-container--open .select2-selection:focus{-webkit-box-shadow:0 0 0 .2rem rgba(220,53,69,.25);box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.has-error.select2-drop-active.select2-drop.select2-drop-above{border-top-color:#bd2130}.has-success .select2-dropdown,.has-success .select2-selection{border-color:#28a745}.has-success .select2-container--focus .select2-selection,.has-success .select2-container--open .select2-selection,.has-success.select2-drop-active{border-color:#1e7e34}.has-success .select2-container--focus .select2-selection:focus,.has-success .select2-container--open .select2-selection:focus{-webkit-box-shadow:0 0 0 .2rem rgba(40,167,69,.25);box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.has-success.select2-drop-active.select2-drop.select2-drop-above{border-top-color:#1e7e34}.input-group>.select2-hidden-accessible:not(:first-child)+.select2-container--bootstrap>.selection>.select2-selection,.input-group>.select2-hidden-accessible:not(:first-child)+.select2-container--bootstrap>.selection>.select2-selection.form-control{border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.select2-hidden-accessible+.select2-container--bootstrap:not(:last-child)>.selection>.select2-selection,.input-group>.select2-hidden-accessible+.select2-container--bootstrap:not(:last-child)>.selection>.select2-selection.form-control{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.select2-container--bootstrap{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;position:relative;z-index:2;width:1%;margin-bottom:0}.input-group>.select2-container--bootstrap>.selection{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.input-group>.select2-container--bootstrap>.selection>.select2-selection.form-control{float:none}.input-group>.select2-container--bootstrap.select2-container--focus,.input-group>.select2-container--bootstrap.select2-container--open{z-index:3}.input-group>.select2-container--bootstrap,.input-group>.select2-container--bootstrap .input-group-append,.input-group>.select2-container--bootstrap .input-group-append .btn,.input-group>.select2-container--bootstrap .input-group-prepend,.input-group>.select2-container--bootstrap .input-group-prepend .btn{vertical-align:top}.form-control.select2-hidden-accessible{position:absolute!important;width:1px!important}@media (min-width:576px){.form-inline .select2-container--bootstrap{display:inline-block}} diff --git a/docs/4.0.10.html b/docs/4.0.10.html new file mode 100644 index 0000000..58b5472 --- /dev/null +++ b/docs/4.0.10.html @@ -0,0 +1,4 @@ +--- +layout: default +version: 4.0.10 +--- diff --git a/docs/4.0.11.html b/docs/4.0.11.html new file mode 100644 index 0000000..9c1477f --- /dev/null +++ b/docs/4.0.11.html @@ -0,0 +1,4 @@ +--- +layout: default +version: 4.0.11 +--- diff --git a/docs/4.0.12.html b/docs/4.0.12.html new file mode 100644 index 0000000..ca692d4 --- /dev/null +++ b/docs/4.0.12.html @@ -0,0 +1,4 @@ +--- +layout: default +version: 4.0.12 +--- diff --git a/docs/4.0.13.html b/docs/4.0.13.html new file mode 100644 index 0000000..efde0c7 --- /dev/null +++ b/docs/4.0.13.html @@ -0,0 +1,4 @@ +--- +layout: default +version: 4.0.13 +--- diff --git a/docs/4.0.4.html b/docs/4.0.4.html new file mode 100644 index 0000000..ccb6976 --- /dev/null +++ b/docs/4.0.4.html @@ -0,0 +1,4 @@ +--- +layout: default +version: 4.0.4 +--- diff --git a/docs/4.0.5.html b/docs/4.0.5.html new file mode 100644 index 0000000..45de37f --- /dev/null +++ b/docs/4.0.5.html @@ -0,0 +1,4 @@ +--- +layout: default +version: 4.0.5 +--- diff --git a/docs/_config.yml b/docs/_config.yml index b791c4f..e31d60d 100755 --- a/docs/_config.yml +++ b/docs/_config.yml @@ -3,6 +3,12 @@ versions: - 4.0.1 - 4.0.2 - 4.0.3 + - 4.0.4 + - 4.0.5 + - 4.0.10 + - 4.0.11 + - 4.0.12 + - 4.0.13 title: - select2-bootstrap-theme + select2-theme-bootstrap4 diff --git a/docs/_includes/footer-links.html b/docs/_includes/footer-links.html index b5f5a1c..62f9f98 100755 --- a/docs/_includes/footer-links.html +++ b/docs/_includes/footer-links.html @@ -1,7 +1,7 @@ diff --git a/docs/_includes/footer.html b/docs/_includes/footer.html index 2c5aa33..28729aa 100755 --- a/docs/_includes/footer.html +++ b/docs/_includes/footer.html @@ -4,7 +4,7 @@ Bootstrap is a front-end framework for fast, sleek, and mobile-first web development.
- Select2 is a jQuery based replacement for select boxes. + Select2 is a jQuery based replacement for select boxes.
diff --git a/docs/_includes/head.html b/docs/_includes/head.html index e7e81f2..c682da1 100755 --- a/docs/_includes/head.html +++ b/docs/_includes/head.html @@ -4,6 +4,7 @@ {{ site.title }} + diff --git a/docs/_includes/navbar.html b/docs/_includes/navbar.html index eb12f74..bc3d488 100755 --- a/docs/_includes/navbar.html +++ b/docs/_includes/navbar.html @@ -1,26 +1,22 @@ -