@mazeltov/style v1.0.2
Base Styles
Base styles are the most global, top level styles, helpers and variables
Development
You must install lessc globally, then install local packages for this repo
npm i -g less
npm iCompiled less will go out to STYLE_DIST_PATH (/usr/local/src/com/percival/lib/style/dist by default)
If the development services are running from @percival/img.dev, the CSS should be symlinked into the nginx static asset server
npm run watchnpm run buildGotchas
Fontawesome fonts need to be hosted on an available static server.
- Should be
webfontsrelative to where main.css is compiled to
Google fonts should be loaded in the <head> tag of the document like so
<link rel='preconnect' href='https://fonts.gstatic.com'>
<link rel='stylesheet' href='https://fonts.googleapis.com/...'>The reason is that loading fonts from CSS can be slow and browser can optimize this.
TODO: remove font URLs for font-awesome fonts from CSS and provide instructions on adding to html head. Do this without breaking fontawesome styles.
Deployment
To deploy to production, simply commit your changes under the STYLE_DIST_PATH repo and pull into the qa/production asset server