Minimize Copepen Header

minimize-codepen-header.user.css

/* ==UserStyle==
@name           Minimize Copepen Header
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    minimizes codepen header-bar (supposedly a pro feature...)
@author         cwillsey06
@preprocessor   uso
@var  text  panel-height   "header height when minimized"    5px
@var  text  panel-opacity  "header opacity when minimized"     0
@var  text  animation-dur  "header animation duration"     500ms
@var  text  animation-del  "header animation delay"       1000ms
==/UserStyle== */

@-moz-document regexp("https?://codepen.io/.*?pen.*") {
    #main-header:not(:hover) {
        height: /*[[panel-height]]*/;
        opacity: /*[[panel-opacity]]*/;
        transition-duration: /*[[animation-dur]]*/;
        transition-delay: /*[[animation-del]]*/;
    }
}