aronmal/leaky-ships
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fixed amount styling

Browse source
This commit is contained in:
aronmal 2023-04-11 18:19:52 +02:00
parent 051af9a147
commit 47ed7da260
Signed by: aronmal
GPG key ID: 816B7707426FC612
1 changed files with 16 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

23
leaky-ships/styles/App.scss
View file

@ -304,22 +304,14 @@ body {
width: 128px;
.container {
img {
width: 64px;
padding: 8px;
@include pixelart;
background-color: white;
border-radius: 1rem;
}
&.amount {
width: initial;
position: relative;
&::after {
&.amount::after {
content: var(--amount);
position: absolute;
top: -6px;
right: -6px;
top: -8px;
right: -16px;
color: black;
background-color: white;
border: 1px solid black;
@ -327,6 +319,13 @@ body {
font-size: 16px;
padding: 2px 8px;
}
img {
width: 64px;
padding: 8px;
@include pixelart;
background-color: white;
border-radius: 1rem;
}
}