blob: 500fc70266ae8cad827180836d3bc972c98c0313 [file] [log] [blame]
Akron2f979122018-07-25 17:00:23 +02001@charset "utf-8";
2@import "../util";
3
hebasta94f8ba62018-12-11 15:29:10 +01004
Akron7e5afce2020-08-25 15:50:19 +02005/**
6 * Corpus statistic
7 * Graying corpus statistic
8 */
Akron2f979122018-07-25 17:00:23 +02009div.stattable {
Akron7e5afce2020-08-25 15:50:19 +020010 display: flex;
11 flex-direction: row;
12 margin-right: $right-view-distance;
hebasta94f8ba62018-12-11 15:29:10 +010013}
Akron7e5afce2020-08-25 15:50:19 +020014
hebasta94f8ba62018-12-11 15:29:10 +010015div.stattable {
Akronfc8dbae2019-02-15 13:16:20 +010016 > dl {
17 margin-bottom:4px;
Akron7e5afce2020-08-25 15:50:19 +020018
Akronfc8dbae2019-02-15 13:16:20 +010019 > div {
20 border-color: $dark-green;
Akron7e5afce2020-08-25 15:50:19 +020021
Akronfc8dbae2019-02-15 13:16:20 +010022 > dt {
23 background-color: $middle-green;
Akron7e5afce2020-08-25 15:50:19 +020024 width: 15em;
25 margin: 0;
26
27 &::after {
Akronfc8dbae2019-02-15 13:16:20 +010028 content: ":";
hebasta94f8ba62018-12-11 15:29:10 +010029 }
Akronfc8dbae2019-02-15 13:16:20 +010030 }
31 > dd {
32 background-color: $lightest-green;
Akron7e5afce2020-08-25 15:50:19 +020033 color: $dark-grey;
Akronfc8dbae2019-02-15 13:16:20 +010034 }
35 }
36 }
Akron7e5afce2020-08-25 15:50:19 +020037
Akronfc8dbae2019-02-15 13:16:20 +010038 &.stdisabled {
Akron7e5afce2020-08-25 15:50:19 +020039 dt,
40 dd {
41 background-color: $grey-green;
42 color: $dark-green;
43 text-shadow: none;
Akronfc8dbae2019-02-15 13:16:20 +010044 }
45 }
Akron2f979122018-07-25 17:00:23 +020046}
Akron2f979122018-07-25 17:00:23 +020047
hebasta94f8ba62018-12-11 15:29:10 +010048
49/* Corpus statistic reload button */
Akronfc8dbae2019-02-15 13:16:20 +010050div.reloadStatB > span.refresh {
51 margin-left: 2pt;
52}
hebasta94f8ba62018-12-11 15:29:10 +010053
Akronfc8dbae2019-02-15 13:16:20 +010054span.refresh::after{
55 vertical-align: sub;
Akron7e5afce2020-08-25 15:50:19 +020056 content : $fa-redo;
Akronfc8dbae2019-02-15 13:16:20 +010057}
58
59// Default value 20% doesn't work with < 5 items,
60// which is the default case with corpus statistics
61@media (min-width:1680px) {
62 div.stattable dl.flex > div {
63 width: inherit;
64 }
65}