Shapes

Square

You may need to set a component to be a perfect square. Use the square mixin by passing it a desired pixel size.

Notes:

Converts a pixel value to a rem value based on the document font-size

Circle

You may need to set a component to be a perfect circle. Use the circle mixin by passing it a desired pixel size.

Notes:

Converts a pixel value to a rem value based on the document font-size

Triangle

You may need to draw a triangle in CSS. With the triangle mixin you can set the size, color and direction the triangle points.

Notes:

Direction can be top, right, bottom or left