Skip to content
This repository has been archived by the owner on Jan 17, 2025. It is now read-only.

Added RTL support #7

Merged
merged 4 commits into from
Mar 13, 2021
Merged

Added RTL support #7

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
a2a2034
Implemented RTL support
apalfrey Mar 13, 2021
9a25e17
Updated docs for RTL support
apalfrey Mar 13, 2021
cc3ebac
Updated README with RTL support examples
apalfrey Mar 13, 2021
cb58392
Updated gulp task table with new tasks
apalfrey Mar 13, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
26 changes: 16 additions & 10 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,8 @@ https://apalfrey.github.io/select2-bootstrap-5-theme/
```html
<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.2/dist/select2-bootstrap-5-theme.min.css" />
<!-- Or for RTL support -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2-bootstrap-5-theme@1.0.2/dist/select2-bootstrap-5-theme.rtl.min.css" />
```

### Package Managers
Expand All @@ -36,6 +38,8 @@ $ composer require apalfrey/select2-bootstrap-5-theme
```html
<link rel="stylesheet" href="/path/to/select2.css">
<link rel="stylesheet" href="/path/to/select2-bootstrap-5-theme.min.css">
<!-- Or for RTL support -->
<link rel="stylesheet" href="/path/to/select2-bootstrap-5-theme.rtl.min.css">
```

#### SCSS
Expand Down Expand Up @@ -70,16 +74,18 @@ $("select").select2({
## Building
This repo uses Gulp to compile the assets, see below for the included Gulp tasks and what they do;

| Task | Description |
| ------------------ | ---------------------------------------------------------------------------------------------------------------------- |
| `gulp` | Cleans the `dist` directory, lints the scss, compiles the dev and min versions, starts browsersync and starts watching |
| `gulp clean` | Cleans the `dist` directory, removing the directory and it's contents |
| `gulp lint` | Lints the scss files using [Stylelint](https://stylelint.io/), see [.stylelintrc](.stylelintrc) and [stylelint-config-twbs-bootstrap](/~https://github.com/twbs/stylelint-config-twbs-bootstrap) for linting rules |
| `gulp compile` | Lints the scss, compiles the dev and min versions |
| `gulp compile:dev` | Compiles the dev version, saving in `dist` and `examples` |
| `gulp compile:min` | Compiles the min version, saving in `dist` |
| `gulp browsersync` | Sets up a browsersync server serving the `examples` directory for development |
| `gulp watch` | Watches all files in `src`, compiling the scss when changes are detected |
| Task | Description |
| ---------------------- | ---------------------------------------------------------------------------------------------------------------------- |
| `gulp` | Cleans the `dist` directory, lints the scss, compiles the dev and min versions, starts browsersync and starts watching |
| `gulp clean` | Cleans the `dist` directory, removing the directory and it's contents |
| `gulp lint` | Lints the scss files using [Stylelint](https://stylelint.io/), see [.stylelintrc](.stylelintrc) and [stylelint-config-twbs-bootstrap](/~https://github.com/twbs/stylelint-config-twbs-bootstrap) for linting rules |
| `gulp compile` | Lints the scss, compiles the RTL and LTR dev and min versions |
| `gulp compile:dev` | Compiles the LTR dev version, saving in `dist` and `examples` |
| `gulp compile:min` | Compiles the LTR min version, saving in `dist` |
| `gulp compile:rtl:dev` | Compiles the RTL dev version, saving in `dist` and `examples` |
| `gulp compile:rtl:min` | Compiles the RTL min version, saving in `dist` |
| `gulp browsersync` | Sets up a browsersync server serving the `examples` directory for development |
| `gulp watch` | Watches all files in `src`, compiling the scss when changes are detected |

## Contributing
If you have ideas for improvements or changes, feel free to submit an [issue](/~https://github.com/apalfrey/select2-bootstrap-5-theme/issues/new), or if you have changes you'd like in the project, feel free to [submit a pull request](/~https://github.com/apalfrey/select2-bootstrap-5-theme/compare). Make sure you run `gulp compile` before submitting a pull request to ensure the styles are compiled.
Expand Down
Loading