franpcode/Hangman-game-with-React
1
0
Fork 0
mirror of https://github.com/FranP-code/Hangman-game-with-React.git synced 2025-10-13 00:42:32 +00:00
Code Issues 1 Packages Projects Releases Wiki Activity

Categories logic done

Browse Source
This commit is contained in:
Francisco Pessano
2021-10-16 23:07:09 -03:00
parent a933035ef3
commit 292fce9562
14 changed files with 189 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
public/sass/_categories.scss
View File

@@ -40,10 +40,15 @@
text-align-last: center;
-moz-text-align-last: center;
@mixin backgroundAndHoverDefiner($buttonColor) {
@mixin backgroundAndHoverDefiner($buttonColor, $textColor: #000) {
color: $textColor;
background-color: $buttonColor;
border: adjust-color($color: $buttonColor, $blackness: 3%, $alpha: 1.0) solid 2px;
cursor: pointer;
transition: 0.4s ease-in-out;
&:hover {
@@ -60,34 +65,35 @@
@include backgroundAndHoverDefiner($buttonColor);
}
&.Cities {
&.Cities, &.Ciudades {
$buttonColor: #5f9ea0;
@include backgroundAndHoverDefiner($buttonColor);
}
&.Pokemons {
&.Pokemon {
$buttonColor: #ffcb05;
@include backgroundAndHoverDefiner($buttonColor);
}
&.Programming.Languages {
&.Programming.Languages, &.Lenguajes.De.Programación {
$buttonColor: #e46f01;
@include backgroundAndHoverDefiner($buttonColor);
}
&.Animals {
&.Animals, &.Animales {
$buttonColor: #efa482;
@include backgroundAndHoverDefiner($buttonColor)
}
&.Countries {
&.Countries, &.Países {
$buttonColor: #9f0000;
$textColor: #fff;
@include backgroundAndHoverDefiner($buttonColor);
@include backgroundAndHoverDefiner($buttonColor, $textColor);
}
&.Random {