/** * * * @param {string} $primary-stylename (v-treetable) - * * @group treetable */ @mixin valo-treetable ($primary-stylename: v-treetable) { .#{$primary-stylename} { [class*="caption-container"], [class*="footer-container"], [class*="cell-wrapper"] { @include box-sizing(content-box); padding-left: 0; padding-right: 0; } [class*="caption-container"], [class*="footer-container"] { $vertical-padding: round(($v-table-row-height - $v-table-header-font-size)/2); min-height: $v-table-row-height - $vertical-padding - ($vertical-padding - $v-table-border-width); } [class*="cell-wrapper"] { min-height: $v-font-size; } [class*="caption-container"] { padding-left: $v-table-cell-padding-horizontal; } [class*="caption-container-align-right"] { padding-left: $v-table-cell-padding-horizontal + $v-table-resizer-width; } [class*="footer-container"] { padding-right: $v-table-cell-padding-horizontal; } [class*="cell-content"] { padding-left: $v-table-cell-padding-horizontal; padding-right: $v-table-cell-padding-horizontal; &:first-child { padding-left: $v-table-cell-padding-horizontal + $v-table-border-width; } } } .#{$primary-stylename}-treespacer { display: inline-block; position: absolute; width: round($v-unit-size/2) !important; margin-left: round($v-unit-size/-2) - round($v-table-cell-padding-horizontal/2); text-align: center; cursor: pointer; } .#{$primary-stylename}-node-closed:before { @include valo-tree-collapsed-icon-style; } .#{$primary-stylename}-node-open:before { @include valo-tree-expanded-icon-style($force: true); } }