CSS Triangle Component with variations in a grid - inspired by Bridget Riley

Bridget-riley-2015

Flex Container

Arrow wrapper flex - .triangle and .triangle--right regular(75px)

Arrow wrapper flex - .triangle and .triangle--right large(100px)

Arrow wrapper flex - .triangle--convex and .triangle--right

Arrow wrapper flex - .triangle--concave and .triangle--right

Arrow wrapper flex - .triangle--space x 2

Arrow wrapper flex - combined

Arrow wrapper flex - inverted

12 x $regular(75px) Container with flex rows x 4

12 x $regular(75px) Container with 4 x rows - inverted variation

12 x $regular(75px) Container with 6 x rows - inverted