60 lines
646 B
CSS
60 lines
646 B
CSS
input#language {
|
|
display: none;
|
|
}
|
|
label#language_label {
|
|
position: fixed;
|
|
top: 20px;
|
|
right: 20px;
|
|
padding: 10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
|
|
.flag {
|
|
width: 20px;
|
|
}
|
|
}
|
|
|
|
/*
|
|
* SWITCH FLAG
|
|
*/
|
|
#language {
|
|
&:not(:checked) + #language_label {
|
|
#fr {
|
|
display: inline;
|
|
}
|
|
|
|
#en {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
&:checked + #language_label {
|
|
#fr {
|
|
display: none;
|
|
}
|
|
|
|
#en {
|
|
display: inline;
|
|
}
|
|
}
|
|
}
|
|
|
|
/*
|
|
* SWITCH LANGUAGE
|
|
*/
|
|
|
|
#language {
|
|
~ * .fr,
|
|
~ * .en {
|
|
display: none;
|
|
}
|
|
|
|
&:not(:checked) ~ * .en {
|
|
display: inline;
|
|
}
|
|
|
|
&:checked ~ * .fr {
|
|
display: inline;
|
|
}
|
|
}
|