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

Icons to categories added. Categories section done

Browse Source
This commit is contained in:
Francisco Pessano
2021-10-18 17:07:20 -03:00
parent 292fce9562
commit 526fc9a0ab
13 changed files with 117 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
public/sass/_categories.scss
View File

@@ -40,6 +40,15 @@
text-align-last: center;
-moz-text-align-last: center;
display: flex;
justify-content: space-between;
align-items: center;
img, .blank-space {
height: 4vw;
width: 4vw;
}
@mixin backgroundAndHoverDefiner($buttonColor, $textColor: #000) {
color: $textColor;
@@ -55,6 +64,10 @@
background-color: adjust-color($color: $buttonColor, $lightness: 10%, );
transition: 0.4s ease-in-out;
& img {
animation: bounce;
animation-duration: 0.5s;
}
}
}
@@ -79,8 +92,9 @@
&.Programming.Languages, &.Lenguajes.De.Programación {
$buttonColor: #e46f01;
$textColor: #fff;
@include backgroundAndHoverDefiner($buttonColor);
@include backgroundAndHoverDefiner($buttonColor, $textColor);
}
&.Animals, &.Animales {