csalmeida / design-system

Design system for new Proton project

Home Page:https://design-system-beta.netlify.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

gem uninstall eventmachine
gem install eventmachine --platform ruby

jekyll -v
ruby -v
gem -v

to dev

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.

About

Design system for new Proton project

https://design-system-beta.netlify.com/

License:ISC License


Languages

Language:HTML 58.8%Language:CSS 24.1%Language:JavaScript 16.4%Language:Ruby 0.7%