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% ;
|
22 | }
|
23 | }
|