@import './../../style/vars.scss';
@import '../../../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/variables';

xos-table {
  .row + .table-responsive {
    margin-top: 10px;
  }
}

table {
  border: 1px solid $background-dark-color;

  td, th {
    position: relative;
  }

  .xos-table-hover {
    position: absolute;
    top: -$padding-large-vertical;
    left: $padding-large-horizontal;
    opacity: 0;
    transition: all .5s;
    z-index: -1;
    width: 250px;

    &:hover {
      cursor: pointer;
    }
  }

  td:hover .xos-table-hover {
    opacity: 1;
    z-index: 2;
  }

  td.xos-table-actions {
    a + a {
      margin-left: $padding-base-horizontal;
    }
  }

}