Merge pull request #2 from apalfrey/develop

Bugfixes for 1.0.1

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/[email protected].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/[email protected].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;
 }

docs/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;
 }

gulpfile.js

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

package.json

@@ -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 <[email protected]>",
  "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"
  },

src/_multiple.scss

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

src/select2-bootstrap-5-theme.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";