Added fonts for the Pokemon card
This commit is contained in:
parent
8edd8b1040
commit
634b15d0a9
@ -19,6 +19,18 @@
|
||||
--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 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@ -48,6 +60,10 @@
|
||||
transform: scale(1.2);
|
||||
}
|
||||
|
||||
.thumbnail__container .poke__number {
|
||||
font-size: 1.75em;
|
||||
}
|
||||
|
||||
.info__icon:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
@ -22,7 +22,7 @@ export function Pokemon() {
|
||||
</div>
|
||||
</div>
|
||||
<div className="image__container">
|
||||
<img src={testimage} alt="test image" height={150} />
|
||||
<img src={testimage} alt="test" height={150} />
|
||||
</div>
|
||||
<div className="poke__name">
|
||||
<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