granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Refactor CSS

Browse source
This commit is contained in:
Justin Edmund 2022-11-29 02:05:53 -08:00
parent bf04d951bd
commit 89e157dc6d
1 changed files with 15 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
components/JobSkillItem/index.scss
View file

@ -3,20 +3,24 @@
gap: $unit; gap: $unit;
align-items: center; align-items: center;
&:hover p.placeholder { &.editable:hover {
color: $grey-20;
}
&.editable:hover > img,
&.editable:hover > .placeholder {
border: $hover-stroke;
box-shadow: $hover-shadow;
cursor: pointer; cursor: pointer;
transform: $scale-tall;
& > img,
& > div.placeholder {
border: $hover-stroke;
box-shadow: $hover-shadow;
cursor: pointer;
transform: $scale-tall;
}
& p.placeholder {
color: $grey-20;
}
} }
& > img, & > img,
& > .placeholder { & > div.placeholder {
background: white; background: white;
border-radius: calc($unit / 2); border-radius: calc($unit / 2);
border: 1px solid rgba(0, 0, 0, 0); border: 1px solid rgba(0, 0, 0, 0);
@ -24,7 +28,7 @@
height: $unit * 5; height: $unit * 5;
} }
& > .placeholder { & > div.placeholder {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;