clean css

assets/css/chapter-header.css

@@ -0,0 +1,107 @@
+/* ---- ENTRÉE DE CHAPITRES ------ */
+
+.chapter-header {
+  position: relative;
+}
+
+.chapter-header .hgroup {
+  font-size: 22px;
+  line-height: 1;
+  font-weight: normal;
+  position: relative;
+  top: calc(var(--baseline)*-0.25 - 2px); 
+  margin-bottom: calc(var(--baseline)*3 + 13px); 
+  /*padding-right: calc(var(--unit)*2);*/
+  position: relative;
+  padding-left: 15px;
+}
+
+.chapter-header .type {
+  display: none;
+}
+
+
+.chapter-header .hgroup h2 {
+  font-family: var(--fontTitle);
+  font-weight: normal;
+  font-size: 1em;
+  line-height: calc(var(--sign-baseline)*1.5);
+  /*display: inline;*/
+  box-sizing: border-box;
+  text-align: center;
+  margin-top: 0;
+  color: var(--sign-color);
+
+}
+
+.chapter-header .hgroup h2 span {
+  padding-left: 0.25ch;
+  padding-right: 0.25ch;
+  box-decoration-break: clone;
+  /*background-color: var(--sign-color);*/
+  padding: 1px 0.25ch;
+  text-transform: uppercase;
+}
+
+.chapter-header .author{
+  display: block;
+  text-align: center;
+}
+
+
+.chapter-header .author span {
+  font-family: var(--fontTitle);
+  color: var(--sign-color);
+  text-transform: uppercase;
+  display: inline-block;
+}
+
+.chapter-header .author::before { display: none; }
+.chapter-header .bio { display: none; }
+
+.hgroup-before,
+.hgroup-after,
+.chapter-header .title-before,
+.chapter-header .title-after,
+.chapter-header .title-between {
+  font-size: var(--sign-size);
+  color: var(--sign-color);
+  letter-spacing: var(--sign-spacing);
+  font-family: var(--sign-family);
+  line-height: calc(var(--sign-baseline)*1);
+}
+
+.chapter-header .title-before,
+.chapter-header .title-after{
+  white-space: nowrap;
+  position: absolute;
+  left: 0px;
+}
+
+.chapter-header .title-between{
+  text-align: center;
+  font-size: 1em;
+}
+
+.chapter-header .title-before {
+  top: calc(var(--baseline)*-2.5);
+  text-transform: uppercase;
+}
+
+.chapter-header .title-after {
+  bottom: calc(var(--baseline)*-2.25 + 1px);
+}
+
+.hgroup-before{
+  position: absolute;
+  left: calc(var(--pagedjs-margin-left)*-1);
+  padding-left: 19px;
+  top: -47px;
+}
+
+.hgroup-after{
+  position: absolute;
+  bottom: calc(var(--baseline)*-5 - 1px);
+  right: calc(var(--pagedjs-margin-right)*-1);
+  text-align: right;
+}