asteroid/bibi/wardrobe/_dress-patterns/_nombre.scss
2023-12-27 22:39:56 -08:00

34 lines
No EOL
1.3 KiB
SCSS

// ================================================================================
// + Nombre
// --------------------------------------------------------------------------------
div#bibi-nombre {
& {
border-radius: $Nombre_Height * 0.5;
@include size($Nombre_Width, $Nombre_Height);
line-height: $Nombre_Height;
background: $Nombre_BackgroundColor;
}
html.slider-opened & { background: $Nombre_BackgroundColor__SliderOpened; }
html.view-vertical & { transform: rotate(90deg) translateY(($Nombre_Width - $Nombre_Height) * -0.5); }
html.slider-opened.appearance-horizontal & { bottom: $Slider_PaddingEnd__SliderOpened !important; }
html.slider-opened.appearance-vertical & { right: $Slider_PaddingEnd__SliderOpened !important; }
span {
&.bibi-nombre-current {
color: $Nombre-Current_Color;
html.slider-opened & { color: $Nombre-Current_Color__SliderOpened; }
}
&.bibi-nombre-delimiter {
color: $Nombre-Delimiter_Color;
html.slider-opened & { color: $Nombre-Delimiter_Color__SliderOpened; }
}
&.bibi-nombre-total {
color: $Nombre-Total_Color;
html.slider-opened & { color: $Nombre-Total_Color__SliderOpened; }
}
&.bibi-nombre-percent {
color: $Nombre-Percent_Color;
html.slider-opened & { color: $Nombre-Percent_Color__SliderOpened; }
}
}
}