Add Zen mode for distraction free drawing (#1450)

This commit is contained in:
Aakansha Doshi 2020-04-25 18:43:02 +05:30 committed by GitHub
parent 71e7f130bc
commit 1866074c07
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
16 changed files with 222 additions and 39 deletions

View file

@ -66,4 +66,48 @@
visibility: visible;
}
}
&__github-corner {
top: 0;
right: 0;
position: absolute;
width: 40px;
}
&__footer {
position: absolute;
bottom: 0px;
right: 0;
width: 190px;
}
.zen-mode-transition {
transition: transform 0.5s ease-in-out;
&.transition-left {
transform: translate(-999px, 0);
}
&.transition-right {
transform: translate(999px, 0px);
}
}
.disable-zen-mode {
height: 30px;
position: absolute;
bottom: 10px;
right: 15px;
font-size: 10px;
padding: 10px;
font-weight: 500;
opacity: 0;
visibility: hidden;
transition: visibility 0s linear 0s, opacity 0.5s;
&--visible {
opacity: 1;
visibility: visible;
transition: visibility 0s linear 300ms, opacity 0.5s;
transition-delay: 0.8s;
}
}
}