-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathapp.fe1c5.css
More file actions
7 lines (7 loc) · 5.58 KB
/
app.fe1c5.css
File metadata and controls
7 lines (7 loc) · 5.58 KB
1
2
3
4
5
6
7
/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/.hamburger{padding:0;display:inline-block;cursor:pointer;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger.is-active:hover,.hamburger:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:#fff}.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{width:40px;height:4px;background-color:#fff;border-radius:4px;position:absolute;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner:after,.hamburger-inner:before{content:"";display:block}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--vortex .hamburger-inner{transition-duration:.2s;transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-duration:0s;transition-delay:.1s;transition-timing-function:linear}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,-webkit-transform;transition-property:bottom,transform;transition-property:bottom,transform,-webkit-transform}.hamburger--vortex.is-active .hamburger-inner{-webkit-transform:rotate(765deg);transform:rotate(765deg);transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}header{background-color:#512da8;color:#fff;padding:8px;margin-bottom:25px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);position:relative;z-index:2}@media screen and (min-width:600px){header{text-align:center}}button.hamburger{position:absolute;padding-top:6px;right:16px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}button.hamburger:focus,button.hamburger:hover{background-color:transparent;border:none}.main-menu{background-color:hsla(0,0%,100%,.5);position:fixed;bottom:0;top:62px;width:100%;z-index:-1;opacity:0;overflow:auto}.main-menu h2,.main-menu h3{text-align:center}.main-menu h3{margin-bottom:5px}.main-menu ol,.main-menu ul{list-style:none}.main-menu_wrapper{width:330px;margin:50px auto 0;-webkit-transform:scale(.6);transform:scale(.6)}.main-menu_item a{color:#757575;display:block;text-decoration:none;background-color:#fff;border-radius:2px;padding:4px;border:1px solid #bdbdbd;font-size:110%}.main-menu_item a:focus,.main-menu_item a:hover{background-color:#00bcd4;color:#fff;border-color:#00bcd4;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)}.main-menu_item.__active a{color:#212121;font-weight:700}.main-menu_item.__active a:focus,.main-menu_item.__active a:hover{color:#fff}body.__menu-visible .main-menu{z-index:1;display:block;opacity:1;transition:opacity .3s}body.__menu-visible .main-menu_wrapper{-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s}main{-webkit-filter:blur(0);filter:blur(0)}body.__menu-visible main{transition:-webkit-filter .1s;transition:filter .1s;transition:filter .1s,-webkit-filter .1s;-webkit-filter:blur(5px);filter:blur(5px);overflow:hidden}.brand{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;display:inline-block;text-transform:uppercase;line-height:1;font-size:26px;letter-spacing:normal}.brand small{text-transform:none;font-size:60%;display:block;letter-spacing:.45em}@media screen and (min-width:600px){.brand small{padding-left:.6em}}.hero-unit .brand{font-size:2vw;margin-bottom:50px}.hero-unit .brand small{padding-left:.6em}@media screen and (min-width:600px){.hero-unit .brand{font-size:50px}}.hero-unit{text-align:center;padding:50px 0;min-height:50vh;display:flex;flex-direction:column;justify-content:center;background-color:#512da8;color:#fff;margin-bottom:50px}.hero-unit>div{flex:0}.hero-unit_cta{background-color:#fff;color:#212121;padding:8px 16px;border-radius:6px;text-decoration:none;border:none;box-shadow:0 5px rgba(0,0,0,.2);transition:all .2s ease;display:inline-block}.hero-unit_cta:focus,.hero-unit_cta:hover{color:#212121;background-color:hsla(0,0%,100%,.9)}.hero-unit_cta:active{color:#212121;background-color:hsla(0,0%,100%,.85);box-shadow:0 1px rgba(0,0,0,.2);-webkit-transform:translateY(4px);transform:translateY(4px)}.support-author{text-align:center;background-color:#eee;padding:15px}footer{padding:15px;font-size:80%;background-color:#f8f8f8}footer .column+.column{text-align:right}body{margin:0;padding:0;color:#212121}body.__menu-visible{overflow:hidden}a{color:#673ab7;text-decoration:underline}a:active,a:focus,a:hover{color:#512da8}h1,h2{font-family:Crimson Text,serif}.toc ul{list-style:none}.toc h4,.toc ul{margin-bottom:10px}.toc li{margin:0}