summaryrefslogtreecommitdiff
path: root/ext/css/display.css
diff options
context:
space:
mode:
authortoasted-nutbread <toasted-nutbread@users.noreply.github.com>2021-02-25 18:48:42 -0500
committerGitHub <noreply@github.com>2021-02-25 18:48:42 -0500
commit5197b6cb9a351d7b72c4a69e495e248c03e4d799 (patch)
tree8bcf7cfd5c8f2b736bc8a284880c636284775763 /ext/css/display.css
parentec495bd7b23f0326fa9898a1af79ac38270f91fb (diff)
Disambiguation style strings (#1442)
* Add strings section * Add disambiguation prefix/suffix strings * Add separator strings * Add padding definition
Diffstat (limited to 'ext/css/display.css')
-rw-r--r--ext/css/display.css34
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;