forkkit/design-system-1

Design system for new Proton project

Design system

Proton Design system, for all Proton Projects: https://design-system-beta.netlify.com/

To install

Be sure to have Ruby on your computer.

gem install jekyll bundler

# if livereloading does not work
gem uninstall eventmachine
gem install eventmachine --platform ruby

# to check versions
jekyll -v
ruby -v
gem -v

to dev

jekyll serve --livereload

You may prefix command by bundle exec, example: bundle exec jekyll serve --livereload

build for prod

jekyll build --config _config_prod.yml

Goes to _site and can be exported to NetLify.

CSS structure

• reusable-components: a set of files/framework/etc. that can be used on every project.
• pm-styles: styles used for ProtonMail V4 only.
• design-system-website: extra-styles only needed to make this website work properly.