diff options
Diffstat (limited to 'ext')
| -rw-r--r-- | ext/css/display.css | 34 | 
1 files changed, 22 insertions, 12 deletions
| diff --git a/ext/css/display.css b/ext/css/display.css index 148200b2..02e33ad9 100644 --- a/ext/css/display.css +++ b/ext/css/display.css @@ -17,6 +17,14 @@  /* Variables */  :root { +    /* Strings */ +    --compact-list-separator: ' | '; + +    --disambiguation-prefix: '('; +    --disambiguation-suffix: ' only)'; +    --disambiguation-separator: ', '; +    --disambiguation-reading-separator: ':'; +      /* Layout */      --font-size-no-units: 14;      --font-size: calc(1px * var(--font-size-no-units)); @@ -71,7 +79,6 @@      --tag-font-weight: bold;      --tag-border-radius: 0.25em; -    --compact-list-separator: ' | ';      --list-padding1: 1.4em;      --list-padding2: var(--list-padding1); @@ -80,6 +87,8 @@      --overlay-panel-translate-distance: 4em; +    --disambiguation-space: 0.25em; +      --animation-duration: 0.125s;      --animation-duration2: calc(2 * var(--animation-duration)); @@ -1045,18 +1054,19 @@ button.action-button[data-icon=source-term]::before {  }  .term-definition-disambiguation-list {      color: var(--text-color-light3); +    padding-right: var(--disambiguation-space);  }  .term-definition-disambiguation-list[data-count='0'] {      display: none;  }  .term-definition-disambiguation-list::before { -    content: '('; +    content: var(--disambiguation-prefix);  }  .term-definition-disambiguation-list::after { -    content: ' only) '; +    content: var(--disambiguation-suffix);  }  .term-definition-disambiguation+.term-definition-disambiguation::before { -    content: ', '; +    content: var(--disambiguation-separator);  }  .term-glossary-separator,  .term-reason-separator { @@ -1081,16 +1091,16 @@ button.action-button[data-icon=source-term]::before {  }  .frequency-disambiguation {      color: var(--text-color-light3); -    padding-right: 0.25em; +    padding-right: var(--disambiguation-space);  }  .frequency-disambiguation-separator::before { -    content: ':'; +    content: var(--disambiguation-reading-separator);  }  .frequency-disambiguation::before { -    content: '('; +    content: var(--disambiguation-prefix);  }  .frequency-disambiguation::after { -    content: ' only)'; +    content: var(--disambiguation-suffix);  }  .frequency-disambiguation-reading {      display: inline; @@ -1305,17 +1315,17 @@ button.action-button[data-icon=source-term]::before {      margin-right: 0.375em;  }  .term-pitch-accent-disambiguation-list { -    padding-right: 0.25em;      color: var(--text-color-light3); +    padding-right: var(--disambiguation-space);  }  .term-pitch-accent-disambiguation-list::before { -    content: '('; +    content: var(--disambiguation-prefix);  }  .term-pitch-accent-disambiguation-list::after { -    content: ' only)'; +    content: var(--disambiguation-suffix);  }  .term-pitch-accent-disambiguation+.term-pitch-accent-disambiguation::before { -    content: ', '; +    content: var(--disambiguation-separator);  }  .term-pitch-accent-disambiguation-list[data-count='0'] {      display: none; |