cloudfour.com-patterns
cloudfour.com-patterns copied to clipboard
cloudfour
The design system, component library and documentation for cloudfour.com and related projects
Previously, we were using Theo to dynamically generate the Story files for the design tokens. When we switched to Style Dictionary, these files became manually maintained. This wouldn't be bad...
In #466 we agreed on a new standard for CSS selectors. In #507 we installed stylelint. Our other projects have used [stylelint-selector-bem-pattern](https://github.com/simonsmith/stylelint-selector-bem-pattern) to help enforce selector conventions. It would be...
Our current [Design/Typography page](https://v-next--cloudfour-patterns.netlify.com/?path=/docs/design-typography--headings) mentions that it is a work in progress. This page would probably benefit from some additional information: - [ ] Reasoning behind Source Sans usage: Open...
At some viewport sizes, content with the `alignwide` class is being clipped by the viewport. In the attached screenshot, the viewport is 1265px wide, but the `alignwide` content is 1280px...
Our PWA Stats cards have a footer section that's separate from the rest of the card: Which @AriannaChau accounted for in her designs for contained cards, seen here: #1282 But...
Unfortunately, there is currently no mechanism to do so. This used to be supported via the now-deprecated [addon-options](https://github.com/storybooks/storybook/tree/master/addons/options). There's a lengthy, ongoing, open issue, and several other closed issues regarding...
I'm wondering if we should add a negative `text-indent` to the headings? (Only larger headings? Not sure.) I noticed it at some point and now I can't unsee it. In...
 We currently avoid orphans in titles by adding a non-breaking space between the last two words. This is usually fine, but in some cases it can result it awkward...
## Overview A little prototype with some controls to experiment with a potential floating sidebar design, which @Paul-Hebert suggested in #2148. This isn't intended to be merged, just to share...
It can be nice to have an easy way to add asides or related diagrams to articles. For example here's a screen shot of side notes I've used in the...
