framework7/components/treeview/treeview-rtl.css

Full featured mobile HTML framework for building iOS & Android apps

:root{--f7-treeview-item-height:34px;--f7-treeview-item-padding-left:16px;--f7-treeview-item-padding-right:16px;--f7-treeview-toggle-size:24px;--f7-treeview-children-offset:29px;--f7-treeview-label-font-weight:400;--f7-treeview-label-text-color:inherit;--f7-treeview-icon-size:24px;--f7-treeview-toggle-color:#00000080;--f7-treeview-toggle-hover-bg-color:#0000001a;--f7-treeview-toggle-pressed-bg-color:#00000026;--f7-treeview-icon-color:#00000080;--f7-treeview-selectable-hover-bg-color:#0000001a;--f7-treeview-link-hover-bg-color:#0000001a;--f7-treeview-link-pressed-bg-color:#00000026}:root .dark,:root.dark{--f7-treeview-toggle-color:#ffffff80;--f7-treeview-toggle-hover-bg-color:#ffffff08;--f7-treeview-toggle-pressed-bg-color:#ffffff1a;--f7-treeview-icon-color:#ffffffbf;--f7-treeview-selectable-hover-bg-color:#ffffff08;--f7-treeview-link-hover-bg-color:#ffffff08;--f7-treeview-link-pressed-bg-color:#ffffff1c}.ios{--f7-treeview-label-font-size:17px}.md{--f7-treeview-label-font-size:16px}.treeview-item-root{min-height:var(--f7-treeview-item-height);padding-left:var(--f7-treeview-item-padding-right);padding-right:var(--f7-treeview-item-padding-left)}.treeview-item-content,.treeview-item-root{align-items:center;display:flex;justify-content:flex-start}.treeview-item-content>.f7-icons,.treeview-item-content>.material-icons,.treeview-item-content>i{color:var(--f7-treeview-icon-color);font-size:var(--f7-treeview-icon-size)}.treeview-item-content:first-child{margin-right:calc(var(--f7-treeview-toggle-size) + 5px)}.treeview-item-content>*+*{margin-right:5px}.treeview-item-label{color:var(--f7-treeview-label-text-color);font-size:var(--f7-treeview-label-font-size);font-weight:var(--f7-treeview-label-font-weight)}.treeview-toggle{background-color:#0000;border-radius:4px;cursor:pointer;height:var(--f7-treeview-toggle-size);margin-left:5px;position:relative;transition-duration:.2s;width:var(--f7-treeview-toggle-size)}.treeview-toggle.active-state{background-color:var(--f7-treeview-toggle-pressed-bg-color)}.treeview-toggle:after{border-bottom:5px solid #0000;border-right:6px solid var(--f7-treeview-toggle-color);border-top:5px solid #0000;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition-duration:.2s;width:0}.treeview-toggle-hidden{opacity:0;pointer-events:none;visibility:hidden}.treeview-preloader{--f7-preloader-size:var(--f7-treeview-toggle-size);margin-left:calc(var(--f7-treeview-toggle-size)*-1)}.treeview-item-children{display:none}.treeview-item-opened>.treeview-item-children{display:block}.treeview-item-opened>.treeview-item-root .treeview-toggle:after{transform:translate(-50%,-50%) rotate(-90deg)}a.treeview-item-root{color:var(--f7-treeview-label-text-color)}.treeview-item-selectable.treeview-item-root,.treeview-item-selectable>.treeview-item-root{cursor:pointer;transition-duration:.15s}a.treeview-item-root{transition-duration:.15s}a.treeview-item-root.active-state{background:var(--f7-treeview-link-pressed-bg-color)}.treeview-item-toggle.treeview-item-root,.treeview-item-toggle>.treeview-item-root{cursor:pointer}.treeview-item-selected.treeview-item-root,.treeview-item-selected>.treeview-item-root{background:var(--f7-treeview-selectable-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2))}.treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset)*1)}.treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset)*2)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset)*3)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset)*4)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset)*5)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset)*6)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset)*7)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset)*8)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset)*9)}.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root{padding-right:calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset)*10)}