bulma/sass/elements/table.sass

92 lines
1.6 KiB
Sass
Raw Normal View History

2016-01-24 00:03:43 +00:00
.table
2016-06-29 22:59:48 +00:00
background-color: $white
color: $text-strong
2016-01-24 00:03:43 +00:00
margin-bottom: 20px
width: 100%
2016-04-10 15:27:27 +00:00
td,
th
2016-01-24 00:03:43 +00:00
border: 1px solid $border
border-width: 0 0 1px
padding: 8px 10px
vertical-align: top
2016-04-10 15:27:27 +00:00
// Modifiers
2016-04-18 20:50:59 +00:00
&.is-icon
2016-04-10 15:27:27 +00:00
padding: 5px
text-align: center
white-space: nowrap
width: 1%
2016-04-10 15:27:27 +00:00
.fa
+fa(21px, 24px)
2016-04-18 20:50:59 +00:00
&.is-link
2016-04-10 15:27:27 +00:00
padding: 0
& > a
padding: 5px
2016-04-18 20:50:59 +00:00
&.is-link
2016-01-24 00:03:43 +00:00
padding: 0
& > a
display: block
padding: 8px 10px
&:hover
2016-06-29 22:59:48 +00:00
background-color: $link
2016-01-24 00:03:43 +00:00
color: $link-invert
2016-04-18 20:50:59 +00:00
&.is-narrow
2016-01-24 00:03:43 +00:00
white-space: nowrap
width: 1%
th
color: $text-strong
text-align: left
tr
&:hover
2016-06-29 22:59:48 +00:00
background-color: $background
2016-01-24 00:03:43 +00:00
color: $text-strong
thead
2016-04-10 15:27:27 +00:00
td,
th
2016-01-24 00:03:43 +00:00
border-width: 0 0 2px
color: $text-light
2016-04-10 15:27:27 +00:00
tbody
tr
&:last-child
td,
th
border-bottom-width: 0
2016-01-24 00:03:43 +00:00
tfoot
2016-04-10 15:27:27 +00:00
td,
th
2016-01-24 00:03:43 +00:00
border-width: 2px 0 0
color: $text-light
2016-04-10 15:27:27 +00:00
// Modifiers
2016-01-24 00:03:43 +00:00
&.is-bordered
2016-04-10 15:27:27 +00:00
td,
th
2016-01-24 00:03:43 +00:00
border-width: 1px
tr
2016-04-10 15:27:27 +00:00
&:last-child
td,
th
border-bottom-width: 1px
2016-01-24 00:03:43 +00:00
&.is-narrow
2016-04-10 15:27:27 +00:00
td,
th
2016-01-24 00:03:43 +00:00
padding: 5px 10px
2016-04-10 15:27:27 +00:00
// Modifiers
2016-04-18 20:50:59 +00:00
&.is-icon
2016-01-24 00:03:43 +00:00
padding: 2px
2016-04-18 20:50:59 +00:00
&.is-link
2016-01-24 00:03:43 +00:00
padding: 0
& > a
padding: 2px
2016-04-18 20:50:59 +00:00
&.is-link
2016-04-10 15:27:27 +00:00
padding: 0
& > a
padding: 5px 10px
2016-01-24 00:03:43 +00:00
&.is-striped
tbody
2016-04-10 15:27:27 +00:00
tr
&:hover
2016-06-29 22:59:48 +00:00
background-color: darken($background, 2%)
2016-04-10 15:27:27 +00:00
&:nth-child(2n)
2016-06-29 22:59:48 +00:00
background-color: $background
2016-04-10 15:27:27 +00:00
&:hover
2016-06-29 22:59:48 +00:00
background-color: darken($background, 2%)