@healthcatalyst/catalyst-docfx-template 1.0.100 → 1.0.101

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@healthcatalyst/catalyst-docfx-template",
-  "version": "1.0.100",
+  "version": "1.0.101",
   "license": "MIT",
   "description": "A DocFX Template patching the Default template.",
   "publishConfig": {

package/styles/main.css

@@ -12,7 +12,7 @@
 
 button,
 a {
-    color: #006d9a;
+    color: #00aeff;
 }
 
 
@@ -22,7 +22,7 @@ button:hover,
 button:focus,
 a:hover,
 a:focus {
-    color: #004256;
+    color: #33beff;
 }
 
 
@@ -31,7 +31,7 @@ a:focus {
 body,
 p {
     line-height: 1.5;
-    color: #131314;
+    color: #555;
     font-weight: 400;
     font-size: 15px;
     page-break-inside: avoid;
@@ -61,14 +61,14 @@ article h1 {
     font-weight: 300;
     line-height: 1.2;
     margin-bottom: 35px;
-    color: #131314;
+    color: black;
 }
 
 article h2 {
     font-size: 26px;
     font-weight: 600;
     line-height: 1.5;
-    color: #004256;
+    color: #333;
     margin-top: 25px;
 }
 
@@ -76,14 +76,14 @@ article h3 {
     font-size: 22px;
     font-weight: 600;
     line-height: 1.5;
-    color: #131314;
+    color: #333;
     margin-top: 30px;
 }
 
 article h4 {
     font-size: 18px;
     line-height: 1.5;
-    color: #006d9a;
+    color: #333;
     font-weight: 600;
     border-bottom: none;
     margin-top: 25px;
@@ -94,7 +94,7 @@ article h5 {
     font-size: 16px;
     line-height: 1.25em;
     font-weight: 600;
-    color: #131314;
+    color: #333;
     margin-top: 20px;
 }
 
@@ -192,37 +192,6 @@ article ul {
     page-break-inside: avoid;
 }
 
-/* Nesting ordered lists */
-
-article ol ol {
-    list-style-type: lower-alpha;
-  }
-  
-article ol ol ol,
-article ol ul ol,
-article ul ol ol,
-article ul ul ol {
-  list-style-type: lower-roman;
-}
-
-*/
-  article ol ol {
-    list-style-type: lower-alpha;
-  }
-  
-  article ul li ul li:last-child,
-  article ol li ol li:last-child {
-    margin-bottom:6px!important
-  }
-  
-  article ul li ul li ul li:first-child,
-  article ol li ol li ol li:first-child {
-    margin-top:6px!important
-  }
-  article ul li ul li ul li:last-child,
-  article ol li ol li ol li:last-child {
-    margin-bottom:6px!important
-  }
 
 /* First-level bullets margin */
 
@@ -254,6 +223,7 @@ article ul>li:last-child {
     padding-bottom: 10px;
 }
 
+
 /* Exclude these overrides from tab group headers */
 
 article .tabGroup>ul>li:before {
@@ -264,6 +234,7 @@ article .tabGroup>ul>li:last-child {
     padding-bottom: 0;
 }
 
+
 /* Second-level bullets */
 
 article ul li ul li,
@@ -365,10 +336,6 @@ pre {
     margin-bottom: 10px;
 }
 
-.article ol li img {
-    margin-top:0px;
-}
-
 
 /* Tables */
 
@@ -392,20 +359,20 @@ pre {
     font-size: 14px;
 }
 
-tr>th, th {
+th {
     font-weight: 600;
     color: #006d9a;
 }
 
 .table-bordered>thead>tr>td,
 .table-bordered>thead>tr>th {
-    border-bottom: 1px solid #006d9a;
+    border-bottom: 1px solid #D7DDE4;
     padding-top: 15px;
     font-size: 14px;
 }
 
 td:nth-of-type(1) {
-    font-weight: 400;
+    font-weight: 600;
 }
 
 .table-striped>tbody>tr:nth-of-type(2n+1) {
@@ -418,18 +385,18 @@ td:nth-of-type(1) {
 .alert {
     color: #333;
     background-color: white;
-    border: solid 1px;
-    box-shadow: none;
-    margin-top: 20px;
-    margin-bottom: 20px;
-    padding-left: 40px;
+    border-top: #d7dde4 solid 1px;
+    border-right: #d7dde4 solid 1px;
+    border-bottom: #d7dde4 solid 1px;
+    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1);
+    margin-top: 30px;
+    margin-bottom: 30px;
 }
 
 .alert h5 {
-    font-size: 15px;
+    font-size: 18px;
     text-transform: none;
     padding-bottom: 5px;
-    margin-bottom: 0px !important;
 }
 
 .alert h5:before {
@@ -442,61 +409,44 @@ td:nth-of-type(1) {
     -moz-osx-font-smoothing: grayscale;
     margin-right: 8px;
     font-weight: normal;
-    margin-left: -25px;
-    vertical-align: text-top;
-}
-
-.alert h5:after {
-    content: ": ";
 }
 
-.alert h5,
-.alert >p:first-of-type
- {
-  display: inline;
-  line-height: 1.25;
-  padding-bottom: 7px;
+.alert-info h5 {
+    color: #6e53a3;
 }
 
-.alert-info {
-    background-color: #E2F5FF;
-    border-color: #C6EAFF;
-}
-
-.alert-info h5, .alert-info p, .alert-info li {
-    color: #004358;
-  }
-
 .alert-info h5:before {
     content: "\f05a";
 }
 
-.alert-warning {
-    background-color: #F6DAD2;
-    border-color: #eeb5a5;
+.alert-info {
+    border-left: #6e53a3 solid 8px;
 }
 
-.alert-warning h5, .alert-warning p, .alert-warning li {
-    color: #662613;
+.alert-warning h5 {
+    color: #f8961d;
 }
 
 .alert-warning h5:before {
     content: "\f071";
 }
 
-.alert-danger {
-    background-color: #fff8d8;
-    border-color: #fff0b2;
+.alert-warning {
+    border-left: #f8961d solid 8px;
 }
 
-.alert-danger h5, .alert-danger p, .alert-danger li {
-    color: #953C09;
-  }
+.alert-danger h5 {
+    color: #00aeff;
+}
 
 .alert-danger h5:before {
     content: "\f06a";
 }
 
+.alert-danger {
+    border-left: #00aeff solid 8px;
+}
+
 .label-info {
     background-color: #00aeff;
     line-height: 2.25;
@@ -530,36 +480,26 @@ td:nth-of-type(1) {
 }
 
 #platform-box {
-    color: #131314;
-    border-left: #006d9a solid 6px;
-    border-top: #006d9a solid 1px;
-    border-right: #006d9a solid 1px;
-    border-bottom: #006d9a solid 1px;
+    border-left: #00abf9 solid 6px;
 }
 
 #CADS-box {
-    border-left: #528052 solid 6px;
-    border-top: #528052 solid 1px;
-    border-right: #528052 solid 1px;
-    border-bottom: #528052 solid 1px;
+    border-left: #6E53A3 solid 6px;
 }
 
 #ACO-box {
-    border-left: #ce4709 solid 6px;
-    border-top: #ce4709 solid 1px;
-    border-right: #ce4709 solid 1px;
-    border-bottom: #ce4709 solid 1px;
+    border-left: #F89E54 solid 6px;
 }
 
 #OPM-box {
-    border-left: #ce4709 solid 6px;
+    border-left: #E04E5B solid 6px;
 }
 
 
 /* TOC */
 
 .toc .level1>li {
-    color: #131314;
+    color: #6D6E70;
     font-size: 14px;
     /* text-transform: uppercase; */
     margin-bottom: 5px;
@@ -571,24 +511,24 @@ td:nth-of-type(1) {
 }
 
 .toc .nav>li>a {
-    color: #131314;
+    color: #6D6E70;
     padding-top: 10px;
     line-height: 1.2;
 }
 
 .toc .nav>li.active>a {
-    color: #004256;
+    color: #00aeff;
     border-bottom-width: 4px;
 }
 
 .toc .nav>li>a:hover,
 .toc .nav>li>a:focus {
-    color: #004256;
+    color: #00aeff;
 }
 
 .toc .nav>li.active>a:hover,
 .toc .nav>li.active>a:focus {
-    color: #004256;
+    color: #00aeff;
 }
 
 
@@ -819,10 +759,10 @@ body .toc,
 .affix ul>li>a:hover,
 .affix ul>li.active>a,
 .affix ul>li>a:focus {
-    color: #004256;
+    color: #00aeff;
     text-decoration: none;
     background-color: transparent;
-    border-left-color: #004256;
+    border-left-color: #00aeff;
 }
 
 
@@ -847,7 +787,7 @@ body .toc,
 /* All links */
 
 .affix ul>li>a {
-    color: #131314;
+    color: #999;
     border-left: 2px solid transparent;
     padding-top: 4px;
     padding-left: 20px;
@@ -921,16 +861,16 @@ output {
 /* Search results */
 
 .sr-item>.item-href {
-    color: #131314;
+    color: #a1a1a1;
 }
 
 .pagination>.active>a {
-    background-color: #004256;
-    border-color: #004256;
+    background-color: #00AEFF;
+    border-color: #00AEFF;
 }
 
 .pagination>li>a {
-    color: #004256;
+    color: #00aeff;
 }
 
 .pagination>.disabled>a,
@@ -993,7 +933,7 @@ output {
 #home-page-subhead {
     font-size: 18px;
     line-height: 1.5;
-    color: #131314;
+    color: #333;
     font-weight: 600;
     margin-top: 25px;
     margin-bottom: 10px;
@@ -1003,7 +943,6 @@ output {
 /*Home page column headers */
 
 #home-page-col-head,
-#home-page-col-head-platform,
 #home-page-col-head-dev,
 #home-page-col-head-ACO,
 #home-page-col-head-CADS,
@@ -1014,13 +953,13 @@ output {
     margin-top: 25px;
 }
 
-#home-page-col-head, #home-page-col-head-platform {
-    color: #006d9a;
+#home-page-col-head {
+    color: #00abf9;
 }
 
 #home-page-col-head-dev,
 #home-page-col-head-ACO {
-    color: #ce4709;
+    color: #f8961d;
 }
 
 #home-page-col-head-OPM {
@@ -1028,7 +967,7 @@ output {
 }
 
 #home-page-col-head-CADS {
-    color: #528052;
+    color: #6E53A3;
 }
 
 
@@ -1039,25 +978,6 @@ output {
     margin-left: -30px;
 }
 
-.home-box {
-    background-color: white;
-    margin-top: 25px;
-    margin-bottom: 30px;
-    padding: 15px;
-    border-radius: 5px;
-}
-  
-.home-box h5 {
-    font-size: 18px;
-    text-transform: none;
-    margin-top:0px;
-    margin-bottom:0px;
-    padding-bottom: 10px;
-}
-  
-.home-box p:last-of-type {
-    margin-bottom: 0px;
-}
 
 /* -------------------------------------------------------------- */
 
@@ -1150,7 +1070,7 @@ output {
 }
 
 .dropdown-menu li>a {
-    color: #131314;
+    color: #333333;
     font-weight: 300;
     padding: 12px 24px;
     width: 100%;
@@ -1158,12 +1078,12 @@ output {
 
 .dropdown-menu li>a:hover {
     background-color: #ddd !important;
-    color: #131314 !important;
+    color: #333 !important;
 }
 
 .dropdown-menu>.active>a,
 .dropdown-menu>.active>a:focus {
-    color: #131314;
+    color: #333;
     background-color: #f1f1f1;
 }
 
@@ -1282,7 +1202,7 @@ output {
     height: 30px;
     width: 100%;
     max-width: 180px;
-    color: #131314;
+    color: #333;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
@@ -1332,13 +1252,13 @@ output {
 }
 
 .docs-subnav-search-icon {
-    color: #131314;
+    color: #333333;
     padding: 0 2px 1px 2px;
     display: inline-flex;
 }
 
 .docs-subnav-search-close {
-    color: #131314;
+    color: #333;
     padding: 0 20px;
     font-size: 20px;
     cursor: pointer;
@@ -1381,7 +1301,7 @@ output {
 }
 
 #search-query {
-    color: #131314;
+    color: #333333;
     font-size: 14px;
     font-family: 'Open Sans', sans-serif;
     padding-left: 10px;
@@ -1469,7 +1389,7 @@ a.anchor {
 
 .feedback-top-left {
     font-size: 16px;
-    color: #131314;
+    color: #333;
 }
 
 .feedback-top-left>.form-group {
@@ -1494,7 +1414,7 @@ a.anchor {
 }
 
 .feedback-button:not(:disabled):hover {
-    color: #131314;
+    color: #333;
     background-color: #e5e5e5;
 }
 
@@ -1701,7 +1621,7 @@ a.anchor {
 /* Styling for code copy buttons  ------------------------- */
 
 .copy-code-button {
-    color: #131314;
+    color: #333333;
     background-color: #f1f1f1;
     border: 1px solid #a1a1a1;
     border-radius: 3px 3px 3px 3px;
@@ -1719,7 +1639,7 @@ a.anchor {
 .copy-code-button:focus {
     cursor: pointer;
     background-color: #e5e5e5;
-    color: #131314;
+    color: #333;
 }
 
 .copy-code-button:focus {
@@ -1753,7 +1673,7 @@ pre {
   */
 
 .statusMessage {
-    background-color: #aae2c8;
+    background-color: #d9eaf2;
     font-size: 13.5px;
     font-weight: 600;
     padding-top: 15px;
@@ -1777,7 +1697,7 @@ pre {
 .toc-deprecated:before {
     content: 'Deprecated' !important;
     background-color: #d7dde4;
-    color: #131314;
+    color: #333;
     border-radius: 3px;
     font-size: 9px;
     text-transform: uppercase;
@@ -1867,31 +1787,4 @@ pre {
     margin-left: -52px;
     padding-right: 10px;
     color: #00aeff;
-}
-
-/* Formats the use case table, including inserting the use case header */
-
-.use-case {  /* Sets the width of the use case table */
-    width:100%;
-  }
-  
-  .use-case td:first-child {  /* Sets the width of the first column */
-    width:20%;
-  }
-  
-  .use-case td:first-child img { /* Sets properties for the image in the first column */
-  
-    padding-right:15px;
-    height: 125px;
-    width: 125px;
-    border:none !important;
-  }
-  
-  .use-case::before { /* Adds the heading "Use Case" above the table; applies the same formatting to that heading that's used for h3 */
-    content: "Use Case";
-    font-size: 22px;
-    font-weight: 600;
-    line-height: 1.5;
-    color: #131314;
-    margin-top: 30px;
-  }
+}