paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-10-24 08:33:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

css: Use SCSS nesting in lightbox.scss for .image-preview.

Browse Source
This commit is contained in:
Vaibhav
2019-06-10 11:06:54 +05:30
committed by Tim Abbott
parent 249416e94a
commit 8ab4d38b6e
1 changed files with 22 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
static/styles/lightbox.scss
View File

@@ -14,33 +14,33 @@
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
#lightbox_overlay .image-preview img {
max-height: 100%;
max-width: 100%;
img {
max-height: 100%;
max-width: 100%;
background-color: hsl(0, 0%, 100%);
background-image:
-moz-linear-gradient(45deg, hsl(0, 0%, 80%) 25%, transparent 25%),
-moz-linear-gradient(-45deg, hsl(0, 0%, 80%) 25%, transparent 25%),
-moz-linear-gradient(45deg, transparent 75%, hsl(0, 0%, 0%) 75%),
-moz-linear-gradient(-45deg, transparent 75%, hsl(0, 0%, 0%) 75%);
background-image:
-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, hsl(0, 0%, 80%)), color-stop(.25, transparent)),
-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, hsl(0, 0%, 80%)), color-stop(.25, transparent)),
-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, hsl(0, 0%, 80%))),
-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, hsl(0, 0%, 80%)));
background-color: hsl(0, 0%, 100%);
background-image:
-moz-linear-gradient(45deg, hsl(0, 0%, 80%) 25%, transparent 25%),
-moz-linear-gradient(-45deg, hsl(0, 0%, 80%) 25%, transparent 25%),
-moz-linear-gradient(45deg, transparent 75%, hsl(0, 0%, 0%) 75%),
-moz-linear-gradient(-45deg, transparent 75%, hsl(0, 0%, 0%) 75%);
background-image:
-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, hsl(0, 0%, 80%)), color-stop(.25, transparent)),
-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, hsl(0, 0%, 80%)), color-stop(.25, transparent)),
-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, hsl(0, 0%, 80%))),
-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, hsl(0, 0%, 80%)));
-moz-background-size: 20px 20px;
background-size: 20px 20px;
-webkit-background-size: 20px 20px;
-moz-background-size: 20px 20px;
background-size: 20px 20px;
-webkit-background-size: 20px 20px;
background-position: 0 0, 50px 0, 50px -50px, 0px 50px;
}
background-position: 0 0, 50px 0, 50px -50px, 0px 50px;
}
#lightbox_overlay .image-preview canvas {
cursor: pointer;
canvas {
cursor: pointer;
}
}
#lightbox_overlay .exit {