how a mock assumes we use things how we really use things
Slide 7
Slide 7 text
No content
Slide 8
Slide 8 text
“It’s a way to reduce
duplication”
Slide 9
Slide 9 text
“No more code bloat!”
Slide 10
Slide 10 text
No content
Slide 11
Slide 11 text
This is a “story block” component It appears in a feed
Slide 12
Slide 12 text
Original story block styles
Slide 13
Slide 13 text
Original story block styling
story block variant
another story block variant
another story block
& another story block variant
another type of story block
Slide 14
Slide 14 text
Modified Component Styles
Slide 15
Slide 15 text
No content
Slide 16
Slide 16 text
No content
Slide 17
Slide 17 text
No content
Slide 18
Slide 18 text
No content
Slide 19
Slide 19 text
Solid Team
Slide 20
Slide 20 text
how we were currently handling this:
how we’d handle it with a functional css approach: