print rules for indicators page

eea · Feb 19, 2021 · a46f1ee · a46f1ee
1 parent bf8b908
commit a46f1ee
Show file tree

Hide file tree

Showing 5 changed files with 112 additions and 0 deletions.
diff --git a/theme/site/elements/divider.overrides b/theme/site/elements/divider.overrides
@@ -0,0 +1,3 @@
+.ui.divider:not(.vertical):not(.horizontal) {
+  border-top: 3px solid #000 !important;
+}
diff --git a/theme/site/elements/image.overrides b/theme/site/elements/image.overrides
@@ -8,3 +8,7 @@
   min-width: 209px;
   top: -0.2px;
 }
+
+#page-document > p.block.image.align.center:first-child {
+  margin: -2rem -1rem 0 -1rem !important;
+}
diff --git a/theme/site/globals/site.overrides b/theme/site/globals/site.overrides
@@ -1,3 +1,19 @@
+/*-------------------
+      CONTENT AREA
+--------------------*/
+
+#page-document > h1.documentFirstHeading {
+  position: relative;
+  border-bottom: none;
+  letter-spacing: -1px;
+  font-size: 2.5rem;
+  line-height: 1.15;
+  font-weight: 600;
+  &:before {
+    border-bottom: none;
+  }
+}
+
 /*-------------------
       FOOTER
 --------------------*/
@@ -159,3 +175,84 @@ html {
   width: 60px;
   height: 38px;
 }
+
+/*-------------------
+      PRINT RULES
+--------------------*/
+
+@media print {
+  .ui.basic.segment.header-wrapper,
+  .ui.secondary.vertical.segment.breadcrumbs,
+  #page-document > p.block.image.align.center:first-child,
+  .ui.content-area .ui.container.tags,
+  .ui.segment.footer-wrapper {
+    display: none;
+  }
+
+  #page-document {
+    margin-top: 6rem;
+    color: @black;
+    font-size: 14px;
+
+    h1 {
+      color: @printGrayTitle;
+      &:first-child {
+        margin-bottom: 6rem;
+      }
+    }
+    h2 {
+      color: @black;
+      font-size: 1.2rem;
+      border-top: 1px solid @black !important;
+      border-bottom: 1px solid @black !important;
+    }
+
+    h3 {
+      color: @printGrayDescription;
+      font-size: 1.5rem;
+      &:first-child {
+        margin-bottom: 6rem;
+      }
+    }
+
+    p > strong,
+    li > strong {
+      color: @black;
+    }
+
+    a,
+    a > strong {
+      font-size: 14px;
+      color: @pureBlack !important;
+    }
+
+    ul {
+      list-style-type: none;
+    }
+  }
+
+  .ui.fluid.accordion {
+    .title.accordion-title.align-arrow-left,
+    .title.accordion-title.align-arrow-right {
+      font-size: 1rem;
+      svg {
+        transform: rotate(90deg);
+      }
+    }
+    .active.title.accordion-title.align-arrow-left,
+    .active.title.accordion-title.align-arrow-right {
+      font-size: 1rem;
+      svg {
+        transform: none;
+      }
+    }
+    .content > .rah-static {
+      height: auto !important;
+      overflow: auto !important;
+    }
+    .content > .rah-static > div > div {
+      display: block !important;
+      opacity: 100% !important;
+    }
+  }
+}
diff --git a/theme/site/globals/site.variables b/theme/site/globals/site.variables
@@ -25,6 +25,8 @@
 @lightGreen: #027572;
 @black: #333;
 @pureBlack: #000;
+@printGrayTitle: #ababab;
+@printGrayDescription: #bbbbbb;
 
 
 @mobileWidth: 1279px;
diff --git a/theme/site/modules/accordion.overrides b/theme/site/modules/accordion.overrides
@@ -40,6 +40,12 @@
   border-bottom: 1px solid #e0e0e0;
 }
 
+.ui.styled.accordion:first-child {
+  .title.accordion-title.align-arrow-left,
+  .title.accordion-title.align-arrow-right {
+    border-top: 1px solid #e0e0e0 !important;
+  }
+}
 
 .columns-view {
   @media only screen and (min-width: 768px) and (max-width: 991px) {