pfdemo-vertical-navigation
Version:
PatternFly vertical navigation component
12 lines • 4.38 kB
Source Map (JSON)
{
"version": 3,
"file": "pf-vertical-navigation.css",
"sources": [
"../../scss/pf-vertical-navigation.scss"
],
"sourcesContent": [
".pf-vertical-nav {\n width: 100%;\n background: #292e34;\n display: block;\n\n .pf-vertical-nav__logo {\n display: flex;\n height: 60px;\n justify-content: center;\n align-items: center;\n padding-left: 10px;\n padding-right: 10px;\n color: #b4b4b4;\n font-size: 2em;\n\n &.bg-masthead {\n background-color: #040404;\n justify-content: flex-start;\n }\n\n img {\n max-width: 100%;\n }\n }\n\n .pf-vertical-nav__category {\n color: #b4b4b4;\n margin-top: 20px;\n margin-bottom: 5px;\n padding-left: 10px;\n text-transform: uppercase;\n }\n\n .pf-vertical-nav__menu {\n margin: 0;\n list-style: none;\n padding: 0;\n }\n\n .pf-vertical-nav__item {\n background-color: transparent;\n border-bottom: none;\n\n &:hover {\n background-color: #393f44;\n }\n\n &.active {\n border-top: 1px solid #030303;\n border-bottom: 1px solid #030303;\n\n .pf-vertical-nav__link {\n padding: 0 0 0 15px;\n background-color: #393f44;\n border-left: 5px solid #39a5dc;\n }\n\n .pf-vertical-nav__link i {\n color: #39a5dc;\n }\n }\n }\n\n .pf-vertical-nav__link {\n padding: 0 0 0 20px;\n font-size: 14px;\n display: block;\n cursor: pointer;\n color: #ffffff;\n &:hover {\n text-decoration: none;\n }\n i {\n margin-right: 10px;\n color: #71757a;\n }\n }\n\n .pf-vertical-nav__link, .pf-vertical-nav__category {\n height: 60px;\n line-height: 60px;\n }\n}\n\n.pf-vertical-nav-sm {\n .pf-vertical-nav__link, .pf-vertical-nav__category {\n height: 30px !important;\n line-height: 30px !important;\n }\n}\n\n@media (min-width: 768px) {\n .pf-vertical-nav {\n width: 293px;\n height: 100%;\n position: fixed;\n display: flex;\n flex-direction: column;\n z-index: 1030;\n overflow: hidden;\n }\n\n .pf-main-content {\n width: calc(100% - 293px);\n padding-top: 60px;\n height: auto;\n min-height: 100%;\n position: absolute;\n right: 0;\n }\n}"
],
"names": [],
"mappings": "AAAA,AAAA,gBAAgB,CAAC;EACf,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,OAAO;EACnB,OAAO,EAAE,KAAK;CA+Ef;;AAlFD,AAKE,gBALc,CAKd,sBAAsB,CAAC;EACrB,OAAO,EAAE,IAAI;EACb,MAAM,EAAE,IAAI;EACZ,eAAe,EAAE,MAAM;EACvB,WAAW,EAAE,MAAM;EACnB,YAAY,EAAE,IAAI;EAClB,aAAa,EAAE,IAAI;EACnB,KAAK,EAAE,OAAO;EACd,SAAS,EAAE,GAAG;CAUf;;AAvBH,AAKE,gBALc,CAKd,sBAAsB,AAUpB,YAAa,CAAC;EACZ,gBAAgB,EAAE,OAAO;EACzB,eAAe,EAAE,UAAU;CAC5B;;AAlBL,AAoBI,gBApBY,CAKd,sBAAsB,CAepB,GAAG,CAAC;EACF,SAAS,EAAE,IAAI;CAChB;;AAtBL,AAyBE,gBAzBc,CAyBd,0BAA0B,CAAC;EACzB,KAAK,EAAE,OAAO;EACd,UAAU,EAAE,IAAI;EAChB,aAAa,EAAE,GAAG;EAClB,YAAY,EAAE,IAAI;EAClB,cAAc,EAAE,SAAS;CAC1B;;AA/BH,AAiCE,gBAjCc,CAiCd,sBAAsB,CAAC;EACrB,MAAM,EAAE,CAAC;EACT,UAAU,EAAE,IAAI;EAChB,OAAO,EAAE,CAAC;CACX;;AArCH,AAuCE,gBAvCc,CAuCd,sBAAsB,CAAC;EACrB,gBAAgB,EAAE,WAAW;EAC7B,aAAa,EAAE,IAAI;CAoBpB;;AA7DH,AAuCE,gBAvCc,CAuCd,sBAAsB,AAIpB,MAAO,CAAC;EACN,gBAAgB,EAAE,OAAO;CAC1B;;AA7CL,AAuCE,gBAvCc,CAuCd,sBAAsB,AAQpB,OAAQ,CAAC;EACP,UAAU,EAAE,iBAAiB;EAC7B,aAAa,EAAE,iBAAiB;CAWjC;;AA5DL,AAmDM,gBAnDU,CAuCd,sBAAsB,AAQpB,OAAQ,CAIN,sBAAsB,CAAC;EACrB,OAAO,EAAE,UAAU;EACnB,gBAAgB,EAAE,OAAO;EACzB,WAAW,EAAE,iBAAiB;CAC/B;;AAvDP,AAyD6B,gBAzDb,CAuCd,sBAAsB,AAQpB,OAAQ,CAUN,sBAAsB,CAAC,CAAC,CAAC;EACvB,KAAK,EAAE,OAAO;CACf;;AA3DP,AA+DE,gBA/Dc,CA+Dd,sBAAsB,CAAC;EACrB,OAAO,EAAE,UAAU;EACnB,SAAS,EAAE,IAAI;EACf,OAAO,EAAE,KAAK;EACd,MAAM,EAAE,OAAO;EACf,KAAK,EAAE,OAAO;CAQf;;AA5EH,AA+DE,gBA/Dc,CA+Dd,sBAAsB,AAMpB,MAAO,CAAC;EACN,eAAe,EAAE,IAAI;CACtB;;AAvEL,AAwEI,gBAxEY,CA+Dd,sBAAsB,CASpB,CAAC,CAAC;EACA,YAAY,EAAE,IAAI;EAClB,KAAK,EAAE,OAAO;CACf;;AA3EL,AA8EE,gBA9Ec,CA8Ed,sBAAsB,EA9ExB,AA8E0B,gBA9EV,CA8EU,0BAA0B,CAAC;EACjD,MAAM,EAAE,IAAI;EACZ,WAAW,EAAE,IAAI;CAClB;;AAGH,AACE,mBADiB,CACjB,sBAAsB,EADxB,AAC0B,mBADP,CACO,0BAA0B,CAAC;EACjD,MAAM,EAAE,eAAe;EACvB,WAAW,EAAE,eAAe;CAC7B;;AAGH,MAAM,EAAE,SAAS,EAAE,KAAK;EACtB,AAAA,gBAAgB,CAAC;IACf,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,IAAI;IACZ,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,IAAI;IACb,cAAc,EAAE,MAAM;IACtB,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,MAAM;GACjB;EAED,AAAA,gBAAgB,CAAC;IACf,KAAK,EAAE,kBAAkB;IACzB,WAAW,EAAE,IAAI;IACjB,MAAM,EAAE,IAAI;IACZ,UAAU,EAAE,IAAI;IAChB,QAAQ,EAAE,QAAQ;IAClB,KAAK,EAAE,CAAC;GACT"
}