bulma-addons
Version:
Addons for Bulma CSS framework
1 lines • 3.79 kB
Source Map (JSON)
{"version":3,"sources":["navigation-view.css"],"names":[],"mappings":"AAAA;EACE,uBAAuB;EACvB,eAAe;EACf,MAAM;EACN,OAAO;EACP,YAAY;EACZ,YAAY;EACZ,gBAAgB;EAChB,gBAAgB;EAChB,0EAA0D;EAA1D,kEAA0D;EAA1D,0DAA0D;EAA1D,4FAA0D;EAC1D,oCAA4B;UAA5B,4BAA4B;EAC5B,uCAAuC;EACvC,WAAW;EACX,4BAA4B;AAC9B;;AAEA;EACE,iCAAyB;UAAzB,yBAAyB;AAC3B;;AAEA;EACE,cAAc;EACd,eAAe;AACjB;;AAEA;EACE,gBAAgB;EAChB,WAAW;EACX,eAAe;EACf,+BAA+B;EAC/B,gBAAgB;EAChB,kBAAkB;AACpB;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,2CAA2C;EAC3C,eAAe;EACf,gBAAgB;EAChB,QAAQ;EACR,iCAAyB;UAAzB,yBAAyB;EACzB,gBAAgB;EAChB,wBAAgB;EAAhB,gBAAgB;AAClB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,YAAY;EACZ,gBAAgB;EAChB,uBAAuB;EACvB,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,WAAW;EACX,uCAAuC;EACvC,0EAA0D;EAA1D,kEAA0D;EAA1D,0DAA0D;EAA1D,4FAA0D;AAC5D;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE;IACE,WAAW;IACX,2BAA2B;EAC7B;EACA;IACE,mBAAmB;EACrB;EACA;IACE,gBAAgB;EAClB;EACA;IACE,eAAe;IACf,UAAU;IACV,aAAa;EACf;AACF;;AAEA;EACE,2CAA2C;AAC7C;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE;IACE,mBAAmB;EACrB;AACF","file":"navigation-view.css","sourcesContent":[".navigation-view {\n background-color: white;\n position: fixed;\n top: 0;\n left: 0;\n height: 100%;\n width: 280px;\n max-width: 280px;\n min-width: 280px;\n transition: transform 258ms ease-out, width 258ms ease-out;\n transform: translateX(-110%);\n box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);\n z-index: 37;\n background-color: whitesmoke;\n}\n\n.navigation-view.is-active {\n transform: translateX(0%);\n}\n\n.navigation-view .navbar-burger {\n display: block;\n min-width: 75px;\n}\n\n.navigation-view .menu {\n box-shadow: none;\n width: 100%;\n max-height: 90%;\n max-height: calc(100% - 3.2rem);\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n.navigation-view .menu .menu-label {\n padding-left: 1em;\n}\n\n.navigation-view .menu .menu-list a {\n border-radius: 0;\n}\n\n.navigation-view.is-static {\n border-right: 1px solid rgba(0, 0, 0, 0.15);\n min-width: 75px;\n max-width: 280px;\n width: 0;\n transform: translateX(0%);\n box-shadow: none;\n transition: none;\n}\n\n.navigation-view.is-static .menu-label {\n visibility: hidden;\n}\n\n.navigation-view.is-static .menu-list a {\n height: 40px;\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: center;\n}\n\n.navigation-view.is-static .menu-list a span.icon {\n margin-bottom: 1em;\n}\n\n.navigation-view.is-static.is-active {\n width: 100%;\n box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);\n transition: transform 258ms ease-out, width 258ms ease-out;\n}\n\n.navigation-view.is-static.is-active .menu-label {\n visibility: visible;\n}\n\n.navigation-view.is-static.is-active .menu-list a {\n text-align: left;\n}\n\n@media screen and (min-width: 1024px) {\n .navigation-view.is-static {\n width: 100%;\n box-shadow: none !important;\n }\n .navigation-view.is-static .menu-label {\n visibility: visible;\n }\n .navigation-view.is-static .menu-list a {\n text-align: left;\n }\n .navigation-view.is-static .navbar-burger {\n cursor: default;\n opacity: 0;\n z-index: -999;\n }\n}\n\n.navigation-view.is-dark {\n border-right: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.navigation-view.is-dark > .menu {\n background-color: #242424;\n}\n\n.navigation-view.is-dark > .menu .menu-label {\n color: #b5b5b5;\n}\n\n.navigation-view.is-dark > .menu .menu-list a {\n color: whitesmoke;\n}\n\n.navigation-view.is-dark > .menu .menu-list a:hover:not(.is-active) {\n color: #363636;\n}\n\nbody.has-static-navigation-view {\n padding-left: 75px;\n}\n\n@media screen and (min-width: 1024px) {\n body.has-static-navigation-view {\n padding-left: 280px;\n }\n}\n"]}