Implemented type color for Pokemon Card component

develop
Jason Zhu 2023-03-23 20:49:31 +11:00
parent 23b29ffccc
commit 27df3a780a
1 changed files with 90 additions and 0 deletions

View File

@ -125,3 +125,93 @@ h3 {
align-content: center;
align-items: center;
}
.grass {
background: var(--grass);
box-shadow: 0 0 20px var(--grass);
}
.bug {
background: var(--bug);
box-shadow: 0 0 20px var(--bug);
}
.dark {
background: var(--dark);
box-shadow: 0 0 20px var(--dark);
}
.dragon {
background: var(--dragon);
box-shadow: 0 0 20px var(--dragon);
}
.electric {
background: var(--electric);
box-shadow: 0 0 20px #796d26;
}
.fairy {
background: var(--fairy);
box-shadow: 0 0 20px var(--fairy);
}
.fighting {
background: var(--fighting);
box-shadow: 0 0 20px var(--fighting);
}
.flying {
background: var(--flying);
box-shadow: 0 0 20px var(--flying);
}
.ghost {
background: var(--ghost);
box-shadow: 0 0 20px var(--ghost);
}
.ground {
background: var(--ground);
box-shadow: 0 0 20px var(--ground);
}
.ice {
background: var(--ice);
box-shadow: 0 0 20px var(--ice);
}
.normal {
background: var(--normal);
box-shadow: 0 0 20px var(--normal);
}
.poison {
background: var(--poison);
box-shadow: 0 0 20px var(--poison);
}
.psychic {
background: var(--psychic);
box-shadow: 0 0 20px var(--psychic);
}
.rock {
background: var(--rock);
box-shadow: 0 0 20px var(--rock);
}
.steel {
background: var(--steel);
box-shadow: 0 0 20px var(--steel);
}
.water {
background: var(--water);
box-shadow: 0 0 20px var(--water);
}
.fire {
background: var(--fire);
box-shadow: 0 0 20px var(--fire);
}