initially stopped hating classes when realized the following about grouping, and that classes are basically grouping.
-
```javascript
const styles = {
foo: css`
`,
bar: css`
`,
}
```
-
instead of
-
```javascript
const fooStyle = css`
`;
const barStyle = css`
`;
```
-
because reading
-
```javascript
className={styles.foo}
```
-
is way clearer than reading
-
```javascript
className={fooStyle}
```
-
because 1st mixes way less w/ other props - it's clear immediately that it's a styling prop, as opposed to the 2nd (esp. if 2nd has a longer name before the ending "Style" suffix)
-