mirror of
https://github.com/danog/sass-site.git
synced 2024-12-04 10:28:22 +01:00
37 lines
619 B
Plaintext
37 lines
619 B
Plaintext
{% codeExample 'example-if' %}
|
|
@use "sass:math";
|
|
|
|
@mixin avatar($size, $circle: false) {
|
|
width: $size;
|
|
height: $size;
|
|
|
|
@if $circle {
|
|
border-radius: math.div($size, 2);
|
|
}
|
|
}
|
|
|
|
.square-av {
|
|
@include avatar(100px, $circle: false);
|
|
}
|
|
.circle-av {
|
|
@include avatar(100px, $circle: true);
|
|
}
|
|
===
|
|
@use "sass:math"
|
|
|
|
@mixin avatar($size, $circle: false)
|
|
width: $size
|
|
height: $size
|
|
|
|
@if $circle
|
|
border-radius: math.div($size, 2)
|
|
|
|
|
|
|
|
.square-av
|
|
@include avatar(100px, $circle: false)
|
|
|
|
.circle-av
|
|
@include avatar(100px, $circle: true)
|
|
{% endcodeExample %}
|