|
1 | 1 | # bootstrap-scss-plugins
|
2 | 2 |
|
| 3 | +[](https://www.npmjs.org/package/bootstrap-scss-plugins) |
| 4 | +[](https://www.npmjs.com/package/bootstrap-scss-plugins) |
| 5 | +[](/LICENSE) |
| 6 | + |
3 | 7 | A suite of SCSS plugins used for developing Bootstrap 4 themes and sites.
|
4 | 8 |
|
5 | 9 | This package aims to add a few useful classes and mixins, not found in "vanilla" Bootstrap 4, to help speed up the development of websites.
|
@@ -27,26 +31,26 @@ There are a couple ways to use the plugins, but all steps begin with importing t
|
27 | 31 | @import 'path/to/node_modules/bootstrap-scss-plugins/scss/font-sizes';
|
28 | 32 | ```
|
29 | 33 |
|
30 |
| -Once you have imported all the files you need, you can simply use the classes and mixins are you would any other Bootstrap feature. |
| 34 | +Once you have imported all the files you need, you can simply use the classes and mixins as you would any other Bootstrap feature. |
31 | 35 |
|
32 | 36 | For more detailed usage of each plugin, please see the docs.
|
33 | 37 |
|
34 | 38 | ## Classes
|
35 | 39 |
|
36 |
| -- `.bg-colour-n`: Sets background colours with transparency - [Full documentation](docs/class/bg-transparency.md) |
37 |
| -- `.border-width-n`: Sets the width of borders. - [Full documentation](docs/classes/border-widths.md) |
38 |
| -- `.btn-rounded`: Rounds the corners of buttons. - [Full documentation](docs/classes/btn-rounded.md) |
39 |
| -- `.btn-squared`: Squares off the corners of buttons. - [Full documentation](docs/classes/btn-squared.md) |
40 |
| -- `.col-count-n`: Sets the column count of groups. - [Full documentation](docs/classes/col-count.md) |
41 |
| -- `.font-size-x`: Sets the font size of text. - [Full documentation](docs/classes/font-sizes.md) |
42 |
| -- `.o-n`: Sets the opacity of an element. - [Full documentation](docs/classes/opacity.md) |
43 |
| -- `.sr-x-only`: Breakpoint selectors for the `.sr-only` class - [Full documentation](docs/classes/sr-breakpoints.md) |
44 |
| -- `.text-outline`: Outlines text. - [Full documentation](docs/classes/text-outline.md) |
| 40 | +- [Transparent backgrounds](docs/class/bg-transparency.md) |
| 41 | +- [Border widths](docs/classes/border-widths.md) |
| 42 | +- [Rounded buttons](docs/classes/btn-rounded.md) |
| 43 | +- [Squared buttons](docs/classes/btn-squared.md) |
| 44 | +- [Card group column count](docs/classes/col-count.md) |
| 45 | +- [Font sizes](docs/classes/font-sizes.md) |
| 46 | +- [Opacity](docs/classes/opacity.md) |
| 47 | +- [Screen reader breakpoints](docs/classes/sr-breakpoints.md) |
| 48 | +- [Text outline](docs/classes/text-outline.md) |
45 | 49 |
|
46 | 50 | ## Mixins
|
47 | 51 |
|
48 |
| -- `media-ie`: Media queries to for Internet Explorer. - [Full documentation](docs/mixins/media-ie.md) |
| 52 | +- [IE media queries](docs/mixins/media-ie.md) |
49 | 53 |
|
50 | 54 | ## Other Features
|
51 | 55 |
|
52 |
| -- Responsive typography - [Full documentation](docs/other/responsive-typography.md) |
| 56 | +- [Responsive typography](docs/other/responsive-typography.md) |
0 commit comments