fix(#343): Apply css override rules for 'hi' elements

* override ignored output renditions and falsely set 'tei-hi1' classes which contain font-weight strong rule
HistoryAtState · Aug 19, 2019 · 0ef5be0 · 0ef5be0
1 parent f0df86f
commit 0ef5be0
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 4 deletions.
diff --git a/app/scss/_tei.scss b/app/scss/_tei.scss
@@ -94,3 +94,16 @@
 .hsg-list-disc {
   list-style-type: disc;
 }
+
+// Font-styles for 'tei:hi' elements
+// Override falsely set 'tei-hi1' classes which contain font-weight strong rule!
+.font {
+  &-italic {
+    font-style: italic;
+    font-weight: inherit !important;
+  }
+  &-smallcaps {
+    font-variant: small-caps;
+    font-weight: inherit !important;
+  }
+}
diff --git a/resources/odd/source/frus.odd b/resources/odd/source/frus.odd
@@ -128,16 +128,16 @@
                     <model predicate="@rend = 'strong'" behaviour="inline">
                         <outputRendition>font-weight: bold;</outputRendition>
                     </model>
-                    <model predicate="@rend = 'italic'" behaviour="inline">
+                    <model predicate="@rend = 'italic'" behaviour="inline" cssClass="font-italic">
                         <outputRendition>font-style: italic;</outputRendition>
                     </model>
-                    <model predicate="@rend = 'smallcaps'" behaviour="inline">
+                    <model predicate="@rend = 'smallcaps'" behaviour="inline" cssClass="font-smallcaps">
                         <outputRendition>font-variant: small-caps;</outputRendition>
                     </model>
-                    <model predicate="@rendition" behaviour="inline" useSourceRendition="true">
+                    <model predicate="@rendition" behaviour="inline" useSourceRendition="true" cssClass="font-italic">
                         <outputRendition>font-style: italic;</outputRendition>
                     </model>
-                    <model predicate="not(@rendition)" behaviour="inline">
+                    <model predicate="not(@rendition)" behaviour="inline" cssClass="font-italic">
                         <outputRendition>font-style: italic;</outputRendition>
                     </model>
                 </elementSpec>