52 lines
1.2 KiB
SCSS
52 lines
1.2 KiB
SCSS
// Colores.
|
|
$color-primario : #D50F0A;
|
|
$color-secundario : #0A0FD5;
|
|
$color-delante : #222;
|
|
$color-detras : #EFEFEF;
|
|
$color-acertado : #070;
|
|
$color-seleccionado : #770;
|
|
$color-gris : mix($color-delante, $color-detras, 50%);
|
|
|
|
// Tamaños.
|
|
$tamano-cabecera : 4em;
|
|
$tamano-pie : 1em;
|
|
$tamano-curvatura : .4em;
|
|
|
|
// Fuentes.
|
|
$fuente-principal : "Roboto";
|
|
$fuente-monoespaciada : "Roboto Mono";
|
|
$fuente-iconificada : "FA5FS";
|
|
|
|
// Transiciones.
|
|
$transicion-entrada : .2s;
|
|
$transicion-salida : 1s;
|
|
$transicion : .5s;
|
|
|
|
@mixin ventana($ancho){
|
|
width : $ancho;
|
|
padding : .5em;
|
|
// margin : 0em;
|
|
background-color : $color-detras;
|
|
border : .1em solid $color-gris;
|
|
border-radius : $tamano-curvatura;
|
|
box-shadow :
|
|
0em 0em .4em inset $color-gris,
|
|
.1em .1em .2em $color-delante;
|
|
legend{
|
|
float : left;
|
|
width : $ancho;
|
|
height : 1.2em;
|
|
margin : .4em 0em;
|
|
font-weight : 900;
|
|
text-wrap : nowrap;
|
|
text-overflow : ellipsis;
|
|
overflow : hidden;
|
|
-webkit-user-select : none;
|
|
-ms-user-select : none;
|
|
user-select : none;
|
|
&+p{
|
|
display : none;
|
|
clear : both;
|
|
}
|
|
}
|
|
} |