36 lines
683 B
SCSS
36 lines
683 B
SCSS
@function strip_unit($value) {
|
|
@return $value / ($value * 0 + 1);
|
|
}
|
|
@function rem($px_value) {
|
|
@return #{strip_unit($px_value) / strip_unit($html-font-size)}rem;
|
|
}
|
|
@function font_size($font) {
|
|
@return #{strip_unit($font) / 12}rem;
|
|
}
|
|
|
|
@mixin colors {
|
|
.colores {
|
|
vertical-align: center;
|
|
|
|
.text {
|
|
margin-right: rem(3);
|
|
}
|
|
|
|
.circle {
|
|
display: inline-block;
|
|
|
|
width: rem($circle_radius);
|
|
height: rem($circle_radius);
|
|
border-radius: 8000px;
|
|
margin: auto rem(1);
|
|
cursor: pointer;
|
|
|
|
&.selected {
|
|
width: rem($circle_radius + 2);
|
|
height: rem($circle_radius + 2);
|
|
cursor: default;
|
|
}
|
|
}
|
|
}
|
|
}
|