express-live-reloading
Version:
Live reloading middleware express
1 lines • 2.43 kB
CSS
#toolbar-express-live-reloading{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;position:fixed;bottom:0;left:0;width:100%;background-color:#090909;color:#bebebe;display:flex;justify-content:space-around;align-items:center}#toolbar-express-live-reloading h2{letter-spacing:.08rem;word-spacing:.08rem;font-weight:650;font-size:16px}#toolbar-express-live-reloading h2 small.toolbar-express-live-reloading-status-tcp-on{color:rgb(42 ,192 ,42)}#toolbar-express-live-reloading h2 small.toolbar-express-live-reloading-status-tcp-off{color:rgb(192 ,42 ,42)}#toolbar-express-live-reloading h2 small{text-transform:uppercase}#toolbar-express-live-reloading ul{list-style-type:none;list-style:none;padding:0;margin:0;display:flex;width:40%;flex-wrap:wrap;position:relative}#toolbar-express-live-reloading ul::before{content:'';position:absolute;width:15px;height:15px;border-radius:50%;top:50%;left:0;transform:translate(-100% ,-50%);display:none}#toolbar-express-live-reloading ul li span.toolbar-express-live-reloading-status-file-fail{padding:.2vh .13vw;border-radius:4px;font-weight:650px;background:rgb(192 ,42 ,42);color:#fff}#toolbar-express-live-reloading ul li span{width:22px;padding:.2vh .13vw;margin:0 .12vw;border-radius:3px}#toolbar-express-live-reloading ul li span.toolbar-express-live-reloading-status-file-success{background:rgb(42 ,192 ,42)}#toolbar-express-live-reloading h2.toolbar-express-live-reloading-status-tcp-on+ul::before{background:rgb(42 ,192 ,42)}#toolbar-express-live-reloading h2.toolbar-express-live-reloading-status-tcp-off+ul::before{background:rgb(192 ,42 ,42)}#toolbar-express-live-reloading ul li{margin:.45vh .65vw;font-size:14px}#toolbar-express-live-reloading p{font-size:10px;font-weight:400;letter-spacing:.02rem;word-spacing:.02rem}#toolbar-express-live-reloading p a{color:#fff;text-decoration:none}@media screen and (max-width:875px){#toolbar-express-live-reloading p{display:none}#toolbar-express-live-reloading ul{width:58%}}@media screen and (max-width:700px){#toolbar-express-live-reloading ul li{font-size:12px}#toolbar-express-live-reloading h2{font-size:14px;letter-spacing:.04rem;word-spacing:.04rem}}@media screen and (max-width:580px){#toolbar-express-live-reloading ul{padding:1.5vh 0;width:85%}#toolbar-express-live-reloading h2{display:none}#toolbar-express-live-reloading ul::before{display:block}}