bootstrap-vue-sidebar/dist/static/css/app.9845136f71156c636aaf7024c72d923e.css.map

Vue2Sidebar: Bootstrap 4 sidebar component in Vue 2.0

{"version":3,"sources":["app.9845136f71156c636aaf7024c72d923e.css"],"names":[],"mappings":"AAAA,iFAAiF,AACjF,iBACI,WAAY,AACZ,YAAa,AACb,kBAAoB,CACvB,AACD,sBACI,UAAW,AACX,WAAY,AACZ,cAAe,AACf,cAAe,AACf,gBAAiB,AAEjB,oDAA+D,CAClE,AACD,oCAGY,0CAA6C,CACxD,AACD,qCAEI,SAAW,CACd,AACD,mCAGY,4CAA+C,CAC1D,AACD,6BAGY,eAAgB,AAExB,UAAW,AACX,eAAiB,CACpB,AACD,SAQY,kBAAoB,CAC/B,AACD,SAII,mDAA8D,AAEtD,4BAA8B,CACzC,AACD,gBAGY,yBAA2B,CACtC,AACD,yBAKA,SACQ,mBAAoB,AAEZ,yBAA2B,CAC1C,AACD,gBACQ,cAAe,AAEP,cAAgB,CAC/B,AAMD,4GAIgB,eAAgB,AACxB,UAAW,AACX,eAAiB,CACxB,AAGD,6BACQ,aAAe,CACtB,AACD,2CAEgB,0CAA6C,CAC5D,AACD,4CACQ,SAAW,CAClB,AACD,0CAEgB,4CAA+C,CAC9D,CACA,AACD,SAEI,oBAAqB,AACrB,aAAc,AACd,WAAY,AAER,uBAAwB,AACpB,mBAAqB,CAChC,AACD,SACI,gBAAiB,AACjB,gBAAiB,AACjB,gBAAkB,CACrB,AACD,gBACI,kBAAoB,CACvB,AACD,wBACI,iBAAmB,CACtB,AACD,uBACI,cAAe,AACf,kBAAmB,AACnB,QAAS,AACT,WAAY,AAEJ,0BAA4B,CACvC,AACD,yBACI,aAAc,AACd,4BAA6B,CAChC,AACD,uBACI,cAAgB,CACnB,AACD,cACI,WAAY,AACZ,YAAc,CACjB,AACD,iBACI,aAAc,AACd,gBAAiB,AACjB,aAAe,CAClB","file":"app.9845136f71156c636aaf7024c72d923e.css","sourcesContent":["@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700);\n#sidebarCollapse {\n    width: 40px;\n    height: 40px;\n    background: #f5f5f5;\n}\n#sidebarCollapse span {\n    width: 80%;\n    height: 2px;\n    margin: 0 auto;\n    display: block;\n    background: #555;\n    -webkit-transition: all 0.8s cubic-bezier(0.810, -0.330, 0.345, 1.375);\n    transition: all 0.8s cubic-bezier(0.810, -0.330, 0.345, 1.375);\n}\n#sidebarCollapse span:first-of-type {\n    /* rotate first one */\n    -webkit-transform: rotate(45deg) translate(2px, 2px);\n            transform: rotate(45deg) translate(2px, 2px);\n}\n#sidebarCollapse span:nth-of-type(2) {\n    /* second one is not visible */\n    opacity: 0;\n}\n#sidebarCollapse span:last-of-type {\n    /* rotate third one */\n    -webkit-transform: rotate(-45deg) translate(1px, -1px);\n            transform: rotate(-45deg) translate(1px, -1px);\n}\n#sidebarCollapse.active span {\n    /* no rotation */\n    -webkit-transform: none;\n            transform: none;\n    /* all bars are visible */\n    opacity: 1;\n    margin: 5px auto;\n}\n.wrapper {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: stretch;\n        -ms-flex-align: stretch;\n            align-items: stretch;\n    -webkit-perspective: 1500px;\n            perspective: 1500px;\n}\n#sidebar {\n    min-width: 250px;\n    max-width: 250px;\n    -webkit-transition: all 0.6s cubic-bezier(0.945, 0.020, 0.270, 0.665);\n    transition: all 0.6s cubic-bezier(0.945, 0.020, 0.270, 0.665);\n    -webkit-transform-origin: center left;\n            transform-origin: center left; /* Set the transformed position of sidebar to center left side. */\n}\n#sidebar.active {\n    margin-left: -250px;\n    -webkit-transform: rotateY(100deg);\n            transform: rotateY(100deg); /* Rotate sidebar vertically by 100 degrees. */\n}\n@media (max-width: 768px) {\n    /* Reversing the behavior of the sidebar: \n       it'll be rotated vertically and off canvas by default, \n       collapsing in on toggle button click with removal of \n       the vertical rotation.   */\n#sidebar {\n        margin-left: -250px;\n        -webkit-transform: rotateY(100deg);\n                transform: rotateY(100deg);\n}\n#sidebar.active {\n        margin-left: 0;\n        -webkit-transform: none;\n                transform: none;\n}\n\n    /* Reversing the behavior of the bars: \n       Removing the rotation from the first,\n       last bars and reappear the second bar on default state, \n       and giving them a vertical margin */\n#sidebarCollapse span:first-of-type,\n    #sidebarCollapse span:nth-of-type(2),\n    #sidebarCollapse span:last-of-type {\n        -webkit-transform: none;\n                transform: none;\n        opacity: 1;\n        margin: 5px auto;\n}\n\n    /* Removing the vertical margin and make the first and last bars rotate again when the sidebar is open, hiding the second bar */\n#sidebarCollapse.active span {\n        margin: 0 auto;\n}\n#sidebarCollapse.active span:first-of-type {\n        -webkit-transform: rotate(45deg) translate(2px, 2px);\n                transform: rotate(45deg) translate(2px, 2px);\n}\n#sidebarCollapse.active span:nth-of-type(2) {\n        opacity: 0;\n}\n#sidebarCollapse.active span:last-of-type {\n        -webkit-transform: rotate(-45deg) translate(1px, -1px);\n                transform: rotate(-45deg) translate(1px, -1px);\n}\n}\n.wrapper {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    width: 100%;\n    -webkit-box-align: stretch;\n        -ms-flex-align: stretch;\n            align-items: stretch;\n}\n#sidebar {\n    min-width: 250px;\n    max-width: 250px;\n    min-height: 100vh;\n}\n#sidebar.active {\n    margin-left: -250px;\n}\na[data-toggle=\"collapse\"] {\n    position: relative;\n}\n.dropdown-toggle::after {\n    display: block;\n    position: absolute;\n    top: 50%;\n    right: 20px;\n    -webkit-transform: translateY(-50%);\n            transform: translateY(-50%);\n}\n#sidebar .sidebar-header {\n    padding: 20px;\n    border-bottom:1px solid #fff;\n}\n#sidebar ul.components {\n    padding: 20px 0;\n}\n#sidebar ul p {\n    color: #fff;\n    padding: 10px;\n}\n#sidebar ul li a {\n    padding: 10px;\n    font-size: 1.1em;\n    display: block;\n}\n\n"]}