org-theme/scss/partials/_tables.scss

55 lines
1.4 KiB
SCSS
Raw Normal View History

2020-11-25 23:22:07 +01:00
table {
margin-left: auto;
margin-right: auto;
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
margin-bottom:24px;
2020-11-27 15:16:19 +01:00
border-bottom:3px solid $color-shadow;
2020-11-25 23:22:07 +01:00
2020-11-26 13:41:42 +01:00
// Cell Style
2020-11-27 23:05:10 +01:00
td, th {
2020-12-13 22:48:06 +01:00
font-size: 0.9rem;
2020-11-25 23:22:07 +01:00
margin:0;
overflow:visible;
padding:8px 16px;
2020-11-27 15:16:19 +01:00
background-color: $white;
border:1px solid $color-shadow;
2020-11-25 23:22:07 +01:00
}
2020-11-27 23:05:10 +01:00
.org-right { margin-left: auto; margin-right: 0px; text-align: right; }
.org-left { margin-left: 0px; margin-right: auto; text-align: left; }
.org-center { margin-left: auto; margin-right: auto; text-align: center; }
2020-11-26 13:41:42 +01:00
// First Line of the Table
2020-11-25 23:22:07 +01:00
thead th{
2020-11-27 15:16:19 +01:00
font-weight: $bold;
border-top:3px solid $color-shadow;
border-bottom:1px solid $color-shadow;
2020-11-25 23:22:07 +01:00
}
// Each group of rows separated by |----+----|
tbody {
border-top: 3px solid $color-shadow;
}
2020-11-26 13:41:42 +01:00
// Caption
2020-11-25 23:22:07 +01:00
caption{
2020-11-27 15:16:19 +01:00
color: $color-caption;
font-size: 0.85em;
font-family: $serif;
font-style: italic;
2020-11-25 23:22:07 +01:00
padding:1em 0;
2020-11-26 13:41:42 +01:00
// "Table x" part
.table-number {
2020-11-27 15:16:19 +01:00
font-weight: $bold;
color: $color-caption-num;
2020-11-26 13:41:42 +01:00
}
2020-11-25 23:22:07 +01:00
}
2020-11-26 13:41:42 +01:00
// Alternating colors for the rows
// tr:nth-child(2n-1) td{background-color: $color-shadow-light;}
// tr:nth-child(2n) td{background-color: $white;}
2020-11-25 23:22:07 +01:00
}