Change Photo viewer controls and ButtonCircle
This commit is contained in:
@@ -295,6 +295,33 @@
|
||||
|
||||
button {
|
||||
pointer-events: auto;
|
||||
|
||||
// Prev button
|
||||
&:first-child {
|
||||
& > *:nth-child(2) {
|
||||
transform: translate3d(100%, -50%, 0) rotate(180deg);
|
||||
}
|
||||
|
||||
// Hover
|
||||
&:not([disabled]):hover {
|
||||
& > *:nth-child(1) {
|
||||
transform: translate3d(-20%, 0, 0) rotate(180deg);
|
||||
}
|
||||
& > *:nth-child(2) {
|
||||
transform: translate3d(-50%, -50%, 0) rotate(180deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Hover
|
||||
&:not([disabled]):hover {
|
||||
background-color: $color-secondary;
|
||||
color: #fff;
|
||||
|
||||
svg:nth-child(2) {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user