New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

UI: Category Cards & Living Styleguide #350

merged 10 commits into from Dec 12, 2018


None yet
1 participant
Copy link

colszowka commented Dec 12, 2018

This PR introduces new, unified category card component.

It also marks the beginning of an effort to clean up and unify styling across the site into reusable components to get rid of the current, chaotic sprinkles of bulma-specific CSS classes within the views.

To that end, this card is used via a simple helper that calls the underlying partial.

This PR also introduces a very simple "living styleguide" to document, showcase and test components and their intended use in isolation. After deploy, the page will be available via

The styleguide is rendered using the high_voltage gem, which is also newly introduced here. The gem will also be used for the upcoming docs/guides section.

The new card component is introduced across the page in it's different styles, and will also be helpful for showing popular categories nicely via #335

Here's a bunch of before/after screenshots combined into looping gifs (with convert -delay 100 -loop 0 old.png new.png out.gif):





@colszowka colszowka merged commit 461b1e6 into master Dec 12, 2018

2 checks passed

continuous-integration/travis-ci/pr The Travis CI build passed
continuous-integration/travis-ci/push The Travis CI build passed

@colszowka colszowka deleted the co-category-cards branch Dec 12, 2018

@colszowka colszowka referenced this pull request Jan 9, 2019


Landing page #335

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment