UNPKG

570 BSCSSView Raw
1// Foundation for Sites by ZURB
2// foundation.zurb.com
3// Licensed under MIT Open Source
4
5////
6/// @group prototype-box
7////
8
9/// Box Mixin: Easily create a square, rectangle or a circle
10/// @param {Number} $width[] Width of the box
11/// @param {Number} $height[$width] Height of the box, defaults to `$width` to easily make a square
12/// @param {Boolean} $circle[false] Makes the box a circle, by default `false`.
13@mixin box(
14 $width,
15 $height: $width,
16 $circle: false
17) {
18 width: $width;
19 height: $height;
20 @if $circle {
21 border-radius: 50% !important;
22 }
23}