sakana-element 2.1.5 → 2.3.0

package/dist/es/theme/Breadcrumb.css

@@ -0,0 +1,192 @@
+/* Breadcrumb Variables */
+.px-breadcrumb[data-v-a0927948] {
+  --px-breadcrumb-text-color: var(--px-text-color-primary);
+  --px-breadcrumb-link-color: var(--px-color-primary);
+  --px-breadcrumb-separator-color: var(--px-text-color-secondary);
+
+  font-family: var(--px-font-family);
+  font-size: var(--px-font-size-base);
+  line-height: 1;
+}
+/* Breadcrumb List */
+.px-breadcrumb__list[data-v-a0927948] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  gap: 0;
+}
+/* Breadcrumb Item */
+.px-breadcrumb__item[data-v-a0927948] {
+  display: inline-flex;
+  align-items: center;
+  margin: 0;
+  padding: 0;
+  line-height: 1;
+}
+/* Last item separator is hidden via CSS */
+.px-breadcrumb__item:last-child .px-breadcrumb__separator[data-v-a0927948] {
+  display: none;
+}
+/* Breadcrumb Link */
+.px-breadcrumb__link[data-v-a0927948] {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  color: var(--px-breadcrumb-link-color);
+  text-decoration: none;
+  font-weight: 500;
+  transition: none;
+}
+a.px-breadcrumb__link[data-v-a0927948] {
+  cursor: pointer;
+  background-image: none;
+  background-repeat: no-repeat;
+  background-position: bottom 0 left 0;
+  background-size: 100% 2px;
+  padding-bottom: 2px;
+  transition: none;
+}
+a.px-breadcrumb__link[data-v-a0927948]:hover:not(.is-disabled) {
+    background-image: repeating-linear-gradient(
+      to right,
+      var(--px-breadcrumb-link-color) 0px,
+      var(--px-breadcrumb-link-color) 4px,
+      transparent 4px,
+      transparent 8px
+    );
+    transform: translate(-1px, -1px);
+}
+a.px-breadcrumb__link[data-v-a0927948]:active:not(.is-disabled) {
+    transform: translate(1px, 1px);
+}
+a.px-breadcrumb__link[data-v-a0927948]:focus-visible:not(.is-disabled) {
+    outline: 2px dashed var(--px-color-primary);
+    outline-offset: 2px;
+}
+/* Current (last) item — plain text, no link styling */
+.px-breadcrumb__link.is-current[data-v-a0927948] {
+  color: var(--px-breadcrumb-text-color);
+  font-weight: 700;
+  cursor: default;
+}
+/* Disabled state */
+.px-breadcrumb__item.is-disabled[data-v-a0927948] {
+  opacity: 0.6;
+}
+.px-breadcrumb__link.is-disabled[data-v-a0927948] {
+  cursor: not-allowed;
+  color: var(--px-breadcrumb-text-color);
+}
+/* Breadcrumb Icon */
+.px-breadcrumb__icon[data-v-a0927948] {
+  font-size: 14px;
+}
+/* Breadcrumb Separator */
+.px-breadcrumb__separator[data-v-a0927948] {
+  display: inline-flex;
+  align-items: center;
+  margin: 0 8px;
+  color: var(--px-breadcrumb-separator-color);
+  font-weight: 400;
+  font-family: var(--px-font-family);
+  image-rendering: pixelated;
+}
+/* Breadcrumb Variables */
+.px-breadcrumb[data-v-8be388ff] {
+  --px-breadcrumb-text-color: var(--px-text-color-primary);
+  --px-breadcrumb-link-color: var(--px-color-primary);
+  --px-breadcrumb-separator-color: var(--px-text-color-secondary);
+
+  font-family: var(--px-font-family);
+  font-size: var(--px-font-size-base);
+  line-height: 1;
+}
+/* Breadcrumb List */
+.px-breadcrumb__list[data-v-8be388ff] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  gap: 0;
+}
+/* Breadcrumb Item */
+.px-breadcrumb__item[data-v-8be388ff] {
+  display: inline-flex;
+  align-items: center;
+  margin: 0;
+  padding: 0;
+  line-height: 1;
+}
+/* Last item separator is hidden via CSS */
+.px-breadcrumb__item:last-child .px-breadcrumb__separator[data-v-8be388ff] {
+  display: none;
+}
+/* Breadcrumb Link */
+.px-breadcrumb__link[data-v-8be388ff] {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  color: var(--px-breadcrumb-link-color);
+  text-decoration: none;
+  font-weight: 500;
+  transition: none;
+}
+a.px-breadcrumb__link[data-v-8be388ff] {
+  cursor: pointer;
+  background-image: none;
+  background-repeat: no-repeat;
+  background-position: bottom 0 left 0;
+  background-size: 100% 2px;
+  padding-bottom: 2px;
+  transition: none;
+}
+a.px-breadcrumb__link[data-v-8be388ff]:hover:not(.is-disabled) {
+    background-image: repeating-linear-gradient(
+      to right,
+      var(--px-breadcrumb-link-color) 0px,
+      var(--px-breadcrumb-link-color) 4px,
+      transparent 4px,
+      transparent 8px
+    );
+    transform: translate(-1px, -1px);
+}
+a.px-breadcrumb__link[data-v-8be388ff]:active:not(.is-disabled) {
+    transform: translate(1px, 1px);
+}
+a.px-breadcrumb__link[data-v-8be388ff]:focus-visible:not(.is-disabled) {
+    outline: 2px dashed var(--px-color-primary);
+    outline-offset: 2px;
+}
+/* Current (last) item — plain text, no link styling */
+.px-breadcrumb__link.is-current[data-v-8be388ff] {
+  color: var(--px-breadcrumb-text-color);
+  font-weight: 700;
+  cursor: default;
+}
+/* Disabled state */
+.px-breadcrumb__item.is-disabled[data-v-8be388ff] {
+  opacity: 0.6;
+}
+.px-breadcrumb__link.is-disabled[data-v-8be388ff] {
+  cursor: not-allowed;
+  color: var(--px-breadcrumb-text-color);
+}
+/* Breadcrumb Icon */
+.px-breadcrumb__icon[data-v-8be388ff] {
+  font-size: 14px;
+}
+/* Breadcrumb Separator */
+.px-breadcrumb__separator[data-v-8be388ff] {
+  display: inline-flex;
+  align-items: center;
+  margin: 0 8px;
+  color: var(--px-breadcrumb-separator-color);
+  font-weight: 400;
+  font-family: var(--px-font-family);
+  image-rendering: pixelated;
+}