Added fonts for the Pokemon card
This commit is contained in:
parent
8edd8b1040
commit
634b15d0a9
@ -19,6 +19,18 @@
|
|||||||
--water: #539DDF;
|
--water: #539DDF;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
html {
|
||||||
|
--pokename: #000;
|
||||||
|
--cardborder: #fff;
|
||||||
|
--pokenumber: hsl(228, 28%, 20%);
|
||||||
|
--info: #fff
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Press Start 2P';
|
||||||
|
src: url("assets/PressStart2P-Regular.ttf") format("truetype");
|
||||||
|
}
|
||||||
|
|
||||||
.thumbnail__container {
|
.thumbnail__container {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@ -48,6 +60,10 @@
|
|||||||
transform: scale(1.2);
|
transform: scale(1.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.thumbnail__container .poke__number {
|
||||||
|
font-size: 1.75em;
|
||||||
|
}
|
||||||
|
|
||||||
.info__icon:hover {
|
.info__icon:hover {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
@ -22,7 +22,7 @@ export function Pokemon() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="image__container">
|
<div className="image__container">
|
||||||
<img src={testimage} alt="test image" height={150} />
|
<img src={testimage} alt="test" height={150} />
|
||||||
</div>
|
</div>
|
||||||
<div className="poke__name">
|
<div className="poke__name">
|
||||||
<h3>Charizard</h3>
|
<h3>Charizard</h3>
|
||||||
|
BIN
src/assets/PressStart2P-Regular.ttf
Normal file
BIN
src/assets/PressStart2P-Regular.ttf
Normal file
Binary file not shown.
Loading…
x
Reference in New Issue
Block a user