nova-web/web/static/css/navbar.css.map

{"version":3,"sources":["navbar.sass","navbar.css","_vars.sass"],"names":[],"mappings":"AAEA;EACI,aAAA;EACA,mBAAA;EACA,kBAAA;ACDJ;ADGI;EACI,qBAAA;EACA,eEDQ;EFER,gBAAA;EACA,eAAA;EACA,YAAA;EACA,WAAA;EAEA,iBAAA;EACA,uBAAA;ACFR;ADII;EACI,gBAAA;EACA,eAAA;EACA,yBAAA;KAAA,sBAAA;UAAA,iBAAA;ACFR;ADIQ;EACI,eAAA;EACA,kBAAA;EACA,SAAA;ACFZ;ADKI;EACI,YAAA;ACHR;ADMI;EACI,aAAA;EACA,eAAA;ACJR;;ADOI;EACI,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,qBAAA;EACA,sBAAA;ACJR;ADMQ;EACI,cEtCI;ADkChB;;ADMA;EACI;IACI,sCAAA;IACA,UAAA;IAEA,YAAA;IACA,YAAA;IACA,kBAAA;IACA,SAAA;IACA,WAAA;IACA,mBExDI;IFyDJ,eAAA;IACA,kBE3CD;IF4CC,kCAAA;YAAA,0BAAA;IACA,gDAAA;IAEA,wCAAA;ECLN;EDOM;IACI,UAAA;IACA,kBAAA;ECLV;EDOM;IACI,eAAA;IACA,cAAA;IACA,iBAAA;ECLV;EDQM;IACI,eErEI;ED+Dd;EDQM;IACI,cAAA;IACA,gBAAA;IACA,eAAA;IACA,YAAA;IACA,WAAA;IACA,eAAA;IACA,gBAAA;ECNV;EDQU;IACI,wBAAA;ECNd;AACF;ADOA;EAEQ;IACI,aAAA;ECNV;AACF","file":"navbar.css","sourcesContent":["@import '_vars'\n\nnav\n    display: flex\n    align-items: center\n    position: relative\n\n    >.logo\n        display: inline-block\n        stroke: $primary-light\n        min-height: 40px\n        min-width: 40px\n        height: 40px\n        width: 40px\n\n        margin-right: 8px\n        transition: stroke 0.2s\n\n    >h1\n        font-weight: 500\n        font-size: 20px\n        user-select: none\n\n        mark\n            font-size: 1rem\n            position: relative\n            top: -3px\n\n\n    >span\n        flex-grow: 1\n\n\n    #menu\n        display: none\n        cursor: pointer\n\n.link-menu\n    >a\n        font-size: 14px\n        font-weight: 600\n        margin-left: 2rem\n        text-decoration: none\n        transition: color 0.1s\n\n        &:hover\n            color: $primary-light\n\n@media (max-width: 800px)\n    .link-menu\n        transform: scale(0.8) translateX(1rem)\n        opacity: 0\n\n        z-index: 100\n        width: 200px\n        position: absolute\n        top: 5rem\n        right: 2rem\n        background: $secondary\n        padding: 1rem 0\n        border-radius: $edge\n        backdrop-filter: blur(4px)\n        border: 1px solid $border\n\n        transition: transform 0.2s, opacity 0.2s\n\n        &.open\n            opacity: 1\n            transform: inherit\n\n        a\n            font-size: 20px\n            display: block\n            line-height: 3rem\n\n    nav\n        .logo\n            stroke: $primary-light\n\n        #menu\n            display: block\n            min-height: 32px\n            min-width: 32px\n            height: 32px\n            width: 32px\n            cursor: pointer\n            transition: 0.5s\n\n            &.active\n                transform: rotate(90deg)\n\n@media (max-width: 400px)\n    nav\n        h1\n            display: none","nav {\n  display: flex;\n  align-items: center;\n  position: relative;\n}\nnav > .logo {\n  display: inline-block;\n  stroke: #b88df0;\n  min-height: 40px;\n  min-width: 40px;\n  height: 40px;\n  width: 40px;\n  margin-right: 8px;\n  transition: stroke 0.2s;\n}\nnav > h1 {\n  font-weight: 500;\n  font-size: 20px;\n  user-select: none;\n}\nnav > h1 mark {\n  font-size: 1rem;\n  position: relative;\n  top: -3px;\n}\nnav > span {\n  flex-grow: 1;\n}\nnav #menu {\n  display: none;\n  cursor: pointer;\n}\n\n.link-menu > a {\n  font-size: 14px;\n  font-weight: 600;\n  margin-left: 2rem;\n  text-decoration: none;\n  transition: color 0.1s;\n}\n.link-menu > a:hover {\n  color: #b88df0;\n}\n\n@media (max-width: 800px) {\n  .link-menu {\n    transform: scale(0.8) translateX(1rem);\n    opacity: 0;\n    z-index: 100;\n    width: 200px;\n    position: absolute;\n    top: 5rem;\n    right: 2rem;\n    background: #252a38;\n    padding: 1rem 0;\n    border-radius: 5px;\n    backdrop-filter: blur(4px);\n    border: 1px solid rgba(22, 29, 43, 0.6901960784);\n    transition: transform 0.2s, opacity 0.2s;\n  }\n  .link-menu.open {\n    opacity: 1;\n    transform: inherit;\n  }\n  .link-menu a {\n    font-size: 20px;\n    display: block;\n    line-height: 3rem;\n  }\n  nav .logo {\n    stroke: #b88df0;\n  }\n  nav #menu {\n    display: block;\n    min-height: 32px;\n    min-width: 32px;\n    height: 32px;\n    width: 32px;\n    cursor: pointer;\n    transition: 0.5s;\n  }\n  nav #menu.active {\n    transform: rotate(90deg);\n  }\n}\n@media (max-width: 400px) {\n  nav h1 {\n    display: none;\n  }\n}","$text: #f3f3f3\n$background: #03060d\n$secondary: #252a38\n$secondary-dark: #0e0e0e\n$border: #161d2bb0\n$soft: #fcf7f824\n\n$primary: #5f44b9\n$primary-light: #b88df0\n$primary-glow: #683a9638\n$primary-soft: #cc9af724\n$accent: #28aaf0\n\n$error: #ef3628\n$warn: #f09928\n$success: #28ef6b\n\n$edge: 5px\n\n$main-width: 800px\n$more-width: 1000px\n"]}