Merge pull request #2 from apalfrey/develop

Bugfixes for 1.0.1

Author: apalfrey

README.md

@@ -5,6 +5,7 @@
 [![Dependencies](https://img.shields.io/david/apalfrey/select2-bootstrap-5-theme?style=for-the-badge)](https://david-dm.org/apalfrey/select2-bootstrap-5-theme)
 
 [Select2](https://github.com/select2/select2) v4 theme for Bootstrap 5, inspired by [select2-bootstrap4-theme](https://github.com/ttskch/select2-bootstrap4-theme)
+**Currently only works for Select2 v4.1.0**
 
 ## Examples
 https://apalfrey.github.io/select2-bootstrap-5-theme/
@@ -14,8 +15,8 @@ https://apalfrey.github.io/select2-bootstrap-5-theme/
 ### CDN
 
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" />
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2-bootstrap-5-theme@1.0.0/dist/select2-bootstrap-5-theme.min.css" />
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" />
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2-bootstrap-5-theme@1.0.1/dist/select2-bootstrap-5-theme.min.css" />
 ```
 
 ### Package Managers

dist/select2-bootstrap-5-theme.css

@@ -1,5 +1,5 @@
 /*!
- * Select2 v4 Bootstrap 5 theme v1.0.0
+ * Select2 v4 Bootstrap 5 theme v1.0.1
 */
 .select2-container--bootstrap-5 {
   display: block;
@@ -195,6 +195,7 @@
 .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered {
   display: flex;
   flex-direction: row;
+  flex-wrap: wrap;
   margin: 0;
   list-style: none;
 }

dist/select2-bootstrap-5-theme.min.css

@@ -1,5 +1,5 @@
 /*!
- * Select2 v4 Bootstrap 5 theme v1.0.0
+ * Select2 v4 Bootstrap 5 theme v1.0.1
 */
 .select2-container--bootstrap-5 {
   display: block;
@@ -195,6 +195,7 @@
 .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered {
   display: flex;
   flex-direction: row;
+  flex-wrap: wrap;
   margin: 0;
   list-style: none;
 }

docs/select2-bootstrap-5-theme.css

@@ -16,10 +16,7 @@ const compile = ( style ) => {
         .pipe( sass( {
             precision: 6,
             outputStyle: style,
-            errLogToConsole: true,
-            includePaths: [
-                "node_modules"
-            ]
+            errLogToConsole: true
         } ) )
         .pipe( postcss( [
             autoprefixer( {

gulpfile.js

@@ -1,7 +1,7 @@
 {
   "name": "select2-bootstrap-5-theme",
   "description": "Select2 v4 theme for Bootstrap 5",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "license": "MIT",
   "author": "Andrew Palfrey <apalfrey@apalfrey.me>",
   "repository": {
@@ -27,7 +27,7 @@
   ],
   "main": "",
   "style": "dist/select2-bootstrap-5-theme.css",
-  "sass": "scss/select2-bootstrap-5-theme.scss",
+  "sass": "src/select2-bootstrap-5-theme.scss",
   "dependencies": {
     "bootstrap": "5.0.0-beta2"
   },

package.json

@@ -4,6 +4,7 @@
         .select2-selection__rendered {
             display: flex;
             flex-direction: row;
+            flex-wrap: wrap;
             margin: 0;
             list-style: none;
 

src/_multiple.scss

@@ -1,10 +1,10 @@
 /*!
- * Select2 v4 Bootstrap 5 theme v1.0.0
+ * Select2 v4 Bootstrap 5 theme v1.0.1
 */
 
-@import "bootstrap/scss/functions";
-@import "bootstrap/scss/variables";
-@import "bootstrap/scss/mixins";
+@import "node_modules/bootstrap/scss/functions";
+@import "node_modules/bootstrap/scss/variables";
+@import "node_modules/bootstrap/scss/mixins";
 
 @import "variables";