| @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; |
| } |
| |
| } |