archive/pillar
0
0
Fork 0
Code Issues 42 Pull Requests Projects Releases Wiki Activity

Move table classes up a level so they can have effect without being nested

Browse Source
This commit is contained in:
Pablo Vazquez 2016-11-17 14:55:04 +01:00
parent a41bda6859
commit c025aa3aac
1 changed files with 40 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

80
src/styles/_apps_base.sass
View File

@ -214,51 +214,51 @@ nav.sidebar
position: relative position: relative
margin-bottom: initial // overrides BS margin-bottom: initial // overrides BS
.table-row .table-row
display: table-row display: table-row
position: relative position: relative
background-attachment: fixed // for stripes to look nice background-attachment: fixed // for stripes to look nice
.table-head .table-head
display: table-header-group display: table-header-group
.table-cell
font-size: .9em
color: $color-text-dark-secondary
.table-body
display: table-row-group
.table-row
&.active
background-color: $color-background-active
&:hover
background-color: lighten($color-background-active, 2%)
.table-cell
border-bottom-color: darken($color-background-active, 5%)
box-shadow: inset 0 1px darken($color-background-active, 5%)
.table-cell:last-child
box-shadow: inset -5px 0 0 darken($color-background-active, 10%), inset 0 1px darken($color-background-active, 5%)
.table-cell .table-cell
display: table-cell font-size: .9em
border-bottom: thin solid $color-background color: $color-text-dark-secondary
vertical-align: middle
span.hint .table-body
color: $color-text-dark-hint display: table-row-group
.table-cell-spacer .table-row
background-color: $color-background-light &.active
width: 6px background-color: $color-background-active
min-width: 4px &:hover
height: 100% background-color: lighten($color-background-active, 2%)
display: table-cell
border: none .table-cell
border-left: 2px solid $color-background-light border-bottom-color: darken($color-background-active, 5%)
border-right: 2px solid $color-background box-shadow: inset 0 1px darken($color-background-active, 5%)
cursor: e-resize .table-cell:last-child
box-shadow: inset -5px 0 0 darken($color-background-active, 10%), inset 0 1px darken($color-background-active, 5%)
.table-cell
display: table-cell
border-bottom: thin solid $color-background
vertical-align: middle
span.hint
color: $color-text-dark-hint
.table-cell-spacer
background-color: $color-background-light
width: 6px
min-width: 4px
height: 100%
display: table-cell
border: none
border-left: 2px solid $color-background-light
border-right: 2px solid $color-background
cursor: e-resize
.table.table-hover .table.table-hover
.table-row:hover .table-row:hover