jalvarado
30 lines
488 B
SCSS
30 lines
488 B
SCSS
// Archivo: _utilities.scss
|
|
|
|
$hover-scales: (
|
|
1: 1.025,
|
|
2: 1.05,
|
|
3: 1.075,
|
|
4: 1.1,
|
|
5: 1.125,
|
|
);
|
|
|
|
@each $key, $value in $hover-scales {
|
|
.scale-hover-#{$key} {
|
|
transition: transform 0.3s ease-in-out;
|
|
|
|
&:hover {
|
|
transform: scale(#{$value});
|
|
}
|
|
}
|
|
}
|
|
|
|
$min-width: 100px;
|
|
$max-width: 600px;
|
|
|
|
@for $i from 1 through (($max-width - $min-width) / 100px + 1) {
|
|
$current-width: $min-width + ($i - 1) * 100px;
|
|
.w-#{$current-width} {
|
|
width: $current-width;
|
|
}
|
|
}
|