]> BookStack Code Mirror - bookstack/blob - resources/sass/_tables.scss
Fix French translations
[bookstack] / resources / sass / _tables.scss
1 table {
2   min-width: 100px;
3   max-width: 100%;
4   thead {
5     @include lightDark(background-color, #f8f8f8, #333);
6     font-weight: 500;
7   }
8   td, th {
9     min-width: 10px;
10     padding: 6px 8px;
11     border: 1px solid #DDD;
12     overflow: auto;
13     line-height: 1.2;
14   }
15   td p, th p {
16     margin: 0;
17   }
18 }
19
20 table.table {
21   width: 100%;
22   tr td, tr th {
23     border-bottom: 1px solid rgba(0, 0, 0, 0.05);
24   }
25   th, td {
26     text-align: start;
27     border: none;
28     padding: $-s $-s;
29     vertical-align: middle;
30     margin: 0;
31     overflow: visible;
32   }
33   th {
34     font-weight: bold;
35   }
36   tr:hover {
37     @include lightDark(background-color, #eee, #333);
38   }
39   .text-right {
40     text-align: end;
41   }
42   .text-center {
43     text-align: center;
44   }
45   td.actions {
46     overflow: visible;
47   }
48   a {
49     display: inline-block;
50   }
51 }
52
53 table.no-style {
54   td {
55     border: 0;
56     padding: 0;
57   }
58 }
59
60 table.list-table {
61   margin: 0 -$-xs;
62   td {
63     border: 0;
64     vertical-align: middle;
65     padding: $-xs;
66   }
67 }