framework7
Version:
Full featured mobile HTML framework for building iOS & Android apps
1 lines • 4.52 kB
CSS
:root{--f7-breadcrumbs-spacing:12px;--f7-breadcrumbs-padding:2px 0;--f7-breadcrumbs-icon-size:24px;--f7-breadcrumbs-separator-color:#00000059}:root .dark,:root.dark{--f7-breadcrumbs-separator-color:#ffffff59}.ios{--f7-breadcrumbs-item-bg-color:#0000;--f7-breadcrumbs-collapsed-border-radius:4px;--f7-breadcrumbs-collapsed-padding:0px 6px;--f7-breadcrumbs-separator-icon:"chevron_right_ios";--f7-breadcrumbs-font-size:17px;--f7-breadcrumbs-item-border-radius:0px;--f7-breadcrumbs-item-padding:0px;--f7-breadcrumbs-item-font-weight:normal;--f7-breadcrumbs-item-active-font-weight:600;--f7-breadcrumbs-item-color:#0000008c;--f7-breadcrumbs-item-active-color:#000;--f7-breadcrumbs-collapsed-bg-color:#00000026;--f7-breadcrumbs-collapsed-color:#000000bf}.ios .dark,.ios.dark{--f7-breadcrumbs-item-color:#ffffffbf;--f7-breadcrumbs-item-active-color:#fff;--f7-breadcrumbs-collapsed-bg-color:#ffffff26;--f7-breadcrumbs-collapsed-color:#ffffffbf}.md{--f7-breadcrumbs-collapsed-border-radius:8px;--f7-breadcrumbs-collapsed-padding:12px 8px;--f7-breadcrumbs-separator-icon:"chevron_right_md";--f7-breadcrumbs-font-size:14px;--f7-breadcrumbs-item-border-radius:8px;--f7-breadcrumbs-item-padding:4px 8px;--f7-breadcrumbs-item-font-weight:500;--f7-breadcrumbs-item-active-font-weight:500}.md,.md .dark,.md [class*=color-]{--f7-breadcrumbs-item-color:var(--f7-theme-color);--f7-breadcrumbs-item-bg-color:var(--f7-md-secondary-container);--f7-breadcrumbs-item-active-color:var(--f7-md-on-secondary-container);--f7-breadcrumbs-collapsed-color:var(--f7-theme-color);--f7-breadcrumbs-collapsed-bg-color:var(--f7-md-secondary-container)}.breadcrumbs{align-items:center;display:flex;font-size:var(--f7-breadcrumbs-font-size);justify-content:flex-start;overflow:auto;padding:var(--f7-breadcrumbs-padding);scrollbar-color:#0000;scrollbar-width:none;white-space:nowrap}.breadcrumbs::-webkit-scrollbar{appearance:none;background:#0000;display:none;opacity:0;width:0}.breadcrumbs::-webkit-scrollbar-track{background:#0000;box-shadow:none}.breadcrumbs::-webkit-scrollbar-thumb{background-color:initial;border-radius:9999px;outline:none;position:relative}.breadcrumbs-collapsed,.breadcrumbs-item,.breadcrumbs-separator{flex-shrink:0;--f7-touch-ripple-color:#0000}.breadcrumbs-collapsed+.breadcrumbs-collapsed,.breadcrumbs-collapsed+.breadcrumbs-item,.breadcrumbs-collapsed+.breadcrumbs-separator,.breadcrumbs-item+.breadcrumbs-collapsed,.breadcrumbs-item+.breadcrumbs-item,.breadcrumbs-item+.breadcrumbs-separator,.breadcrumbs-separator+.breadcrumbs-collapsed,.breadcrumbs-separator+.breadcrumbs-item,.breadcrumbs-separator+.breadcrumbs-separator{margin-left:var(--f7-breadcrumbs-spacing)}.breadcrumbs-item{align-items:center;background-color:var(--f7-breadcrumbs-item-bg-color);border-radius:var(--f7-breadcrumbs-item-border-radius);color:var(--f7-breadcrumbs-item-color);display:flex;font-weight:var(--f7-breadcrumbs-item-font-weight);padding:var(--f7-breadcrumbs-item-padding)}.breadcrumbs-item .icon{font-size:var(--f7-breadcrumbs-icon-size);height:var(--f7-breadcrumbs-icon-size);width:var(--f7-breadcrumbs-icon-size)}.breadcrumbs-item a{color:inherit;--f7-touch-ripple-color:#0000}.breadcrumbs-item-active{color:var(--f7-breadcrumbs-item-active-color,var(--f7-breadcrumbs-item-color));font-weight:var(--f7-breadcrumbs-item-active-font-weight)}.breadcrumbs-separator{align-items:center;color:var(--f7-breadcrumbs-separator-color);display:flex;height:24px;overflow:hidden}.breadcrumbs-separator:after{font-family:framework7-core-icons;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;content:var(--f7-breadcrumbs-separator-icon);display:block;font-feature-settings:"liga";font-size:20px;height:100%;text-align:center;width:100%;width:12px}.ios .breadcrumbs-separator:after{font-size:12px;height:11px}.md .breadcrumbs-separator:after{font-size:18px;height:18px}.breadcrumbs-collapsed{align-items:center;background:var(--f7-breadcrumbs-collapsed-bg-color);border-radius:var(--f7-breadcrumbs-collapsed-border-radius);cursor:pointer;display:flex;min-height:1em;padding:var(--f7-breadcrumbs-collapsed-padding)}.breadcrumbs-collapsed span,.breadcrumbs-collapsed:after,.breadcrumbs-collapsed:before{background:var(--f7-breadcrumbs-collapsed-color);border-radius:50%;content:"";height:4px;width:4px}.breadcrumbs-collapsed span{margin:0 3px}