circle()
Create circle object
scss
//
// @param length $size
//
@use "node_modules/sass-basis/src/css/core";
.c-foo {
@include core.circle(30px);
}
Create circle object
//
// @param length $size
//
@use "node_modules/sass-basis/src/css/core";
.c-foo {
@include core.circle(30px);
}
Creating square
//
// @param length $size
//
@use "node_modules/sass-basis/src/css/core";
.c-foo {
@include core.square(30px);
}
Generate top triangle style
//
// @param length $width
// @param length $height
// @param hex $colors
//
@use "node_modules/sass-basis/src/css/core";
.c-triangle-top {
@include core.triangle-top(10px, 10px, #000);
}
//
// Generate right triangle style
//
// @param length $width
// @param length $height
// @param hex $colors
//
@use "node_modules/sass-basis/src/css/core";
.c-triangle-right {
core.triangle-right(10px, 10px, #000);
}
//
// Generate bottom triangle style
//
// @param length $width
// @param length $height
// @param hex $colors
//
@use "node_modules/sass-basis/src/css/core";
.c-triangle-bottom {
@include triangle-bottom(10px, 10px, #000);
}
//
// Generate left triangle style
//
// @param length $width
// @param length $height
// @param hex $colors
//
@use "node_modules/sass-basis/src/css/core";
.c-triangle-left {
@include core.triangle-left(10px, 10px, #000);
}