Disambiguation style strings (#1442)

* Add strings section

* Add disambiguation prefix/suffix strings

* Add separator strings

* Add padding definition

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;