summaryrefslogtreecommitdiff
path: root/ext/css
diff options
context:
space:
mode:
authortoasted-nutbread <toasted-nutbread@users.noreply.github.com>2021-06-27 15:01:35 -0400
committerGitHub <noreply@github.com>2021-06-27 15:01:35 -0400
commit24ef820ba816411288d8bc739f6e69abb511deb0 (patch)
tree0b879b7e2c20a6bf92710d2fc208c6bb6e0e2cb8 /ext/css
parent94819e0ec316f06b27e57b9f02bff6927a5a45b4 (diff)
Update structured content CSS styles (#1770)
Diffstat (limited to 'ext/css')
-rw-r--r--ext/css/structured-content.css21
1 files changed, 15 insertions, 6 deletions
diff --git a/ext/css/structured-content.css b/ext/css/structured-content.css
index 4dd164a5..cff2c83c 100644
--- a/ext/css/structured-content.css
+++ b/ext/css/structured-content.css
@@ -62,16 +62,24 @@
padding: 0.25em;
}
.gloss-image-background {
+ --image: none;
+
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--text-color);
-
- --image: none;
- --icon-size: contain;
- --icon-image: var(--image);
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-position: center center;
+ -webkit-mask-mode: alpha;
+ -webkit-mask-size: contain;
+ -webkit-mask-image: var(--image);
+ mask-repeat: no-repeat;
+ mask-position: center center;
+ mask-mode: alpha;
+ mask-size: contain;
+ mask-image: var(--image);
}
.gloss-image {
display: inline-block;
@@ -192,7 +200,6 @@
.gloss-sc-table {
table-layout: auto;
border-collapse: collapse;
- border-spacing: 0;
}
.gloss-sc-tbody {
background-color: transparent;
@@ -205,7 +212,9 @@
}
.gloss-sc-th,
.gloss-sc-td {
- border: calc(1em / var(--font-size-no-units)) solid var(--text-color-light2);
+ border-width: calc(1em / var(--font-size-no-units));
+ border-style: solid;
+ border-color: var(--text-color-light2);
padding: 0.25em;
vertical-align: top;
}