You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 lines
1.9 KiB
2 lines
1.9 KiB
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}html{height:100vh;overflow:hidden;background-image:none;background-repeat:no-repeat}.actions{padding-top:1rem;background:linear-gradient(180deg,transparent calc(25% - 1px),hsla(0,0%,100%,.5) 25%,transparent calc(25% + 1px),transparent calc(50% - 1px),hsla(0,0%,100%,.5) 50%,transparent calc(50% + 1px),transparent calc(75% - 1px),hsla(0,0%,100%,.5) 75%,transparent calc(75% + 1px));height:3rem;padding-bottom:1rem;background-color:rgba(20,20,20,.3);display:inline-block}.container{display:flex;flex-direction:column}.action-move{-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-name:action-move;animation-name:action-move;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;position:absolute}.gcd{width:3rem}.gcd,.ogcd{vertical-align:top}.ogcd{width:2rem}.action-rotation.gcd{margin-left:1em}.action-rotation.gcd:before{content:"\25B6";font-size:13px;color:hsla(0,0%,100%,.5)}@-webkit-keyframes action-move{0%{transform:translateX(calc(100vw - 3rem))}to{transform:translateX(-3rem)}}@keyframes action-move{0%{transform:translateX(calc(100vw - 3rem))}to{transform:translateX(-3rem)}}.rotation-list{padding:0 18px;background-color:rgba(80,80,80,.3);display:block}.rotation-button{background-color:hsla(0,0%,39.2%,.3);color:hsla(0,0%,100%,.5);padding:.1em;width:100vw;border:none;outline:none;transition:.4s;display:block}.rotation-button.expanded,.rotation-button:hover{background-color:hsla(0,0%,47.1%,.3)}.rotation-button:after{content:"\25BC";font-size:13px;color:#777;float:right;margin-left:5px}.rotation-button.expanded:after{content:"\25B2"}
|
|
/*# sourceMappingURL=main.af6b9f88.chunk.css.map */ |