| Matteo Scandolo | 8b2370c | 2017-02-02 17:19:07 -0800 | [diff] [blame] | 1 | @import './../../style/vars.scss'; |
| 2 | @import '../../../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/variables'; |
| 3 | |
| Matteo Scandolo | d62ea79 | 2016-12-22 14:02:28 -0800 | [diff] [blame] | 4 | xos-table { |
| 5 | .row + .table-responsive { |
| 6 | margin-top: 10px; |
| 7 | } |
| 8 | } |
| 9 | |
| Matteo Scandolo | 035c593 | 2016-12-14 09:55:15 -0800 | [diff] [blame] | 10 | table { |
| Matteo Scandolo | 8b2370c | 2017-02-02 17:19:07 -0800 | [diff] [blame] | 11 | border: 1px solid $background-dark-color; |
| Matteo Scandolo | 035c593 | 2016-12-14 09:55:15 -0800 | [diff] [blame] | 12 | |
| 13 | td, th { |
| Matteo Scandolo | 8b2370c | 2017-02-02 17:19:07 -0800 | [diff] [blame] | 14 | position: relative; |
| Matteo Scandolo | 035c593 | 2016-12-14 09:55:15 -0800 | [diff] [blame] | 15 | } |
| Matteo Scandolo | 8b2370c | 2017-02-02 17:19:07 -0800 | [diff] [blame] | 16 | |
| 17 | .xos-table-hover { |
| 18 | position: absolute; |
| 19 | top: -$padding-large-vertical; |
| 20 | left: $padding-large-horizontal; |
| 21 | opacity: 0; |
| 22 | transition: all .5s; |
| 23 | z-index: -1; |
| 24 | width: 250px; |
| 25 | |
| 26 | &:hover { |
| 27 | cursor: pointer; |
| 28 | } |
| Matteo Scandolo | 035c593 | 2016-12-14 09:55:15 -0800 | [diff] [blame] | 29 | } |
| Matteo Scandolo | 8b2370c | 2017-02-02 17:19:07 -0800 | [diff] [blame] | 30 | |
| 31 | td:hover .xos-table-hover { |
| 32 | opacity: 1; |
| 33 | z-index: 2; |
| Matteo Scandolo | 035c593 | 2016-12-14 09:55:15 -0800 | [diff] [blame] | 34 | } |
| Matteo Scandolo | 8b2370c | 2017-02-02 17:19:07 -0800 | [diff] [blame] | 35 | |
| Matteo Scandolo | cc4bce8 | 2017-08-07 13:11:47 -0700 | [diff] [blame] | 36 | td.xos-table-actions { |
| 37 | a + a { |
| 38 | margin-left: $padding-base-horizontal; |
| 39 | } |
| 40 | } |
| 41 | |
| Matteo Scandolo | 035c593 | 2016-12-14 09:55:15 -0800 | [diff] [blame] | 42 | } |