Athletic Styles

Shared Bootstrap 5 + in-house styles for AthleticNet and anet-angular repos

Usage of SCSS dependencies

npm install @athletic/web-styles
- In a Webpack project (like Angular), add @import "@athletic/web-styles/src/site-dependencies"; to use the SCSS variables and mixins supplied in this package.
- In Visual Studio, use a relative path to the package in node_modules/@athletic/web-styles/src/site-dependencies which could end you up with an import like @import "../../node_modules/@athletic/web-styles/src/site-dependencies";

Usage of compiled styles

npm install @athletic/web-styles
Use @athletic/web-styles/dist/Athletic.min.css

Updating

Make changes, run npm run build, compare the diffs in the outputted css, then commit
Run npm run patch (this will bump from 8.0.2 to 8.0.3 for example and then commit the changes), and push changes to GitHub which will automatically fire off an NPM publish
git push --tags

To Discuss

Do we want to authorize Gitpod w/ AthleticNet organization if wanting to do easy devving via Gitpod