weekly release 4.0dev
[moodle.git] / theme / boost / scss / moodle / tables.scss
1 .generaltable {
2     width: 100%;
3     margin-bottom: $spacer;
4     color: $table-color;
5     background-color: $table-bg; // Reset for nesting within parents with `background-color`.
7     th,
8     td {
9         padding: $table-cell-padding;
10         vertical-align: top;
11         border-top: $table-border-width solid $table-border-color;
12     }
14     thead th {
15         vertical-align: bottom;
16         border-bottom: (2 * $table-border-width) solid $table-border-color;
17     }
19     tbody + tbody {
20         border-top: (2 * $table-border-width) solid $table-border-color;
21     }
23     tbody tr:nth-of-type(#{$table-striped-order}) {
24         background-color: $table-accent-bg;
25     }
26     &.table-sm {
27         th,
28         td {
29             padding: $table-cell-padding-sm;
30         }
31     }
32     tbody tr {
33         @include hover {
34             color: $table-hover-color;
35             background-color: $table-hover-bg;
36         }
37     }
38 }
40 table {
41     caption {
42         font-size: 24px;
43         font-weight: bold;
44         line-height: 42px;
45         text-align: left;
46         caption-side: top;
47     }
48 }
50 .table-dynamic .loading-icon {
51     position: absolute;
52     left: calc(50% - 1.5rem);
53     top: 200px;
54     .icon {
55         height: 3rem;
56         width: 3rem;
57         font-size: 3rem;
58     }
59 }