├── .czrc ├── .editorconfig ├── .eslintignore ├── .eslintrc.json ├── .github └── workflows │ ├── commitlint.yml │ └── nodejs.yml ├── .gitignore ├── .husky ├── .gitignore ├── commit-msg ├── pre-commit └── pre-push ├── .markdownlint.json ├── .prettierignore ├── .prettierrc.js ├── CHANGELOG.md ├── CONTRIBUTING.md ├── LICENSE ├── README.md ├── commitlint.config.js ├── demo ├── postcss.config.js ├── src │ ├── About.mdx │ ├── App.jsx │ ├── Demo.mdx │ ├── Direction.jsx │ ├── GithubCorner.jsx │ ├── index.css │ ├── index.html │ ├── index.jsx │ └── theme.js ├── tailwind.config.js └── vite.config.mjs ├── netlify.toml ├── package-lock.json ├── package.json ├── release.sh ├── src └── index.ts ├── tsconfig.json └── types └── index.d.ts /.czrc: -------------------------------------------------------------------------------- 1 | { 2 | "path": "cz-conventional-changelog" 3 | } 4 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | # editorconfig.org 2 | 3 | root = true 4 | 5 | [*] 6 | charset = utf-8 7 | end_of_line = lf 8 | indent_size = 2 9 | indent_style = space 10 | insert_final_newline = true 11 | trim_trailing_whitespace = true 12 | 13 | [Makefile] 14 | indent_style = tab 15 | 16 | [*.md] 17 | trim_trailing_whitespace = false 18 | -------------------------------------------------------------------------------- /.eslintignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | demo 3 | /build 4 | /lib 5 | -------------------------------------------------------------------------------- /.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": [ 3 | "plugin:@k.sh/esnext", 4 | "plugin:@k.sh/node", 5 | "plugin:@k.sh/prettier" 6 | ], 7 | "plugins": [], 8 | "env": {} 9 | } 10 | -------------------------------------------------------------------------------- /.github/workflows/commitlint.yml: -------------------------------------------------------------------------------- 1 | name: Lint Commit Messages 2 | on: [pull_request] 3 | 4 | jobs: 5 | commitlint: 6 | runs-on: ubuntu-latest 7 | steps: 8 | - uses: actions/checkout@v2 9 | with: 10 | fetch-depth: 0 11 | - uses: wagoid/commitlint-github-action@v2 12 | -------------------------------------------------------------------------------- /.github/workflows/nodejs.yml: -------------------------------------------------------------------------------- 1 | name: Node.js CI 2 | 3 | on: 4 | push: 5 | branches: [main] 6 | pull_request: 7 | branches: [main] 8 | 9 | jobs: 10 | build: 11 | runs-on: ubuntu-latest 12 | 13 | steps: 14 | - uses: actions/checkout@v4 15 | - uses: actions/setup-node@v4 16 | with: 17 | node-version: 24 18 | cache: 'npm' 19 | - run: npm ci 20 | - run: npm run build 21 | - run: npm run qa 22 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # npm files 2 | node_modules 3 | *.log* 4 | 5 | # project 6 | /build 7 | /lib 8 | /samples/*/output.css 9 | .eslintcache 10 | -------------------------------------------------------------------------------- /.husky/.gitignore: -------------------------------------------------------------------------------- 1 | _ 2 | -------------------------------------------------------------------------------- /.husky/commit-msg: -------------------------------------------------------------------------------- 1 | npx --no -- commitlint --edit "$1" 2 | -------------------------------------------------------------------------------- /.husky/pre-commit: -------------------------------------------------------------------------------- 1 | npx lint-staged 2 | -------------------------------------------------------------------------------- /.husky/pre-push: -------------------------------------------------------------------------------- 1 | npm run qa 2 | -------------------------------------------------------------------------------- /.markdownlint.json: -------------------------------------------------------------------------------- 1 | { 2 | "default": true 3 | } 4 | -------------------------------------------------------------------------------- /.prettierignore: -------------------------------------------------------------------------------- 1 | # npm files 2 | node_modules 3 | package.json 4 | 5 | # project 6 | /build 7 | /samples/*/output.css 8 | CHANGELOG.md 9 | .husky/_/ 10 | -------------------------------------------------------------------------------- /.prettierrc.js: -------------------------------------------------------------------------------- 1 | module.exports = require('@k.sh/prettier-config'); 2 | -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # Changelog 2 | 3 | All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines. 4 | 5 | ## [6.0.0](https://github.com/karolis-sh/tailwind-bootstrap-grid/compare/v5.1.0...v6.0.0) (2025-05-14) 6 | 7 | 8 | ### ⚠ BREAKING CHANGES 9 | 10 | * **tailwind:** drop tailwind v3 support, change plugin options structure 11 | 12 | ### Features 13 | 14 | * **tailwind:** migrate to tailwind v4 ([d7ad4b7](https://github.com/karolis-sh/tailwind-bootstrap-grid/commit/d7ad4b7bedc03309725a10398ca5bd8fb13c2ebf)), closes [#157](https://github.com/karolis-sh/tailwind-bootstrap-grid/issues/157) 15 | 16 | ## [5.1.0](https://github.com/karolis-sh/tailwind-bootstrap-grid/compare/v5.0.1...v5.1.0) (2023-11-25) 17 | 18 | 19 | ### Features 20 | 21 | * add TypeScript types ([dc82b58](https://github.com/karolis-sh/tailwind-bootstrap-grid/commit/dc82b581f823ed8c553ed0c22747ac97f033c09e)) 22 | 23 | ### [5.0.1](https://github.com/karolis-sh/tailwind-bootstrap-grid/compare/v5.0.0...v5.0.1) (2022-04-17) 24 | 25 | 26 | ### Bug Fixes 27 | 28 | * disable misleading container warning for some cases ([84033c0](https://github.com/karolis-sh/tailwind-bootstrap-grid/commit/84033c084570bd366dd8530f6506154ebc2e7a76)) 29 | 30 | ## [5.0.0](https://github.com/karolis-sh/tailwind-bootstrap-grid/compare/v4.0.0...v5.0.0) (2022-02-20) 31 | 32 | 33 | ### ⚠ BREAKING CHANGES 34 | 35 | * drop TailwindCSS 2 support 36 | 37 | ### Features 38 | 39 | * add TailwindCSS 3 support ([95b8062](https://github.com/karolis-sh/tailwind-bootstrap-grid/commit/95b8062add721372b7d07b6ecc3f70598446cdcd)) 40 | 41 | 42 | ### Bug Fixes 43 | 44 | * bump joi ([665dda8](https://github.com/karolis-sh/tailwind-bootstrap-grid/commit/665dda89e590c40c7736d92c39bf9b69f2d0221b)) 45 | * swap chalk with picocolors ([d4f9be2](https://github.com/karolis-sh/tailwind-bootstrap-grid/commit/d4f9be2758398e1fd982220c9cd92cc9b14fc637)) 46 | * use tailwindcss/plugin wrapper ([e920c0b](https://github.com/karolis-sh/tailwind-bootstrap-grid/commit/e920c0becccde9020d91a55fc6d500a71f6ea7ea)) 47 | 48 | ## [4.0.0](https://github.com/karolis-sh/tailwind-bootstrap-grid/compare/v3.3.0...v4.0.0) (2021-05-19) 49 | 50 | 51 | ### ⚠ BREAKING CHANGES 52 | 53 | * Tailwind CSS v1 will no longer be supported. 54 | * Gutter class changes and removing gridGutterWidths, generateNoGutters options. 55 | 56 | ### Features 57 | 58 | * migrate to Bootstrap 5 ([ccf8882](https://github.com/karolis-sh/tailwind-bootstrap-grid/commit/ccf88821ccb1d267a3f870775fd0b9958dcc7ce1)), closes [#75](https://github.com/karolis-sh/tailwind-bootstrap-grid/issues/75) 59 | * remove Tailwind CSS v1 support ([2c03247](https://github.com/karolis-sh/tailwind-bootstrap-grid/commit/2c0324781c508563b9e3d1e4dd6beef842ae73ef)) 60 | 61 | 62 | ### Bug Fixes 63 | 64 | * **deps:** bump chalk, joi, lodash, reduce-css-calc ([e512bd9](https://github.com/karolis-sh/tailwind-bootstrap-grid/commit/e512bd91a193dd0e3b480d6599decadf539d61d9)) 65 | 66 | ## [3.3.0](https://github.com/karolis-sh/tailwind-bootstrap-grid/compare/v3.2.0...v3.3.0) (2021-03-04) 67 | 68 | 69 | ### Features 70 | 71 | * add plugin scoped respectImportant support ([a06f8c6](https://github.com/karolis-sh/tailwind-bootstrap-grid/commit/a06f8c61a97d1fdf4cd5111d53224646b6c54b4e)) 72 | 73 | ## [3.2.0](https://github.com/karolis-sh/tailwind-bootstrap-grid/compare/v3.1.0...v3.2.0) (2021-03-03) 74 | 75 | 76 | ### Features 77 | 78 | * add support for important config option ([75be2c1](https://github.com/karolis-sh/tailwind-bootstrap-grid/commit/75be2c123aa7806b89afe60fe6140c2a525c16eb)), closes [#71](https://github.com/karolis-sh/tailwind-bootstrap-grid/issues/71) 79 | * add TailwindCSS 2 support ([084772c](https://github.com/karolis-sh/tailwind-bootstrap-grid/commit/084772c43fb99517c4bef9882de9348b595a27e5)) 80 | 81 | ## [3.1.0](https://github.com/karolis-sh/tailwind-bootstrap-grid/compare/v3.0.1...v3.1.0) (2020-11-04) 82 | 83 | ### Features 84 | 85 | - add support for tailwindcss@1.9.6 ([781133d](https://github.com/karolis-sh/tailwind-bootstrap-grid/commit/781133d48fae61c58c17f01d480396661b29837c)) 86 | 87 | ### [3.0.1](https://github.com/karolis-sh/tailwind-bootstrap-grid/compare/v3.0.0...v3.0.1) (2020-11-04) 88 | 89 | ### Bug Fixes 90 | 91 | - fix container correPlugin detection ([93d476f](https://github.com/karolis-sh/tailwind-bootstrap-grid/commit/93d476f4f4c1caf7ebfb64bee5617925677ec994)) 92 | 93 | ## [3.0.0](https://github.com/karolis-sh/tailwind-bootstrap-grid/compare/v2.2.2...v3.0.0) (2020-11-04) 94 | 95 | ### ⚠ BREAKING CHANGES 96 | 97 | - now there are no defaults for container's max-width properties 98 | 99 | ### Features 100 | 101 | - add console warning if container is generated by core plugin and the grid plugin ([dc2cd27](https://github.com/karolis-sh/tailwind-bootstrap-grid/commit/dc2cd273413a5f34616f03dd750b80b59231897d)) 102 | - change containerMaxWidths default to {} ([1d66105](https://github.com/karolis-sh/tailwind-bootstrap-grid/commit/1d66105a3159d4ab11898e7decf9e31934b14985)) 103 | 104 | ### Bug Fixes 105 | 106 | - add missing spacings for .col-\* on responsive gutters ([112ed90](https://github.com/karolis-sh/tailwind-bootstrap-grid/commit/112ed902588e0ef83f9de7c9064cf2df782e3bc7)) 107 | - add missing spacings for .row on responsive gutters ([cc4ebb8](https://github.com/karolis-sh/tailwind-bootstrap-grid/commit/cc4ebb8cc903bccea7591e39603da98e91d53152)) 108 | - add plugin options validation & make gridGutterWidths stricter ([84b32c4](https://github.com/karolis-sh/tailwind-bootstrap-grid/commit/84b32c49314be410007ac0002fe37dd18968eb35)) 109 | - reduce redundant .container-fluid styles output ([e8966c5](https://github.com/karolis-sh/tailwind-bootstrap-grid/commit/e8966c563130f71584a897f957d9bd7e72c173d7)) 110 | 111 | ### [2.2.2](https://github.com/karolis-sh/tailwind-bootstrap-grid/compare/v2.2.1...v2.2.2) (2020-08-18) 112 | 113 | ### [2.2.1](https://github.com/karolis-sh/tailwind-bootstrap-grid/compare/v2.2.0...v2.2.1) (2020-08-17) 114 | 115 | ### Bug Fixes 116 | 117 | - default gutter width when using gutters by breakpoint ([e77a5ef](https://github.com/karolis-sh/tailwind-bootstrap-grid/commit/e77a5ef7fac3f3ab7e3a0f8719999ef2b2d9ba06)) 118 | 119 | ## [2.2.0](https://github.com/karolis-sh/tailwind-bootstrap-grid/compare/v2.1.0...v2.2.0) (2020-08-17) 120 | 121 | ### Features 122 | 123 | - responsive gutter widths ([ace11e3](https://github.com/karolis-sh/tailwind-bootstrap-grid/commit/ace11e3ced682cffad1773cc85a0d40b317eefe1)) 124 | 125 | ### Bug Fixes 126 | 127 | - upgrade to lodash@4.17.15 ([f06f622](https://github.com/karolis-sh/tailwind-bootstrap-grid/commit/f06f622009de449e4e832dcca5de8dcf4f72fd90)) 128 | 129 | ## [2.1.0](https://github.com/karolis-sh/tailwind-bootstrap-grid/compare/v2.0.2...v2.1.0) (2019-06-06) 130 | 131 | ### Bug Fixes 132 | 133 | - remove redundant new lines from output ([703bfea](https://github.com/karolis-sh/tailwind-bootstrap-grid/commit/703bfea)) 134 | 135 | ### Features 136 | 137 | - **prefix:** add custom prefix support ([3f29370](https://github.com/karolis-sh/tailwind-bootstrap-grid/commit/3f29370)), closes [#5](https://github.com/karolis-sh/tailwind-bootstrap-grid/issues/5) 138 | 139 | ### Tests 140 | 141 | - update test setup ([9cd4613](https://github.com/karolis-sh/tailwind-bootstrap-grid/commit/9cd4613)) 142 | 143 | ### [2.0.2](https://github.com/karolis-sh/tailwind-bootstrap-grid/compare/v2.0.0...v2.0.2) (2019-05-14) 144 | 145 | ### Bug Fixes 146 | 147 | - version bump ([057df19](https://github.com/karolis-sh/tailwind-bootstrap-grid/commit/057df19)) 148 | 149 | ## [2.0.0](https://github.com/karolis-sh/tailwind-bootstrap-grid/compare/v1.2.0...v2.0.0) (2019-05-14) 150 | 151 | ### Features 152 | 153 | - **tailwind:** add tailwind v1 support ([335b212](https://github.com/karolis-sh/tailwind-bootstrap-grid/commit/335b212)) 154 | 155 | ### Tests 156 | 157 | - simplify test configs ([fea50c0](https://github.com/karolis-sh/tailwind-bootstrap-grid/commit/fea50c0)) 158 | 159 | ### BREAKING CHANGES 160 | 161 | - **tailwind:** Drop tailwind 0.x.x version support 162 | -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | # Contributing 2 | 3 | ## Reporting Issues 4 | 5 | If you have found what you think is a bug, please file an issue. 6 | 7 | ## Suggesting new features 8 | 9 | If you are here to suggest a feature, first create an issue if it does not 10 | already exist. From there, we will discuss use-cases for the feature and then 11 | finally discuss how it could be implemented. 12 | 13 | ## Development 14 | 15 | If you have been assigned to fix an issue or develop a new feature, please 16 | follow these steps to get started: 17 | 18 | - Fork this repository 19 | - Install dependencies by running `npm i` 20 | - Implement your changes 21 | - Format all files `npm run format` 22 | - Make sure the tests are passing `npm run qa` 23 | - Git stage your required changes and commit (see below commit guidelines) 24 | - Submit PR for review 25 | 26 | ## Commit message conventions 27 | 28 | This project is using [Conventional Commit Message Conventions](https://www.conventionalcommits.org/en/v1.0.0/). 29 | 30 | We have very precise rules over how our git commit messages can be formatted. 31 | This leads to **more readable messages** that are easy to follow when looking 32 | through the **project history**. 33 | 34 | ### Commit Message Format 35 | 36 | > Use [commitizen](https://github.com/commitizen/cz-cli) for interactive command 37 | > line utility 38 | 39 | Each commit message consists of a **header**, a **body** and a **footer**. The 40 | header has a special format that includes a **type**, a **scope** and a **subject**: 41 | 42 | ```txt 43 | (): 44 | 45 | 46 | 47 |