$ibo-datatable--padding-y: 2em !default; $ibo-datatable-cell-row--line-height: 30px !default; $ibo-datatable-cell-row--padding-x: 1em !default; $ibo-datatable-cell-row--link--color: $ibo-color-primary-600 !default; $ibo-datatable-row--odd--background-color: $ibo-color-white-200 !default; $ibo-datatable-row--even--background-color: $ibo-color-white-100 !default; $ibo-datatable-panel--body--padding: $ibo-panel--body--padding-top 0px $ibo-panel--body--padding-bottom !default; $ibo-datatable--selection-validation-buttons-toolbar--margin-top: 10px !default; $ibo-list-column--max-height: 150px; .ibo-datatable { padding-bottom: $ibo-datatable--padding-y; padding-top: $ibo-datatable--padding-y; thead tr th, tbody tr td { line-height: $ibo-datatable-cell-row--line-height; padding-right: $ibo-datatable-cell-row--padding-x; padding-left: $ibo-datatable-cell-row--padding-x; @extend %ibo-font-ral-med-100; a { color: $ibo-datatable-cell-row--link--color; } } .ibo-datatable-header.sorting, .ibo-datatable-header.sorting_asc, .ibo-datatable-header.sorting_desc { cursor: pointer; } tbody tr:nth-child(odd) { background-color: $ibo-datatable-row--odd--background-color; } tbody tr:nth-child(even) { background-color: $ibo-datatable-row--even--background-color; } } .ibo-datatable thead tr th { position: relative; } .ibo-datatable-panel > .ibo-panel--body { padding: $ibo-datatable-panel--body--padding; } // For cancel / OK / next... selection validation buttons .ibo-datatable--selection-validation-buttons-toolbar { clear: both; margin-top: $ibo-datatable--selection-validation-buttons-toolbar--margin-top; } .ibo-list-column { max-height: $ibo-list-column--max-height; overflow-y: auto; }