Add close button to Viewer
This commit is contained in:
@@ -393,4 +393,35 @@
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
// Close button
|
||||
&__close {
|
||||
position: fixed;
|
||||
z-index: 2;
|
||||
top: 16px;
|
||||
right: calc(16px + 44px + 12px);
|
||||
|
||||
@include bp (md) {
|
||||
top: 40px;
|
||||
right: 40px;
|
||||
}
|
||||
|
||||
svg {
|
||||
max-width: 14px;
|
||||
max-height: 14px;
|
||||
|
||||
@include bp (md) {
|
||||
max-width: 20px;
|
||||
max-height: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
// Hover
|
||||
&:hover {
|
||||
svg {
|
||||
transform: rotate3d(0, 0, 1, 90deg) !important;
|
||||
transition-duration: 1.2s;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user