diff options
Diffstat (limited to 'bower_components/bootstrap/less/tables.less')
| -rw-r--r-- | bower_components/bootstrap/less/tables.less | 233 | 
1 files changed, 233 insertions, 0 deletions
| diff --git a/bower_components/bootstrap/less/tables.less b/bower_components/bootstrap/less/tables.less new file mode 100644 index 0000000..c41989c --- /dev/null +++ b/bower_components/bootstrap/less/tables.less @@ -0,0 +1,233 @@ +// +// Tables +// -------------------------------------------------- + + +table { +  max-width: 100%; +  background-color: @table-bg; +} +th { +  text-align: left; +} + + +// Baseline styles + +.table { +  width: 100%; +  margin-bottom: @line-height-computed; +  // Cells +  > thead, +  > tbody, +  > tfoot { +    > tr { +      > th, +      > td { +        padding: @table-cell-padding; +        line-height: @line-height-base; +        vertical-align: top; +        border-top: 1px solid @table-border-color; +      } +    } +  } +  // Bottom align for column headings +  > thead > tr > th { +    vertical-align: bottom; +    border-bottom: 2px solid @table-border-color; +  } +  // Remove top border from thead by default +  > caption + thead, +  > colgroup + thead, +  > thead:first-child { +    > tr:first-child { +      > th, +      > td { +        border-top: 0; +      } +    } +  } +  // Account for multiple tbody instances +  > tbody + tbody { +    border-top: 2px solid @table-border-color; +  } + +  // Nesting +  .table { +    background-color: @body-bg; +  } +} + + +// Condensed table w/ half padding + +.table-condensed { +  > thead, +  > tbody, +  > tfoot { +    > tr { +      > th, +      > td { +        padding: @table-condensed-cell-padding; +      } +    } +  } +} + + +// Bordered version +// +// Add borders all around the table and between all the columns. + +.table-bordered { +  border: 1px solid @table-border-color; +  > thead, +  > tbody, +  > tfoot { +    > tr { +      > th, +      > td { +        border: 1px solid @table-border-color; +      } +    } +  } +  > thead > tr { +    > th, +    > td { +      border-bottom-width: 2px; +    } +  } +} + + +// Zebra-striping +// +// Default zebra-stripe styles (alternating gray and transparent backgrounds) + +.table-striped { +  > tbody > tr:nth-child(odd) { +    > td, +    > th { +      background-color: @table-bg-accent; +    } +  } +} + + +// Hover effect +// +// Placed here since it has to come after the potential zebra striping + +.table-hover { +  > tbody > tr:hover { +    > td, +    > th { +      background-color: @table-bg-hover; +    } +  } +} + + +// Table cell sizing +// +// Reset default table behavior + +table col[class*="col-"] { +  position: static; // Prevent border hiding in Firefox and IE9/10 (see https://github.com/twbs/bootstrap/issues/11623) +  float: none; +  display: table-column; +} +table { +  td, +  th { +    &[class*="col-"] { +      position: static; // Prevent border hiding in Firefox and IE9/10 (see https://github.com/twbs/bootstrap/issues/11623) +      float: none; +      display: table-cell; +    } +  } +} + + +// Table backgrounds +// +// Exact selectors below required to override `.table-striped` and prevent +// inheritance to nested tables. + +// Generate the contextual variants +.table-row-variant(active; @table-bg-active); +.table-row-variant(success; @state-success-bg); +.table-row-variant(info; @state-info-bg); +.table-row-variant(warning; @state-warning-bg); +.table-row-variant(danger; @state-danger-bg); + + +// Responsive tables +// +// Wrap your tables in `.table-responsive` and we'll make them mobile friendly +// by enabling horizontal scrolling. Only applies <768px. Everything above that +// will display normally. + +@media (max-width: @screen-xs-max) { +  .table-responsive { +    width: 100%; +    margin-bottom: (@line-height-computed * 0.75); +    overflow-y: hidden; +    overflow-x: scroll; +    -ms-overflow-style: -ms-autohiding-scrollbar; +    border: 1px solid @table-border-color; +    -webkit-overflow-scrolling: touch; + +    // Tighten up spacing +    > .table { +      margin-bottom: 0; + +      // Ensure the content doesn't wrap +      > thead, +      > tbody, +      > tfoot { +        > tr { +          > th, +          > td { +            white-space: nowrap; +          } +        } +      } +    } + +    // Special overrides for the bordered tables +    > .table-bordered { +      border: 0; + +      // Nuke the appropriate borders so that the parent can handle them +      > thead, +      > tbody, +      > tfoot { +        > tr { +          > th:first-child, +          > td:first-child { +            border-left: 0; +          } +          > th:last-child, +          > td:last-child { +            border-right: 0; +          } +        } +      } + +      // Only nuke the last row's bottom-border in `tbody` and `tfoot` since +      // chances are there will be only one `tr` in a `thead` and that would +      // remove the border altogether. +      > tbody, +      > tfoot { +        > tr:last-child { +          > th, +          > td { +            border-bottom: 0; +          } +        } +      } + +    } +  } +} | 
