Circle

Type: Mixin

@include circle();

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

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

Arguments

Name	Type	Description
`$size`	`string`	The size of the circle.

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

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

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