botascopia-webiste-static/assets/css/abstracts/_mixins.scss
2026-02-12 18:56:14 +01:00

54 lines
No EOL
775 B
SCSS

@mixin icon($size){
width: $size;
height: $size;
svg {
width: 100%;
height: 100%;
}
}
@mixin chart-edit($size){
width: $size;
height: $size;
svg {
width: 100%;
height: 100%;
circle{
fill: #cfcfcf;
}
.filled{
fill: lightgreen;
}
.verified{
fill: green;
}
}
}
@mixin fig-ratio($ratio){
width: 100%;
aspect-ratio: $ratio;
overflow: hidden;
flex-shrink: 0;
img{
width: 100%;
height: 100%;
object-fit: cover;
}
}
@mixin hide-scrollbar(){
scrollbar-width: none;
-ms-overflow-style: none;
&::-webkit-scrollbar {
display: none;
}
}