You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
As a way to improve the consistency and comunication across the designer and front-end team, we are following the Styleguide driven development methodology. One of the devs created a very usefull presentation when we first started this and you can find it [here](https://docs.google.com/a/personalcapital.com/presentation/d/17Q0HNynYGbbTPqbhp7yDZ1Ki9kvrf7JvJfZqnDV5npY/edit?usp=sharing)
933
936
937
+
As you can see we are using *kss* which is a special format to write CSS documentation, which with the right tool can be parsed and converted in to a beautifull styleguide. To read more about KSS format click [here](https://github.com/kneath/kss/blob/master/SPEC.md).
938
+
939
+
By now, we have a few NPM scripts that you can run to generate and serve the styleguide.
940
+
*`npm run build-styleguide` will generate the static files of the styleguide on `styleguide/dist` folder.
941
+
*`npm run serve-styleguide` will build the styleguide static files and serve them using `node-serve` on 127.0.0.1:8080. If you use localhost instead, this might not work since some browsers redirect to `https`
942
+
943
+
*Every new reusable component should have the related KSS documentation so other devs can see and reuse the implementation.*
944
+
945
+
One last thing, the CI build processes for the web app build the styleguide too, so every environment should have the styleguide under `<domain>/static/styleguide/dist/index.html`. Even production.
0 commit comments