Tailwind Starter Kit a beautiful extension for TailwindCSS, Free and Open Source
colors
and font-sizes
): https://tailwindcss.com/docs/upgrading-to-v2
tailwind.config.js
files, and inside our product, all {type}-gray-{number}
classes were renamed to {type}-blueGray-{number}
{type}-blueGray-{number}
to {type}-blueGray-{lower-number}
, i.e. (100
became 50
, 200
became 100
, ..., 900
became 800
)
blueGray-100
and replace it with blueGray-50
blueGray-200
and replace it with blueGray-100
blueGray-300
and replace it with blueGray-200
blueGray-400
and replace it with blueGray-300
blueGray-500
and replace it with blueGray-400
blueGray-600
and replace it with blueGray-500
blueGray-700
and replace it with blueGray-600
blueGray-800
and replace it with blueGray-700
blueGray-900
and replace it with blueGray-800
tailwind.config.js
files, and inside our product, all {type}-blue-{number}
classes were renamed to {type}-lightBlue-{number}
tailwind.config.js
files, and inside our product, all {type}-green-{number}
classes were renamed to {type}-emerald-{number}
border-0
classborder-0
class, we've also had to add rounded
class as wellLanding Page/next-landing-page
popper.js
@popperjs/[email protected]
- So, we've changed the way we use Popper, check out our docs here:
typescript
(for the React versions to stop console warnings - NOTE: the projects are not based on TypeScript)@vue/[email protected]
(for the VueJS versions since we've upgraded to Vue@3)[email protected]
(for the VueJS versions since we've upgraded to Vue@3)@angular/animations 8.2.12 → 11.2.6
@angular/common 8.2.12 → 11.2.6
@angular/compiler 8.2.12 → 11.2.6
@angular/core 8.2.12 → 11.2.6
@angular/forms 8.2.12 → 11.2.6
@angular/platform-browser 8.2.12 → 11.2.6
@angular/platform-browser-dynamic 8.2.12 → 11.2.6
@angular/router 8.2.12 → 11.2.6
@fortawesome/fontawesome-free 5.11.2 → 5.15.3
chart.js 2.9.3 → 2.9.4
rxjs 6.4.0 → 6.6.6
tslib ^1.10.0 → ^2.1.0
zone.js 0.9.1 → 0.11.4
@angular-devkit/build-angular 0.803.15 → 0.1102.5
@angular/cli 8.3.15 → 11.2.5
@angular/compiler-cli 8.2.12 → 11.2.6
@angular/language-service 8.2.12 → 11.2.6
@types/node 8.9.4 → 14.14.35
@types/jasmine 3.3.8 → 3.6.7
@types/jasminewd2 2.0.3 → 2.0.8
codelyzer ^5.0.0 → ^6.0.1
jasmine-core 3.4.0 → 3.7.1
jasmine-spec-reporter 4.2.1 → 6.0.0
karma 4.1.0 → 6.2.0
karma-chrome-launcher 2.2.0 → 3.1.0
karma-coverage-istanbul-reporter 2.0.1 → 3.0.3
karma-jasmine 2.0.1 → 4.0.1
karma-jasmine-html-reporter ^1.4.0 → ^1.5.4
protractor 5.4.0 → 7.0.0
ts-node 7.0.0 → 9.1.1
tslint 5.15.0 → 6.1.3
typescript 3.5.3 → 4.0.7
@fortawesome/fontawesome-free 5.11.2 → 5.15.3
chart.js 2.9.3 → 2.9.4
@fortawesome/fontawesome-free 5.11.2 → 5.15.3
chart.js 2.9.3 → 2.9.4
react 16.11.0 → 17.0.1
react-dom 16.11.0 → 17.0.1
react-router 5.1.2 → 5.2.0
react-router-dom 5.1.2 → 5.2.0
react-scripts 3.2.0 → 4.0.3
@fortawesome/fontawesome-free 5.11.2 → 5.15.3
chart.js 2.9.3 → 2.9.4
core-js 3.3.2 → 3.9.1
vue 2.6.10 → 3.0.7
@vue/cli-plugin-babel 4.0.0 → 5.0.0-alpha.7
@vue/cli-plugin-eslint 4.0.0 → 5.0.0-alpha.7
@vue/cli-service 4.0.0 → 5.0.0-alpha.7
babel-eslint 10.0.3 → 10.1.0
eslint 5.16.0 → 7.22.0
eslint-plugin-vue 5.0.0 → 7.8.0
vue-template-compiler 2.6.10 → 2.6.12
@fortawesome/fontawesome-free ^5.15.0 → ^5.15.3
next-images ^1.6.0 → ^1.7.0
react ^16.12.0 → ^17.0.2
@types/react ^16.9.16 → ^17.0.3
react-dom ^16.12.0 → ^17.0.2
@types/react-dom ^16.9.4 → ^17.0.3
sass ^1.26.11 → ^1.32.8
@fullhuman/postcss-purgecss ^3.0.0 → ^4.0.3
@types/node ^12.12.21 → ^14.14.35
tailwindcss ^1.8.10 → ^2.0.4
typescript 4.0 → 4.2
When doing a clean install, you might have some warnings, those come from node_modules
and do not affect the project in any way.