mirror of
https://github.com/picocss/pico.git
synced 2025-04-27 03:36:13 -04:00
1 line
3.9 KiB
Text
1 line
3.9 KiB
Text
|
{"version":3,"sources":["_nav.scss"],"names":[],"mappings":"AAAA;;EAEE;;AAEF,mBAAmB;AACnB,+EAA+E;;AAE/E,wEAAwE;AACxE;EACE,WAAW;EACX,gBAAgB;AAClB;;AAEA,MAAM;AACN,sBAAsB;;AAEtB,gBAAgB;AAChB;;EAEE,aAAa;AACf;;AAEA;EACE,8BAA8B;;EAE9B;;IAEE,mBAAmB;IACnB,gBAAgB;IAChB,UAAU;IACV,gBAAgB;;IAEhB;MACE,6DAA6D;IAC/D;IACA;MACE,8DAA8D;IAChE;EACF;;EAEA;IACE,qBAAqB;IACrB,SAAS;IACT;2CACuC;;IAEvC,gDAAgD;IAChD;MACE,YAAY;IACd;EACF;;EAEA;IACE,qBAAqB;IACrB;mDAC+C;IAC/C,4EAA4E;IAC5E,mCAAmC;IACnC,qBAAqB;;IAErB;MACE,qBAAqB;IACvB;EACF;;EAEA,YAAY;EACZ;IACE,mBAAmB;IACnB,sBAAsB;;IAEtB;MACE;QACE,uDAAuD;MACzD;;MAEA;QACE;UACE,kBAAkB;UAClB,mDAAmD;UACnD,iEAAiE;UACjE,YAAY;UACZ,yBAAyB;UACzB,kBAAkB;QACpB;MACF;IACF;;IAEA;MACE,6BAA6B;MAC7B,cAAc;MACd,qBAAqB;MACrB,oBAAoB;IACtB;EACF;;EAEA,mCAAmC;EACnC;IACE,qBAAqB;IACrB,oBAAoB;IACpB,4EAA4E;EAC9E;AACF;;AAEA,cAAc;AACd;EACE;;;;IAIE,cAAc;EAChB;;EAEA;IACE;2CACuC;;IAEvC;MACE,cAAc;IAChB;;IAEA,sCAAsC;IACtC;MACE,eAAe;IACjB;EACF;AACF;;AAEA,gBAAgB;AAChB;EACE;IACE;MACE;QACE;UACE;YACE,aAAa;UACf;QACF;MACF;IACF;EACF;AACF","file":"_nav.scss","sourcesContent":["/**\n * Nav\n */\n\n// Reboot based on :\n// - sanitize.css v13.0.0 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n\n// Prevent VoiceOver from ignoring list semantics in Safari (opinionated)\n:where(nav li)::before {\n float: left;\n content: \"\\200B\";\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Horizontal Nav\nnav,\nnav ul {\n display: flex;\n}\n\nnav {\n justify-content: space-between;\n\n ol,\n ul {\n align-items: center;\n margin-bottom: 0;\n padding: 0;\n list-style: none;\n\n &:first-of-type {\n margin-left: calc(var(--nav-element-spacing-horizontal) * -1);\n }\n &:last-of-type {\n margin-right: calc(var(--nav-element-spacing-horizontal) * -1);\n }\n }\n\n li {\n display: inline-block;\n margin: 0;\n padding: var(--nav-element-spacing-vertical)\n var(--nav-element-spacing-horizontal);\n\n // Minimal support for buttons and forms elements\n > * {\n --spacing: 0;\n }\n }\n\n :where(a, [role=\"link\"]) {\n display: inline-block;\n margin: calc(var(--nav-link-spacing-vertical) * -1)\n calc(var(--nav-link-spacing-horizontal) * -1);\n padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\n border-radius: var(--border-radius);\n text-decoration: none;\n\n &:is([aria-current], :hover, :active, :focus) {\n text-decoration: none;\n }\n }\n\n // Breadcrumb\n &[aria-label=\"breadcrumb\"] {\n align-items: center;\n justify-content: start;\n\n & ul li {\n &:not(:first-child) {\n margin-inline-start: var(--nav-link-spacing-horizontal);\n }\n\n &:not(:last-child) {\n ::after {\n position: absolute;\n width: calc(var(--nav-link-spacing-horizontal) * 2);\n margin-inline-start: calc(var(--nav-link-spacing-horizontal) / 2);\n content: \"/\";\n color: var(--muted-color);\n text-align: center;\n }\n }\n }\n\n & a[aria-current] {\n background-color: transparent;\n color: inherit;\n text-decoration: none;\n pointer-events: none;\n }\n }\n\n // Minimal support for role=\"button\"\n [role=\"button\"] {\n margin-right: inherit;\n margin-left: inherit;\n padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\n }\n}\n\n// Vertical Nav\naside {\n nav,\n ol,\n ul,\n li {\n display: block;\n }\n\n li {\n padding: calc(var(--nav-element-spacing-vertical) * 0.5)\n var(--nav-element-spacing-horizontal);\n\n a {\n display: block;\n }\n\n // Minimal support for links as buttons\n [role=\"button\"] {\n margin: inherit;\n }\n }\n}\n\n// Breadcrumb RTL\n[dir=\"rtl\"] {\n nav {\n &[aria-label=\"breadcrumb\"] {\n & ul li {\n &:not(:last-child) {\n ::after {\n content: \"\\\\\";\n }\n }\n }\n }\n }\n}\n"]}
|