Skip to content

Instantly share code, notes, and snippets.

@JenyaIII-sudo
Created May 15, 2020 12:31
Show Gist options
  • Save JenyaIII-sudo/fc9e71c09f54798ead5ca25c77d3b8a1 to your computer and use it in GitHub Desktop.
Save JenyaIII-sudo/fc9e71c09f54798ead5ca25c77d3b8a1 to your computer and use it in GitHub Desktop.
Side bar styles
.sideBar {
background: var(--dark);
bottom: 0;
box-shadow: var(--shadow);
overflow: hidden;
overflow-y: auto;
position: fixed;
top: 0;
z-index: var(--z-drawer);
}
.right {
right: 0;
}
.left {
left: 0;
}
.closeControl {
position: absolute;
right: 10px;
top: 10px;
}
.sideBar hr {
background-color: var(--row-light);
}
.enterRighted {
animation: enterRight 0.2s ease;
}
.exitRighted {
animation: exitRight 0.2s ease forwards;
}
@keyframes enterRight {
0% {
transform: translate(100%, 0);
}
}
@keyframes exitRight {
100% {
transform: translate(100%, 0);
}
}
.enterLefted {
animation: enterLeft 0.2s ease;
}
.exitLefted {
animation: exitLeft 0.2s ease forwards;
}
@keyframes enterLeft {
0% {
transform: translate(-100%, 0);
}
}
@keyframes exitLeft {
100% {
transform: translate(-100%, 0);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment