Gerillass: Circle Sass Mixin

Circle

Type: Mixin

@include circle();

* You can call mixins with or without the gls- namespace (e.g. @include gls-circle();).

The Circle Sass mixin helps you easily create perfect circle shapes.

Name	Type	Description
`$size`	number (with unit)	The size of the circle.

Call the mixin inside a selector and pass a number value (with a unit) for the $size argument.

Sass

.element{
  @include circle(150px);
}

CSS

.element {
  width: 150px;
  height: 150px;
  display: inline-block;
  border-radius: 100%;
}

Result