css titles

web/themes/custom/rorschach/css-compiled/styles.css

@@ -1,53 +1,4 @@
 /*rorschach*/
-/*components*/
-.quote {
-  font-weight: 700;
-  width: 50%;
-  margin: auto;
-  background-color: hotpink; }
-
-table {
-  border-collapse: collapse; }
-  table thead th {
-    border: 1px solid #333;
-    text-align: center;
-    font-weight: bold;
-    padding: 1rem;
-    background-color: grey; }
-  table tbody td {
-    border: 1px solid #333;
-    text-align: center;
-    padding: 1rem;
-    background-color: white; }
-
-.display-none {
-  display: none; }
-
-#paragraph-id--226 tbody td {
-  text-align: start;
-  padding: 0rem;
-  padding-left: 1rem;
-  padding-right: 1rem; }
-
-#paragraph-id--226 tbody tr {
-  border: red; }
-
-#paragraph-id--227 td {
-  text-align: start; }
-
-.note {
-  display: block;
-  border: 1px solid #333;
-  text-align: center;
-  font-weight: bold;
-  padding: 1rem;
-  background-color: #d6d5d5; }
-
-.note-title {
-  background-color: white;
-  display: block;
-  padding: 1rem; }
-
 /*global*/
 @font-face {
   font-family: 'Font Awesome';
@@ -1069,3 +1020,58 @@ article.node-type-book {
 #block-rorschach-primary-local-tasks {
   display: flex;
   flex-direction: row; }
+
+/*components*/
+.quote {
+  font-weight: 700;
+  width: 50%;
+  margin: auto;
+  background-color: hotpink; }
+
+table {
+  border-collapse: collapse; }
+  table thead th {
+    border: 1px solid #333;
+    text-align: center;
+    font-weight: bold;
+    padding: 1rem;
+    background-color: grey; }
+  table tbody td {
+    border: 1px solid #333;
+    text-align: center;
+    padding: 1rem;
+    background-color: white; }
+
+.display-none {
+  display: none; }
+
+#paragraph-id--226 tbody td {
+  text-align: start;
+  padding: 0rem;
+  padding-left: 1rem;
+  padding-right: 1rem; }
+
+#paragraph-id--226 tbody tr {
+  border: red; }
+
+#paragraph-id--227 td {
+  text-align: start; }
+
+.note {
+  display: block;
+  border: 1px solid #333;
+  text-align: center;
+  font-weight: bold;
+  padding: 1rem;
+  background-color: #d6d5d5; }
+
+.note-title {
+  background-color: white;
+  display: block;
+  padding: 1rem; }
+
+.book-depth-2 {
+  border-top: 5px solid black;
+  background-color: yellowgreen; }
+  .book-depth-2 h1 {
+    text-transform: uppercase; }

web/themes/custom/rorschach/scss/components/_titles.scss

@@ -0,0 +1,9 @@
+.book-depth-2{
+    border-top: 3px solid black;
+    border-bottom: 3px solid black;
+    // background-color: yellowgreen;
+    h1{
+        text-transform: uppercase;
+    }
+}
+

web/themes/custom/rorschach/scss/styles.scss

@@ -1,9 +1,6 @@
 /*rorschach*/
 
-/*components*/
-@import "components/_quotes";
-@import "components/_tablefields";  
-@import "components/_notes";  
+
 
 /*global*/
 
@@ -38,6 +35,10 @@
 
 
 
-
+/*components*/
+@import "components/_quotes";
+@import "components/_tablefields";  
+@import "components/_notes";  
+@import "components/_titles";