Add close button to Viewer

This commit is contained in:
2021-11-23 23:04:33 +01:00
parent 35e8ea2d89
commit dd66c34b6a
4 changed files with 65 additions and 8 deletions

View File

@@ -102,6 +102,7 @@
// Purple color
&--purple {
color: #fff;
background: $color-primary-tertiary20;
&:hover {

View File

@@ -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;
}
}
}
}