/* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- -------------------------------------------------------------------------------- components/tables.less -------------------------------------------------------------------------------- -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ & when (@table-enabled) { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Basic Table -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ table { border-collapse: @table-border-collapse; } th, td { text-align: left; border-collapse: @table-border-collapse; } /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ .table { width: 100%; max-width: 100%; margin-top: @form-margin-top; margin-bottom: @form-margin-bottom; /* ----------------------------------------------------------------------------- Short ----------------------------------------------------------------------------- */ &.short { margin-top: @form-short-margin-top; margin-bottom: @form-short-margin-bottom; } &.short-top { margin-top: @form-short-margin-top; } &.short-bottom { margin-bottom: @form-short-margin-bottom; } /* ----------------------------------------------------------------------------- Tall ----------------------------------------------------------------------------- */ &.tall { margin-top: @form-tall-margin-top; margin-bottom: @form-tall-margin-bottom; } &.tall-top { margin-top: @form-tall-margin-top; } &.tall-bottom { margin-bottom: @form-tall-margin-bottom; } /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Cells -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > thead, > tbody, > tfoot { tr { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Cell (Default) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > th, > td { /* ----------------------------------------------------------------------------- Table Cell (Default) State: Normal ----------------------------------------------------------------------------- */ .table-cell-size-variant('table-cell', '', ''); .table-cell-style-variant('table-cell', 'default'); /* ----------------------------------------------------------------------------- Table Cell (Default, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'default-highlight'); } /* ----------------------------------------------------------------------------- Table Cell (Default, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-cell-default-disabled-opacity; .table-cell-style-variant('table-cell', 'default-disabled'); } } /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Cell (Selected) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > th.selected, > td.selected { /* ----------------------------------------------------------------------------- Table Cell (Selected) State: Normal ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-cell', 'selected'); /* ----------------------------------------------------------------------------- Table Cell (Selected, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'selected-highlight'); } /* ----------------------------------------------------------------------------- Table Cell (Selected, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-cell-selected-disabled-opacity; .table-cell-style-variant('table-cell', 'selected-disabled'); } } &.selected { > th, > td { /* ----------------------------------------------------------------------------- Table Cell (Selected) State: Normal ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-cell', 'selected'); /* ----------------------------------------------------------------------------- Table Cell (Selected, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'selected-highlight'); } /* ----------------------------------------------------------------------------- Table Cell (Selected, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-cell-selected-disabled-opacity; .table-cell-style-variant('table-cell', 'selected-disabled'); } } } /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Cell (Success) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > th.success, > td.success { /* ----------------------------------------------------------------------------- Table Cell (Success) State: Normal ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-cell', 'success'); /* ----------------------------------------------------------------------------- Table Cell (Success, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'success-highlight'); } /* ----------------------------------------------------------------------------- Table Cell (Success, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-cell-success-disabled-opacity; .table-cell-style-variant('table-cell', 'success-disabled'); } } &.success { > th, > td { /* ----------------------------------------------------------------------------- Table Cell (Success) State: Normal ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-cell', 'success'); /* ----------------------------------------------------------------------------- Table Cell (Success, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'success-highlight'); } /* ----------------------------------------------------------------------------- Table Cell (Success, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-cell-success-disabled-opacity; .table-cell-style-variant('table-cell', 'success-disabled'); } } } /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Cell (Warning) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > th.warning, > td.warning { /* ----------------------------------------------------------------------------- Table Cell (Warning) State: Normal ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-cell', 'warning'); /* ----------------------------------------------------------------------------- Table Cell (Warning, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'warning-highlight'); } /* ----------------------------------------------------------------------------- Table Cell (Warning, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-cell-warning-disabled-opacity; .table-cell-style-variant('table-cell', 'warning-disabled'); } } &.warning { > th, > td { /* ----------------------------------------------------------------------------- Table Cell (Warning) State: Normal ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-cell', 'warning'); /* ----------------------------------------------------------------------------- Table Cell (Warning, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'warning-highlight'); } /* ----------------------------------------------------------------------------- Table Cell (Warning, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-cell-warning-disabled-opacity; .table-cell-style-variant('table-cell', 'warning-disabled'); } } } /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Cell (Danger) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > th.danger, > td.danger { /* ----------------------------------------------------------------------------- Table Cell (Danger) State: Normal ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-cell', 'danger'); /* ----------------------------------------------------------------------------- Table Cell (Danger, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'danger-highlight'); } /* ----------------------------------------------------------------------------- Table Cell (Danger, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-cell-danger-disabled-opacity; .table-cell-style-variant('table-cell', 'danger-disabled'); } } &.danger { > th, > td { /* ----------------------------------------------------------------------------- Table Cell (Danger) State: Normal ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-cell', 'danger'); /* ----------------------------------------------------------------------------- Table Cell (Danger, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'danger-highlight'); } /* ----------------------------------------------------------------------------- Table Cell (Danger, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-cell-danger-disabled-opacity; .table-cell-style-variant('table-cell', 'danger-disabled'); } } } } } & when (@table-header-cell-enabled) { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Header -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > thead { tr { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Header Cell (Default) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > th { /* ----------------------------------------------------------------------------- Table Header Cell (Default) State: Normal ----------------------------------------------------------------------------- */ .table-cell-size-variant('table-header-cell', '', ''); .table-cell-style-variant('table-header-cell', 'default'); /* ----------------------------------------------------------------------------- Table Header Cell (Default, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-header-cell', 'default-highlight'); } /* ----------------------------------------------------------------------------- Table Header Cell (Default, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-header-cell-default-disabled-opacity; .table-cell-style-variant('table-header-cell', 'default-disabled'); } } /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Header Cell (Selected) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > th.selected { /* ----------------------------------------------------------------------------- Table Header Cell (Selected) State: Normal ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-header-cell', 'selected'); /* ----------------------------------------------------------------------------- Table Header Cell (Selected, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-header-cell', 'selected-highlight'); } /* ----------------------------------------------------------------------------- Table Header Cell (Selected, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-header-cell-selected-disabled-opacity; .table-cell-style-variant('table-header-cell', 'selected-disabled'); } } &.selected { > th { /* ----------------------------------------------------------------------------- Table Header Cell (Selected) State: Normal ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-header-cell', 'selected'); /* ----------------------------------------------------------------------------- Table Header Cell (Selected, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-header-cell', 'selected-highlight'); } /* ----------------------------------------------------------------------------- Table Header Cell (Selected, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-header-cell-selected-disabled-opacity; .table-cell-style-variant('table-header-cell', 'selected-disabled'); } } } /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Header Cell (Success) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > th.success { /* ----------------------------------------------------------------------------- Table Header Cell (Success) State: Normal ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-header-cell', 'success'); /* ----------------------------------------------------------------------------- Table Header Cell (Success, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-header-cell', 'success-highlight'); } /* ----------------------------------------------------------------------------- Table Header Cell (Success, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-header-cell-success-disabled-opacity; .table-cell-style-variant('table-header-cell', 'success-disabled'); } } &.success { > th { /* ----------------------------------------------------------------------------- Table Header Cell (Success) State: Normal ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-header-cell', 'success'); /* ----------------------------------------------------------------------------- Table Header Cell (Success, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-header-cell', 'success-highlight'); } /* ----------------------------------------------------------------------------- Table Header Cell (Success, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-header-cell-success-disabled-opacity; .table-cell-style-variant('table-header-cell', 'success-disabled'); } } } /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Header Cell (Warning) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > th.warning { /* ----------------------------------------------------------------------------- Table Header Cell (Warning) State: Normal ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-header-cell', 'warning'); /* ----------------------------------------------------------------------------- Table Header Cell (Warning, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-header-cell', 'warning-highlight'); } /* ----------------------------------------------------------------------------- Table Header Cell (Warning, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-header-cell-warning-disabled-opacity; .table-cell-style-variant('table-header-cell', 'warning-disabled'); } } &.warning { > th { /* ----------------------------------------------------------------------------- Table Header Cell (Warning) State: Normal ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-header-cell', 'warning'); /* ----------------------------------------------------------------------------- Table Header Cell (Warning, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-header-cell', 'warning-highlight'); } /* ----------------------------------------------------------------------------- Table Header Cell (Warning, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-header-cell-warning-disabled-opacity; .table-cell-style-variant('table-header-cell', 'warning-disabled'); } } } /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Header Cell (Danger) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > th.danger { /* ----------------------------------------------------------------------------- Table Header Cell (Danger) State: Normal ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-header-cell', 'danger'); /* ----------------------------------------------------------------------------- Table Header Cell (Danger, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-header-cell', 'danger-highlight'); } /* ----------------------------------------------------------------------------- Table Header Cell (Danger, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-header-cell-danger-disabled-opacity; .table-cell-style-variant('table-header-cell', 'danger-disabled'); } } &.danger { > th { /* ----------------------------------------------------------------------------- Table Header Cell (Danger) State: Normal ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-header-cell', 'danger'); /* ----------------------------------------------------------------------------- Table Header Cell (Danger, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-header-cell', 'danger-highlight'); } /* ----------------------------------------------------------------------------- Table Header Cell (Danger, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-header-cell-danger-disabled-opacity; .table-cell-style-variant('table-header-cell', 'danger-disabled'); } } } } } } /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table (Inverse) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ &.inverse { & when (@table-cell-default-inverse-enabled) { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Cells -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > thead, > tbody, > tfoot { tr { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Cell (Default, Inverse) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > th, > td { .table-cell-style-variant('table-cell', 'default-inverse'); /* ----------------------------------------------------------------------------- Table Cell (Default, Inverse, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'default-inverse-highlight'); } /* ----------------------------------------------------------------------------- Table Cell (Default, Inverse, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-cell-default-disabled-opacity; .table-cell-style-variant('table-cell', 'default-inverse-disabled'); } } & when (@table-cell-selected-inverse-enabled) { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Cell (Selected, Inverse) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > th.selected, > td.selected { /* ----------------------------------------------------------------------------- Table Cell (Selected, Inverse) State: Normal ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-cell', 'selected-inverse'); /* ----------------------------------------------------------------------------- Table Cell (Selected, Inverse, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'selected-inverse-highlight'); } /* ----------------------------------------------------------------------------- Table Cell (Selected, Inverse, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-cell-selected-disabled-opacity; .table-cell-style-variant('table-cell', 'selected-inverse-disabled'); } } &.selected { > th, > td { /* ----------------------------------------------------------------------------- Table Cell (Selected, Inverse) State: Normal ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-cell', 'selected-inverse'); /* ----------------------------------------------------------------------------- Table Cell (Selected, Inverse, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'selected-inverse-highlight'); } /* ----------------------------------------------------------------------------- Table Cell (Selected, Inverse, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-cell-selected-disabled-opacity; .table-cell-style-variant('table-cell', 'selected-inverse-disabled'); } } } } & when (@table-cell-success-inverse-enabled) { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Cell (Success, Inverse) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > th.success, > td.success { /* ----------------------------------------------------------------------------- Table Cell (Success, Inverse) State: Normal ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-cell', 'success-inverse'); /* ----------------------------------------------------------------------------- Table Cell (Success, Inverse, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'success-inverse-highlight'); } /* ----------------------------------------------------------------------------- Table Cell (Success, Inverse, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-cell-success-disabled-opacity; .table-cell-style-variant('table-cell', 'success-inverse-disabled'); } } &.success { > th, > td { /* ----------------------------------------------------------------------------- Table Cell (Success, Inverse) State: Normal ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-cell', 'success-inverse'); /* ----------------------------------------------------------------------------- Table Cell (Success, Inverse, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'success-inverse-highlight'); } /* ----------------------------------------------------------------------------- Table Cell (Success, Inverse, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-cell-success-disabled-opacity; .table-cell-style-variant('table-cell', 'success-inverse-disabled'); } } } } & when (@table-cell-warning-inverse-enabled) { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Cell (Warning, Inverse) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > th.warning, > td.warning { /* ----------------------------------------------------------------------------- Table Cell (Warning, Inverse) State: Normal ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-cell', 'warning-inverse'); /* ----------------------------------------------------------------------------- Table Cell (Warning, Inverse, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'warning-inverse-highlight'); } /* ----------------------------------------------------------------------------- Table Cell (Warning, Inverse, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-cell-warning-disabled-opacity; .table-cell-style-variant('table-cell', 'warning-inverse-disabled'); } } &.warning { > th, > td { /* ----------------------------------------------------------------------------- Table Cell (Warning, Inverse) State: Normal ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-cell', 'warning-inverse'); /* ----------------------------------------------------------------------------- Table Cell (Warning, Inverse, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'warning-inverse-highlight'); } /* ----------------------------------------------------------------------------- Table Cell (Warning, Inverse, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-cell-warning-disabled-opacity; .table-cell-style-variant('table-cell', 'warning-inverse-disabled'); } } } } & when (@table-cell-danger-inverse-enabled) { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Cell (Danger, Inverse) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > th.danger, > td.danger { /* ----------------------------------------------------------------------------- Table Cell (Danger, Inverse) State: Normal ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-cell', 'danger-inverse'); /* ----------------------------------------------------------------------------- Table Cell (Danger, Inverse, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'danger-inverse-highlight'); } /* ----------------------------------------------------------------------------- Table Cell (Danger, Inverse, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-cell-danger-disabled-opacity; .table-cell-style-variant('table-cell', 'danger-inverse-disabled'); } } &.danger { > th, > td { /* ----------------------------------------------------------------------------- Table Cell (Danger, Inverse) State: Normal ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-cell', 'danger-inverse'); /* ----------------------------------------------------------------------------- Table Cell (Danger, Inverse, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'danger-inverse-highlight'); } /* ----------------------------------------------------------------------------- Table Cell (Danger, Inverse, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-cell-danger-disabled-opacity; .table-cell-style-variant('table-cell', 'danger-inverse-disabled'); } } } } } } & when (@table-header-cell-enabled) { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Header -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > thead { tr { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Header Cell (Default, Inverse) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > th { /* ----------------------------------------------------------------------------- Table Header Cell (Default, Inverse) State: Normal ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-header-cell', 'default-inverse'); /* ----------------------------------------------------------------------------- Table Header Cell (Default, Inverse, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-header-cell', 'default-inverse-highlight'); } /* ----------------------------------------------------------------------------- Table Header Cell (Default, Inverse, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-header-cell-default-disabled-opacity; .table-cell-style-variant('table-header-cell', 'default-inverse-disabled'); } } /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Header Cell (Selected, Inverse) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > th.selected { /* ----------------------------------------------------------------------------- Table Header Cell (Selected, Inverse) State: Normal ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-header-cell', 'selected-inverse'); /* ----------------------------------------------------------------------------- Table Header Cell (Selected, Inverse, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-header-cell', 'selected-inverse-highlight'); } /* ----------------------------------------------------------------------------- Table Header Cell (Selected, Inverse, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-header-cell-selected-inverse-disabled-opacity; .table-cell-style-variant('table-header-cell', 'selected-inverse-disabled'); } } &.selected { > th { /* ----------------------------------------------------------------------------- Table Header Cell (Selected, Inverse) State: Normal ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-header-cell', 'selected-inverse'); /* ----------------------------------------------------------------------------- Table Header Cell (Selected, Inverse, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-header-cell', 'selected-inverse-highlight'); } /* ----------------------------------------------------------------------------- Table Header Cell (Selected, Inverse, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-header-cell-selected-inverse-disabled-opacity; .table-cell-style-variant('table-header-cell', 'selected-inverse-disabled'); } } } /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Header Cell (Success, Inverse) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > th.success { /* ----------------------------------------------------------------------------- Table Header Cell (Success, Inverse) State: Normal ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-header-cell', 'success-inverse'); /* ----------------------------------------------------------------------------- Table Header Cell (Success, Inverse, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-header-cell', 'success-inverse-highlight'); } /* ----------------------------------------------------------------------------- Table Header Cell (Success, Inverse, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-header-cell-success-inverse-disabled-opacity; .table-cell-style-variant('table-header-cell', 'success-inverse-disabled'); } } &.success { > th { /* ----------------------------------------------------------------------------- Table Header Cell (Success, Inverse) State: Normal ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-header-cell', 'success-inverse'); /* ----------------------------------------------------------------------------- Table Header Cell (Success, Inverse, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-header-cell', 'success-inverse-highlight'); } /* ----------------------------------------------------------------------------- Table Header Cell (Success, Inverse, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-header-cell-success-inverse-disabled-opacity; .table-cell-style-variant('table-header-cell', 'success-inverse-disabled'); } } } /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Header Cell (Warning, Inverse) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > th.warning { /* ----------------------------------------------------------------------------- Table Header Cell (Warning, Inverse) State: Normal ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-header-cell', 'warning-inverse'); /* ----------------------------------------------------------------------------- Table Header Cell (Warning, Inverse, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-header-cell', 'warning-inverse-highlight'); } /* ----------------------------------------------------------------------------- Table Header Cell (Warning, Inverse, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-header-cell-warning-inverse-disabled-opacity; .table-cell-style-variant('table-header-cell', 'warning-inverse-disabled'); } } &.warning { > th { /* ----------------------------------------------------------------------------- Table Header Cell (Warning, Inverse) State: Normal ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-header-cell', 'warning-inverse'); /* ----------------------------------------------------------------------------- Table Header Cell (Warning, Inverse, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-header-cell', 'warning-inverse-highlight'); } /* ----------------------------------------------------------------------------- Table Header Cell (Warning, Inverse, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-header-cell-warning-inverse-disabled-opacity; .table-cell-style-variant('table-header-cell', 'warning-inverse-disabled'); } } } /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Header Cell (Danger, Inverse) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > th.danger { /* ----------------------------------------------------------------------------- Table Header Cell (Danger, Inverse) State: Normal ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-header-cell', 'danger-inverse'); /* ----------------------------------------------------------------------------- Table Header Cell (Danger, Inverse, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-header-cell', 'danger-inverse-highlight'); } /* ----------------------------------------------------------------------------- Table Header Cell (Danger, Inverse, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-header-cell-danger-inverse-disabled-opacity; .table-cell-style-variant('table-header-cell', 'danger-inverse-disabled'); } } &.danger { > th { /* ----------------------------------------------------------------------------- Table Header Cell (Danger, Inverse) State: Normal ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-header-cell', 'danger-inverse'); /* ----------------------------------------------------------------------------- Table Header Cell (Danger, Inverse, Highlight) State: Normal ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-header-cell', 'danger-inverse-highlight'); } /* ----------------------------------------------------------------------------- Table Header Cell (Danger, Inverse, Disabled) State: Normal ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-header-cell-danger-inverse-disabled-opacity; .table-cell-style-variant('table-header-cell', 'danger-inverse-disabled'); } } } } } } } } & when not (@table-border-radius = null) { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Border Radius -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ border-radius: @table-border-radius; > tbody { tr { &:first-child { td, th { &:first-child { .border-top-left-radius(@table-border-radius); } &:last-child { .border-top-right-radius(@table-border-radius); } } } &:last-child { td, th { &:first-child { .border-bottom-left-radius(@table-border-radius); } &:last-child { .border-bottom-right-radius(@table-border-radius); } } } } } > thead { tr { &:first-child { th { &:first-child { .border-top-left-radius(@table-border-radius); } &:last-child { .border-top-right-radius(@table-border-radius); } } } } + tbody { tr { &:first-child { th, td { border-radius: 0px !important; } } } } } } & when (@table-hover-enabled) { &.table-hover { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Hover -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > tbody { tr:not(.table-row-hover-disabled) { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Cell (Default) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ &:hover { > th, > td { /* ----------------------------------------------------------------------------- Table Cell (Default) State: Hover ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-cell', 'default-hover'); /* ----------------------------------------------------------------------------- Table Cell (Default, Highlight) State: Hover ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'default-highlight-hover'); } /* ----------------------------------------------------------------------------- Table Cell (Default, Disabled) State: Hover ----------------------------------------------------------------------------- */ &.disabled { .table-cell-style-variant('table-cell', 'default-disabled-hover'); } } } /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Cell (Selected) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ &:hover { > th.selected, > td.selected { /* ----------------------------------------------------------------------------- Table Cell (Selected) State: Hover ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-cell', 'selected-hover'); /* ----------------------------------------------------------------------------- Table Cell (Selected, Highlight) State: Hover ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'selected-highlight-hover'); } /* ----------------------------------------------------------------------------- Table Cell (Selected, Disabled) State: Hover ----------------------------------------------------------------------------- */ &.disabled { .table-cell-style-variant('table-cell', 'selected-disabled-hover'); } } } &.selected:hover { > th, > td { /* ----------------------------------------------------------------------------- Table Cell (Selected) State: Hover ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-cell', 'selected-hover'); /* ----------------------------------------------------------------------------- Table Cell (Selected, Highlight) State: Hover ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'selected-highlight-hover'); } /* ----------------------------------------------------------------------------- Table Cell (Selected, Disabled) State: Hover ----------------------------------------------------------------------------- */ &.disabled { .table-cell-style-variant('table-cell', 'selected-disabled-hover'); } } } /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Cell (Success) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ &:hover { > th.success, > td.success { /* ----------------------------------------------------------------------------- Table Cell (Success) State: Hover ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-cell', 'success-hover'); /* ----------------------------------------------------------------------------- Table Cell (Success, Highlight) State: Hover ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'success-highlight-hover'); } /* ----------------------------------------------------------------------------- Table Cell (Success, Disabled) State: Hover ----------------------------------------------------------------------------- */ &.disabled { .table-cell-style-variant('table-cell', 'success-disabled-hover'); } } } &.success:hover { > th, > td { /* ----------------------------------------------------------------------------- Table Cell (Success) State: Hover ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-cell', 'success-hover'); /* ----------------------------------------------------------------------------- Table Cell (Success, Highlight) State: Hover ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'success-highlight-hover'); } /* ----------------------------------------------------------------------------- Table Cell (Success, Disabled) State: Hover ----------------------------------------------------------------------------- */ &.disabled { .table-cell-style-variant('table-cell', 'success-disabled-hover'); } } } /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Cell (Warning) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ &:hover { > th.warning, > td.warning { /* ----------------------------------------------------------------------------- Table Cell (Warning) State: Hover ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-cell', 'warning-hover'); /* ----------------------------------------------------------------------------- Table Cell (Warning, Highlight) State: Hover ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'warning-highlight-hover'); } /* ----------------------------------------------------------------------------- Table Cell (Warning, Disabled) State: Hover ----------------------------------------------------------------------------- */ &.disabled { .table-cell-style-variant('table-cell', 'warning-disabled-hover'); } } } &.warning:hover { > th, > td { /* ----------------------------------------------------------------------------- Table Cell (Warning) State: Hover ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-cell', 'warning-hover'); /* ----------------------------------------------------------------------------- Table Cell (Warning, Highlight) State: Hover ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'warning-highlight-hover'); } /* ----------------------------------------------------------------------------- Table Cell (Warning, Disabled) State: Hover ----------------------------------------------------------------------------- */ &.disabled { .table-cell-style-variant('table-cell', 'warning-disabled-hover'); } } } /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Cell (Danger) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ &:hover { > th.danger, > td.danger { /* ----------------------------------------------------------------------------- Table Cell (Danger) State: Hover ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-cell', 'danger-hover'); /* ----------------------------------------------------------------------------- Table Cell (Danger, Highlight) State: Hover ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'danger-highlight-hover'); } /* ----------------------------------------------------------------------------- Table Cell (Danger, Disabled) State: Hover ----------------------------------------------------------------------------- */ &.disabled { .table-cell-style-variant('table-cell', 'danger-disabled-hover'); } } } &.danger:hover { > th, > td { /* ----------------------------------------------------------------------------- Table Cell (Danger) State: Hover ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-cell', 'danger-hover'); /* ----------------------------------------------------------------------------- Table Cell (Danger, Highlight) State: Hover ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'danger-highlight-hover'); } /* ----------------------------------------------------------------------------- Table Cell (Danger, Disabled) State: Hover ----------------------------------------------------------------------------- */ &.disabled { .table-cell-style-variant('table-cell', 'danger-disabled-hover'); } } } } } /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Inverse -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ &.inverse { & when (@table-cell-default-inverse-enabled) { > tbody { tr:not(.table-row-hover-disabled) { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Cell (Default) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ &:hover { > th, > td { /* ----------------------------------------------------------------------------- Table Cell (Default) State: Hover ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-cell', 'default-inverse-hover'); /* ----------------------------------------------------------------------------- Table Cell (Default, Highlight) State: Hover ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'default-inverse-highlight-hover'); } /* ----------------------------------------------------------------------------- Table Cell (Default, Disabled) State: Hover ----------------------------------------------------------------------------- */ &.disabled { opacity: @table-cell-default-disabled-opacity; .table-cell-style-variant('table-cell', 'default-inverse-disabled-hover'); } } } /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Cell (Selected) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ &:hover { > th.selected, > td.selected { /* ----------------------------------------------------------------------------- Table Cell (Selected) State: Hover ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-cell', 'selected-inverse-hover'); /* ----------------------------------------------------------------------------- Table Cell (Selected, Highlight) State: Hover ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'selected-inverse-highlight-hover'); } /* ----------------------------------------------------------------------------- Table Cell (Selected, Disabled) State: Hover ----------------------------------------------------------------------------- */ &.disabled { .table-cell-style-variant('table-cell', 'selected-inverse-disabled-hover'); } } } &.selected:hover { > th, > td { /* ----------------------------------------------------------------------------- Table Cell (Selected) State: Hover ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-cell', 'selected-inverse-hover'); /* ----------------------------------------------------------------------------- Table Cell (Selected, Highlight) State: Hover ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'selected-inverse-highlight-hover'); } /* ----------------------------------------------------------------------------- Table Cell (Selected, Disabled) State: Hover ----------------------------------------------------------------------------- */ &.disabled { .table-cell-style-variant('table-cell', 'selected-inverse-disabled-hover'); } } } /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Cell (Success) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ &:hover { > th.success, > td.success { /* ----------------------------------------------------------------------------- Table Cell (Success) State: Hover ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-cell', 'success-inverse-hover'); /* ----------------------------------------------------------------------------- Table Cell (Success, Highlight) State: Hover ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'success-inverse-highlight-hover'); } /* ----------------------------------------------------------------------------- Table Cell (Success, Disabled) State: Hover ----------------------------------------------------------------------------- */ &.disabled { .table-cell-style-variant('table-cell', 'success-inverse-disabled-hover'); } } } &.success:hover { > th, > td { /* ----------------------------------------------------------------------------- Table Cell (Success) State: Hover ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-cell', 'success-inverse-hover'); /* ----------------------------------------------------------------------------- Table Cell (Success, Highlight) State: Hover ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'success-inverse-highlight-hover'); } /* ----------------------------------------------------------------------------- Table Cell (Success, Disabled) State: Hover ----------------------------------------------------------------------------- */ &.disabled { .table-cell-style-variant('table-cell', 'success-inverse-disabled-hover'); } } } /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Cell (Warning) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ &:hover { > th.warning, > td.warning { /* ----------------------------------------------------------------------------- Table Cell (Warning) State: Hover ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-cell', 'warning-inverse-hover'); /* ----------------------------------------------------------------------------- Table Cell (Warning, Highlight) State: Hover ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'warning-inverse-highlight-hover'); } /* ----------------------------------------------------------------------------- Table Cell (Warning, Disabled) State: Hover ----------------------------------------------------------------------------- */ &.disabled { .table-cell-style-variant('table-cell', 'warning-inverse-disabled-hover'); } } } &.warning:hover { > th, > td { /* ----------------------------------------------------------------------------- Table Cell (Warning) State: Hover ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-cell', 'warning-inverse-hover'); /* ----------------------------------------------------------------------------- Table Cell (Warning, Highlight) State: Hover ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'warning-inverse-highlight-hover'); } /* ----------------------------------------------------------------------------- Table Cell (Warning, Disabled) State: Hover ----------------------------------------------------------------------------- */ &.disabled { .table-cell-style-variant('table-cell', 'warning-inverse-disabled-hover'); } } } /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Cell (Danger) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ &:hover { > th.danger, > td.danger { /* ----------------------------------------------------------------------------- Table Cell (Danger) State: Hover ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-cell', 'danger-inverse-hover'); /* ----------------------------------------------------------------------------- Table Cell (Danger, Highlight) State: Hover ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'danger-inverse-highlight-hover'); } /* ----------------------------------------------------------------------------- Table Cell (Danger, Disabled) State: Hover ----------------------------------------------------------------------------- */ &.disabled { .table-cell-style-variant('table-cell', 'danger-inverse-disabled-hover'); } } } &.danger:hover { > th, > td { /* ----------------------------------------------------------------------------- Table Cell (Danger) State: Hover ----------------------------------------------------------------------------- */ .table-cell-style-variant('table-cell', 'danger-inverse-hover'); /* ----------------------------------------------------------------------------- Table Cell (Danger, Highlight) State: Hover ----------------------------------------------------------------------------- */ &.highlight { .table-cell-style-variant('table-cell', 'danger-inverse-highlight-hover'); } /* ----------------------------------------------------------------------------- Table Cell (Danger, Disabled) State: Hover ----------------------------------------------------------------------------- */ &.disabled { .table-cell-style-variant('table-cell', 'danger-inverse-disabled-hover'); } } } } } } } } } & when (@table-borderless-enabled) { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Borderless (All) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ &.table-borderless { > thead { tr { th { & when not (@table-borderless-header-force-border-top) { border-top: 0px; } & when not (@table-borderless-header-force-border-bottom) { border-bottom: 0px; } & when not (@table-borderless-header-force-border-left) { border-left: 0px; } & when not (@table-borderless-header-force-border-right) { border-right: 0px; } } } } > tbody, > tfoot { tr { td, th { border: 0px; } } } } /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Borderless (Outer Borders) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ &.table-borderless-outer { > thead { tr { & when not (@table-borderless-header-force-border-top) { &:first-child { th { border-top: 0px; } } } & when not (@table-borderless-header-force-border-bottom) { &:last-child { th { border-bottom: 0px; } } } & when not (@table-borderless-header-force-border-left) { th { &:first-child { border-left: 0px; } } } & when not (@table-borderless-header-force-border-right) { th { &:last-child { border-right: 0px; } } } } } > tbody, > tfoot { tr { &:first-child { td, th { border-top: 0px; } } &:last-child { td, th { border-bottom: 0px; } } td, th { &:first-child { border-left: 0px; } &:last-child { border-right: 0px; } } } } } /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Borderless (Outer Borders, Rows) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ &.table-borderless-outer-rows { > thead { tr { & when not (@table-borderless-header-force-border-top) { &:first-child { th { border-top: 0px; } } } & when not (@table-borderless-header-force-border-bottom) { &:last-child { th { border-bottom: 0px; } } } } } > tbody, > tfoot { tr { &:first-child { td, th { border-top: 0px; } } &:last-child { td, th { border-bottom: 0px; } } } } } /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Borderless (Outer Borders, Columns) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ &.table-borderless-outer-columns { > thead { tr { & when not (@table-borderless-header-force-border-left) { th { &:first-child { border-left: 0px; } } } & when not (@table-borderless-header-force-border-right) { th { &:last-child { border-right: 0px; } } } } } > tbody, > tfoot { tr { td, th { &:first-child { border-left: 0px; } &:last-child { border-right: 0px; } } } } } /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Borderless (Inner Borders) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ &.table-borderless-inner { > thead, > tbody, > tfoot { tr { &:not(:first-child) { td, th { border-top: 0px; } } &:not(:last-child) { td, th { border-bottom: 0px; } } td, th { &:not(:first-child) { border-left: 0px; } &:not(:last-child) { border-right: 0px; } } } } > thead + tbody { tr { &:first-child { td, th { border-top: 0px; } } } } } /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Borderless (Inner Borders, Rows) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ &.table-borderless-inner-rows { > thead, > tbody, > tfoot { tr { &:not(:first-child) { td, th { border-top: 0px; } } &:not(:last-child) { td, th { border-bottom: 0px; } } } } } > thead + tbody { tr { &:first-child { td, th { border-top: 0px; } } } } /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Borderless (Inner Borders, Columns) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ &.table-borderless-inner-columns { > thead, > tbody, > tfoot { tr { td, th { &:not(:first-child) { border-left: 0px; } &:not(:last-child) { border-right: 0px; } } } } } } } } & when (@table-enabled) and (@screen-mini-enabled) { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Screen Size: Mini (@screen-mini) and above -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @media (min-width: @screen-mini) { & when (@table-scale-screen-mini-enabled) { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ .table { margin-top: @table-margin-top * @table-margin-top-scale-screen-mini; margin-bottom: @table-margin-bottom * @table-margin-bottom-scale-screen-mini; /* ----------------------------------------------------------------------------- Short ----------------------------------------------------------------------------- */ &.short { margin-top: @table-short-margin-top * @table-margin-top-scale-screen-mini; margin-bottom: @table-short-margin-bottom * @table-margin-bottom-scale-screen-mini; } &.short-top { margin-top: @table-short-margin-top * @table-margin-top-scale-screen-mini; } &.short-bottom { margin-bottom: @table-short-margin-bottom * @table-margin-bottom-scale-screen-mini; } /* ----------------------------------------------------------------------------- Tall ----------------------------------------------------------------------------- */ &.tall { margin-top: @table-tall-margin-top * @table-margin-top-scale-screen-mini; margin-bottom: @table-tall-margin-bottom * @table-margin-bottom-scale-screen-mini; } &.tall-top { margin-top: @table-tall-margin-top * @table-margin-top-scale-screen-mini; } &.tall-bottom { margin-bottom: @table-tall-margin-bottom * @table-margin-bottom-scale-screen-mini; } & when (@table-cell-scale-screen-mini-enabled) { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Cells -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > thead, > tbody, > tfoot { tr { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Cell (Default) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > th, > td { .table-cell-size-variant('table-cell', '', 'screen-mini'); } } } } & when (@table-header-cell-enabled) and (@table-header-cell-scale-screen-mini-enabled) { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Header -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > thead { tr { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Header Cell (Default) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > th { .table-cell-size-variant('table-header-cell', '', 'screen-mini'); } } } } & when not (@table-border-radius = null) { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Border Radius -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ border-radius: @table-border-radius * @table-border-radius-scale-screen-mini; > tbody { tr { &:first-child { td, th { &:first-child { .border-top-left-radius(@table-border-radius * @table-border-radius-scale-screen-mini); } &:last-child { .border-top-right-radius(@table-border-radius * @table-border-radius-scale-screen-mini); } } } &:last-child { td, th { &:first-child { .border-bottom-left-radius(@table-border-radius * @table-border-radius-scale-screen-mini); } &:last-child { .border-bottom-right-radius(@table-border-radius * @table-border-radius-scale-screen-mini); } } } } } > thead { tr { &:first-child { th { &:first-child { .border-top-left-radius(@table-border-radius * @table-border-radius-scale-screen-mini); } &:last-child { .border-top-right-radius(@table-border-radius * @table-border-radius-scale-screen-mini); } } } } } } } } } } & when (@table-enabled) and (@screen-small-enabled) { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Screen Size: Small (@screen-small) and above -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @media (min-width: @screen-small) { & when (@table-scale-screen-small-enabled) { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ .table { margin-top: @table-margin-top * @table-margin-top-scale-screen-small; margin-bottom: @table-margin-bottom * @table-margin-bottom-scale-screen-small; /* ----------------------------------------------------------------------------- Short ----------------------------------------------------------------------------- */ &.short { margin-top: @table-short-margin-top * @table-margin-top-scale-screen-small; margin-bottom: @table-short-margin-bottom * @table-margin-bottom-scale-screen-small; } &.short-top { margin-top: @table-short-margin-top * @table-margin-top-scale-screen-small; } &.short-bottom { margin-bottom: @table-short-margin-bottom * @table-margin-bottom-scale-screen-small; } /* ----------------------------------------------------------------------------- Tall ----------------------------------------------------------------------------- */ &.tall { margin-top: @table-tall-margin-top * @table-margin-top-scale-screen-small; margin-bottom: @table-tall-margin-bottom * @table-margin-bottom-scale-screen-small; } &.tall-top { margin-top: @table-tall-margin-top * @table-margin-top-scale-screen-small; } &.tall-bottom { margin-bottom: @table-tall-margin-bottom * @table-margin-bottom-scale-screen-small; } & when (@table-cell-scale-screen-small-enabled) { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Cells -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > thead, > tbody, > tfoot { tr { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Cell (Default) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > th, > td { .table-cell-size-variant('table-cell', '', 'screen-small'); } } } } & when (@table-header-cell-enabled) and (@table-header-cell-scale-screen-small-enabled) { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Header -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > thead { tr { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Header Cell (Default) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > th { .table-cell-size-variant('table-header-cell', '', 'screen-small'); } } } } & when not (@table-border-radius = null) { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Border Radius -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ border-radius: @table-border-radius * @table-border-radius-scale-screen-small; > tbody { tr { &:first-child { td, th { &:first-child { .border-top-left-radius(@table-border-radius * @table-border-radius-scale-screen-small); } &:last-child { .border-top-right-radius(@table-border-radius * @table-border-radius-scale-screen-small); } } } &:last-child { td, th { &:first-child { .border-bottom-left-radius(@table-border-radius * @table-border-radius-scale-screen-small); } &:last-child { .border-bottom-right-radius(@table-border-radius * @table-border-radius-scale-screen-small); } } } } } > thead { tr { &:first-child { th { &:first-child { .border-top-left-radius(@table-border-radius * @table-border-radius-scale-screen-small); } &:last-child { .border-top-right-radius(@table-border-radius * @table-border-radius-scale-screen-small); } } } } } } } } } } & when (@table-enabled) and (@screen-medium-enabled) { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Screen Size: Medium (@screen-medium) and above -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @media (min-width: @screen-medium) { & when (@table-scale-screen-large-enabled) { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ .table { margin-top: @table-margin-top * @table-margin-top-scale-screen-medium; margin-bottom: @table-margin-bottom * @table-margin-bottom-scale-screen-medium; /* ----------------------------------------------------------------------------- Short ----------------------------------------------------------------------------- */ &.short { margin-top: @table-short-margin-top * @table-margin-top-scale-screen-medium; margin-bottom: @table-short-margin-bottom * @table-margin-bottom-scale-screen-medium; } &.short-top { margin-top: @table-short-margin-top * @table-margin-top-scale-screen-medium; } &.short-bottom { margin-bottom: @table-short-margin-bottom * @table-margin-bottom-scale-screen-medium; } /* ----------------------------------------------------------------------------- Tall ----------------------------------------------------------------------------- */ &.tall { margin-top: @table-tall-margin-top * @table-margin-top-scale-screen-medium; margin-bottom: @table-tall-margin-bottom * @table-margin-bottom-scale-screen-medium; } &.tall-top { margin-top: @table-tall-margin-top * @table-margin-top-scale-screen-medium; } &.tall-bottom { margin-bottom: @table-tall-margin-bottom * @table-margin-bottom-scale-screen-medium; } & when (@table-cell-scale-screen-medium-enabled) { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Cells -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > thead, > tbody, > tfoot { tr { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Cell (Default) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > th, > td { .table-cell-size-variant('table-cell', '', 'screen-medium'); } } } } & when (@table-header-cell-enabled) and (@table-header-cell-scale-screen-medium-enabled) { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Header -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > thead { tr { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Header Cell (Default) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > th { .table-cell-size-variant('table-header-cell', '', 'screen-medium'); } } } } & when not (@table-border-radius = null) { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Border Radius -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ border-radius: @table-border-radius * @table-border-radius-scale-screen-medium; > tbody { tr { &:first-child { td, th { &:first-child { .border-top-left-radius(@table-border-radius * @table-border-radius-scale-screen-medium); } &:last-child { .border-top-right-radius(@table-border-radius * @table-border-radius-scale-screen-medium); } } } &:last-child { td, th { &:first-child { .border-bottom-left-radius(@table-border-radius * @table-border-radius-scale-screen-medium); } &:last-child { .border-bottom-right-radius(@table-border-radius * @table-border-radius-scale-screen-medium); } } } } } > thead { tr { &:first-child { th { &:first-child { .border-top-left-radius(@table-border-radius * @table-border-radius-scale-screen-medium); } &:last-child { .border-top-right-radius(@table-border-radius * @table-border-radius-scale-screen-medium); } } } } } } } } } } & when (@table-enabled) and (@screen-large-enabled) { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Screen Size: Large (@screen-large) and above -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @media (min-width: @screen-large) { & when (@table-scale-screen-large-enabled) { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ .table { margin-top: @table-margin-top * @table-margin-top-scale-screen-large; margin-bottom: @table-margin-bottom * @table-margin-bottom-scale-screen-large; /* ----------------------------------------------------------------------------- Short ----------------------------------------------------------------------------- */ &.short { margin-top: @table-short-margin-top * @table-margin-top-scale-screen-large; margin-bottom: @table-short-margin-bottom * @table-margin-bottom-scale-screen-large; } &.short-top { margin-top: @table-short-margin-top * @table-margin-top-scale-screen-large; } &.short-bottom { margin-bottom: @table-short-margin-bottom * @table-margin-bottom-scale-screen-large; } /* ----------------------------------------------------------------------------- Tall ----------------------------------------------------------------------------- */ &.tall { margin-top: @table-tall-margin-top * @table-margin-top-scale-screen-large; margin-bottom: @table-tall-margin-bottom * @table-margin-bottom-scale-screen-large; } &.tall-top { margin-top: @table-tall-margin-top * @table-margin-top-scale-screen-large; } &.tall-bottom { margin-bottom: @table-tall-margin-bottom * @table-margin-bottom-scale-screen-large; } & when (@table-cell-scale-screen-large-enabled) { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Cells -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > thead, > tbody, > tfoot { tr { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Cell (Default) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > th, > td { .table-cell-size-variant('table-cell', '', 'screen-large'); } } } } & when (@table-header-cell-enabled) and (@table-header-cell-scale-screen-large-enabled) { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Header -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > thead { tr { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Header Cell (Default) -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ > th { .table-cell-size-variant('table-header-cell', '', 'screen-large'); } } } } & when not (@table-border-radius = null) { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Table Border Radius -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ border-radius: @table-border-radius * @table-border-radius-scale-screen-large; > tbody { tr { &:first-child { td, th { &:first-child { .border-top-left-radius(@table-border-radius * @table-border-radius-scale-screen-large); } &:last-child { .border-top-right-radius(@table-border-radius * @table-border-radius-scale-screen-large); } } } &:last-child { td, th { &:first-child { .border-bottom-left-radius(@table-border-radius * @table-border-radius-scale-screen-large); } &:last-child { .border-bottom-right-radius(@table-border-radius * @table-border-radius-scale-screen-large); } } } } } > thead { tr { &:first-child { th { &:first-child { .border-top-left-radius(@table-border-radius * @table-border-radius-scale-screen-large); } &:last-child { .border-top-right-radius(@table-border-radius * @table-border-radius-scale-screen-large); } } } } } } } } } } & when (@screen-resolution-2x-enabled) { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Screen Resolution: 2x -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @media only screen and (-webkit-min-device-pixel-ratio: 2) { } } & when (@screen-resolution-3x-enabled) { /* ----------------------------------------------------------------------------- -------------------------------------------------------------------------------- Screen Resolution: 3x -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @media only screen and (-webkit-min-device-pixel-ratio: 3) { } }