Refactor CSS
This commit is contained in:
parent
bf04d951bd
commit
89e157dc6d
1 changed files with 15 additions and 11 deletions
|
|
@ -3,20 +3,24 @@
|
|||
gap: $unit;
|
||||
align-items: center;
|
||||
|
||||
&:hover p.placeholder {
|
||||
color: $grey-20;
|
||||
}
|
||||
|
||||
&.editable:hover > img,
|
||||
&.editable:hover > .placeholder {
|
||||
border: $hover-stroke;
|
||||
box-shadow: $hover-shadow;
|
||||
&.editable:hover {
|
||||
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,
|
||||
& > .placeholder {
|
||||
& > div.placeholder {
|
||||
background: white;
|
||||
border-radius: calc($unit / 2);
|
||||
border: 1px solid rgba(0, 0, 0, 0);
|
||||
|
|
@ -24,7 +28,7 @@
|
|||
height: $unit * 5;
|
||||
}
|
||||
|
||||
& > .placeholder {
|
||||
& > div.placeholder {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
|
|
|||
Loading…
Reference in a new issue