tei front page styling #790

assets/css/app.scss

@@ -337,7 +337,7 @@ section[role="main-content"]{
   }
 
   #edition{
-    header{
+    >header{
       position: relative;
       h1{
         @include title1black;
@@ -383,12 +383,40 @@ section[role="main-content"]{
               border-left: 1px dotted $grisfonce;
             }
           }
-          >h1{@include title1blue;}
+          >h1{@include teititle1blue;}
           span.placeName,
           span.objectName,
           span.persName{
             font-weight: 600;
           }
+          // front page
+          header{
+            padding-top: 1em;
+            h1{
+              @include teititlefrontblue;
+              .initial{
+                text-transform: uppercase;
+                font-size: 1.3em;
+                line-height: 1.3em;
+              }
+            }
+          }
+          .byline{
+            text-align: center;
+            font-style: italic;
+            padding-bottom: 1em;
+          }
+          .docImprint{
+            text-align: center;
+            // padding-bottom: 1em;
+          }
+          .imprimatur{
+            text-align: center;
+            font-style: italic;
+            padding-bottom: 1em;
+
+          }
+
         }
       }
     }

assets/css/base/_fonts.scss

@@ -27,7 +27,6 @@ footer[role="tools"] .row>header,
 footer[role="tools"] .row>nav{
   @include fontsans;
 }
-
 @mixin title1blue {
   @include fontserif;
   font-size: 2.268em;
@@ -59,3 +58,22 @@ footer[role="tools"] .row>nav{
   font-weight: 400;
   margin:0;
 }
+
+// TEI
+
+@mixin teititlefrontblue {
+  @include fontserif;
+  font-size: 2.6em;
+  color: $bleuroi;
+  font-weight: 400;
+  margin:0;
+  text-align: center;
+}
+
+@mixin teititle1blue {
+  @include fontserif;
+  font-size: 1.8em;
+  color: $bleuroi;
+  font-weight: 400;
+  margin:0;
+}