From f4310cd84efc3ffd6775f3062758211574decfa1 Mon Sep 17 00:00:00 2001 From: Lisa-Ann B Date: Thu, 16 Apr 2026 09:53:45 -0400 Subject: [PATCH 1/3] Add display--sennet css class - #87 --- docs/css/main.css | 4 ++-- src/styles/general/_reset.styl | 3 +++ 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/docs/css/main.css b/docs/css/main.css index 1f1db458..e09ed8c2 100644 --- a/docs/css/main.css +++ b/docs/css/main.css @@ -2,6 +2,6 @@ * hubmapdocs - * @version v0.1.0 * @link https://docs.hubmapconsortium.org/ - * @date Fri Jan 16 2026 11:25:18 GMT-0500 (Eastern Standard Time) + * @date Thu Apr 16 2026 09:52:55 GMT-0400 (Eastern Daylight Time) */ -.h1{font-size:2.13rem;line-height:1.294117647058824}.h2{font-size:1.63rem;line-height:1.615384615384615}.h3{font-size:1.5rem;line-height:1.666666666666667}.h4{font-size:1.38rem;line-height:1.727272727272727}.p1{font-size:1.5rem;line-height:1.416666666666667}.p2{font-size:1.32rem;line-height:1.476190476190476}.p3{font-size:1.13rem;line-height:1.555555555555556}.p4{font-size:1rem;line-height:1.625}.p5{font-size:.88rem;line-height:1.714285714285714}.p6{font-size:.75rem;line-height:1.833333333333333}pre{box-shadow:0 0 10px rgba(0,0,0,0.1);color:#333;background-color:#fff;font-family:Monaco,"Bitstream Vera Sans Mono","Lucida Console",Terminal,monospace;font-size:14px;border-radius:2px;padding:10px;overflow:auto}code{background-color:#fcfcfc;color:#0f5b30}.clear{clear:both}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;line-height:24px;font-weight:340;background:#f2f2f2}html,body{height:100%}body{font-size:1rem;line-height:1.625;position:relative;line-height:1.5;text-size-adjust:none;font-family:Inter Variable,Helvetica,Arial,sans-serif}li{list-style-position:inside}a,a:visited{color:#2a6fb8;text-decoration:none;font-weight:bolder}a:hover{text-decoration:underline}.hide{display:none}details{margin-top:1em}ul ~ h1,ul ~ h2,ul ~ h3,ul ~ h4,ul ~ h5,ul ~ h6,table ~ h2,table ~ h3{margin-top:1rem}[tabindex="0"]:active,[tabindex="0"]:focus,[tabindex="1"]:active,[tabindex="1"]:focus,a:active,a:focus,button:active,button:focus,input:active,input:focus,select:active,select:focus,textarea:active,textarea:focus{outline:1px dotted #2a6fb8}table{width:auto;box-shadow:0 0 10px rgba(0,0,0,0.1);border-collapse:collapse;background:#fff}table tr{border:1px solid #ddd}table td,table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6;background-color:#fff !important}table th{font-weight:bold}.txt--highlight{background-color:#7fffd4;padding:.2em .3em}.c-documentation ul,.c-documentation ol{margin:0 0 15px 30px}.c-documentation h3,.c-documentation h4,.c-documentation h5{margin-top:1em}.c-documentation summary{background-color:#265a92;color:#fff;padding:7px;margin-top:5px;margin-bottom:5px}.c-documentation--dsg ol{box-sizing:border-box;list-style:decimal}.c-documentation--dsg li{list-style-position:outside}.c-breadcrumbs{margin-bottom:2em}@media (max-width:1024px){.c-breadcrumbs{margin-top:60px}}.c-breadcrumbs li{position:relative;list-style:none;display:inline-block;margin:0 10px}.c-breadcrumbs li.is-active a{color:#1e4879}.c-breadcrumbs li:last-child:after{content:none}.c-breadcrumbs li:first-child{margin-left:0}.c-breadcrumbs li:after{font-family:'FontAwesome';position:absolute;font-size:.57rem;content:'\f054';display:inline-block;margin-left:5px;top:5px}.c-code{box-shadow:0 0 10px rgba(0,0,0,0.1);color:#333;background-color:#fff;font-family:Monaco,"Bitstream Vera Sans Mono","Lucida Console",Terminal,monospace;font-size:14px;border-radius:2px;padding:10px;overflow:auto}.c-container{max-width:1000px;margin:auto;color:#333;margin:40px auto;margin-bottom:6em;min-height:calc(100vh - 100px)}@media (max-width:1024px){.c-container{padding:0 1em}}@media (max-width:1024px){.c-container{padding:0 2em}}.c-container section{margin:1em 0}.c-container p{margin:1em 0}.c-container .c-documentation--dsg img{width:inherit}@media (max-width:767px){.c-container img:not(.w-fixed){width:100% !important}}.c-fileMeta{font-size:.75rem;line-height:1.833333333333333;color:#807e7e;margin:1em 0}.c-fileMeta__label{display:none}.c-fileMeta__label.is-active{display:inline-block}.c-footer{position:inherit;color:#6c757d}.c-footer__main{font-weight:bold;text-align:right;padding:30px;border-top:solid 1px #ccc;background-color:#444a65;color:#fff}.c-footer__wrap{max-width:1000px;margin:auto}@media (max-width:1024px){.c-footer__wrap{padding:0 1em}}.c-footer__meta{max-width:1000px;margin:auto}@media (max-width:1024px){.c-footer__meta{padding:0 1em}}.c-header{position:relative;background-color:#444a65;border:none;padding-top:6px}@media (max-width:1024px){.c-header .lg{display:none}}@media (min-width:992px){.c-header{height:90px}}@media (max-width:1024px){.c-header{padding:15px 0}}.c-header > .c-header__main{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.c-header__sm{margin-left:60px;color:#fff}@media (min-width:992px){.c-header__sm{display:none}}.c-header__main{width:90%;margin:auto}@media (min-width:992px){.c-header__main{position:relative;max-width:1000px;margin:auto}}@media (min-width:992px) and (max-width:1024px){.c-header__main{padding:0 1em}}@media (max-width:1024px){.c-header__menu{margin-top:20px}}@media (min-width:992px){.c-header__menu{position:relative;margin-left:20%}}.c-header__logo{margin-right:50px;padding-top:0}.c-header__logo img{position:absolute;height:40px;top:-5px}@media (max-width:1024px){.c-header__logo img{top:15px}}@media (min-width:1025px){.c-header__search{position:absolute;right:-50px}}.c-header__search input{padding:7px 10px;width:auto;transition:all .5s ease;opacity:1}.c-header__search input.is-hidden{width:0;opacity:0;border:0;padding:0}.c-header__search .list-group{position:absolute;z-index:1000;background-color:#fff;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;width:300px;max-height:400px;overflow-y:auto;overflow-x:hidden;border-radius:3px;width:0;opacity:0;transition:.5s ease opacity}.c-header__search .list-group.is-active{border:solid 1px #eee;width:300px;opacity:1}.c-header__search .list-group li{margin:0;border-bottom:solid 1px #eee}.c-header__search .list-group li::marker{display:none}.c-header__search .list-group a,.c-header__search .list-group span{font-weight:normal;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:#333;padding:5px 10px;display:block}.c-header__search .list-group a:hover,.c-header__search .list-group span:hover{color:#2a6fb8}.c-header li{font-size:1.5rem;line-height:1.416666666666667;color:#fff}@media (max-width:1024px){.c-header li{font-size:1.13rem;line-height:1.555555555555556}}.c-header li.h2{font-size:1.63rem;font-weight:bold}.c-header li.extra--right{position:absolute;right:5%;font-size:1rem;margin-top:5px}.c-header li a{color:#fff;text-decoration:none}.c-header li a:hover{color:#fff}@media (min-width:992px){.c-header li{font-size:1.5rem;line-height:1.416666666666667;list-style:none;display:inline-block;margin-left:15px;margin-right:15px;color:#fff}.c-header li a:hover{text-decoration:underline}.c-header li:first-child{margin-left:0}}.c-sidebar{position:relative}.c-sidebar .has-collapser{position:relative}.c-sidebar .has-collapser.is-open:after{content:'\f147'}.c-sidebar .has-collapser > ul{display:none}.c-sidebar .has-collapser > ul.is-visible{display:block}.c-sidebar .has-collapser:after{font-family:'FontAwesome';position:absolute;content:'\f196';width:24px;height:24px;top:15px;right:0;cursor:pointer}@media (min-width:1025px) and (max-width:1700px){.c-sidebar ~ .c-container{max-width:60%;margin-left:30%}}.c-sidebar.is-active .c-sidebar__main{position:fixed}.c-sidebar.is-static .c-sidebar__main{position:relative}.c-sidebar__wrap{position:absolute;width:20%}@media (max-width:1700px){.c-sidebar__wrap{width:25%}}@media (max-width:1024px){.c-sidebar__wrap{position:relative}}@media (max-width:1025px){.c-sidebar__wrap{width:100%}}.c-sidebar__main{position:relative;top:30px;padding-left:30px;padding-right:30px;height:80vh}@media (max-width:1024px){.c-sidebar__main{height:auto}}.c-sidebar__main > h2{margin-bottom:.8em}.c-sidebar__list{background:#fff;overflow-y:auto;border-bottom:solid 1px #eee}.c-sidebar__list > ul{border:solid 1px #eee;padding:1em}.c-sidebar__list > ul > li:first-child{border-top:none}.c-sidebar__list li{list-style:none;padding:.5em 0;border-top:solid 1px #eee}.c-sidebar__list li.has-children{font-size:1rem;line-height:1.625}.c-sidebar__list li.c-sidebar__level--2 a{font-weight:bold}.c-sidebar__list li.c-sidebar__level--3 a{padding-left:.8em;font-weight:normal}.c-sidebar__list ul li > ul a{font-size:.88rem;line-height:1.714285714285714;color:#333;padding-left:.4em}.c-sidebar__list ul li > ul a:before{font-family:'FontAwesome';content:'-';display:inline-block;margin-right:.5em}.c-sidebar__list ul.c-sidebar__level--1 li{padding-bottom:.2em}.c-sidebar__list ul.has-parent{margin-top:.5em}.c-table--scrollable{overflow:auto scroll}smuted,smuted a{font-size:13px;color:#6c757d !important}extlnk{display:inline-flex !important;align-items:center}extlnk:after{font-family:'FontAwesome';content:'\f08e';margin-left:.15rem;font-size:12px;color:#2a6fb8} \ No newline at end of file +.h1{font-size:2.13rem;line-height:1.294117647058824}.h2{font-size:1.63rem;line-height:1.615384615384615}.h3{font-size:1.5rem;line-height:1.666666666666667}.h4{font-size:1.38rem;line-height:1.727272727272727}.p1{font-size:1.5rem;line-height:1.416666666666667}.p2{font-size:1.32rem;line-height:1.476190476190476}.p3{font-size:1.13rem;line-height:1.555555555555556}.p4{font-size:1rem;line-height:1.625}.p5{font-size:.88rem;line-height:1.714285714285714}.p6{font-size:.75rem;line-height:1.833333333333333}pre{box-shadow:0 0 10px rgba(0,0,0,0.1);color:#333;background-color:#fff;font-family:Monaco,"Bitstream Vera Sans Mono","Lucida Console",Terminal,monospace;font-size:14px;border-radius:2px;padding:10px;overflow:auto}code{background-color:#fcfcfc;color:#0f5b30}.clear{clear:both}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;line-height:24px;font-weight:340;background:#f2f2f2}html,body{height:100%}body{font-size:1rem;line-height:1.625;position:relative;line-height:1.5;text-size-adjust:none;font-family:Inter Variable,Helvetica,Arial,sans-serif}li{list-style-position:inside}a,a:visited{color:#2a6fb8;text-decoration:none;font-weight:bolder}a:hover{text-decoration:underline}.hide{display:none}details{margin-top:1em}ul ~ h1,ul ~ h2,ul ~ h3,ul ~ h4,ul ~ h5,ul ~ h6,table ~ h2,table ~ h3{margin-top:1rem}[tabindex="0"]:active,[tabindex="0"]:focus,[tabindex="1"]:active,[tabindex="1"]:focus,a:active,a:focus,button:active,button:focus,input:active,input:focus,select:active,select:focus,textarea:active,textarea:focus{outline:1px dotted #2a6fb8}.display--sennet{display:none !important}table{width:auto;box-shadow:0 0 10px rgba(0,0,0,0.1);border-collapse:collapse;background:#fff}table tr{border:1px solid #ddd}table td,table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6;background-color:#fff !important}table th{font-weight:bold}.txt--highlight{background-color:#7fffd4;padding:.2em .3em}.c-documentation ul,.c-documentation ol{margin:0 0 15px 30px}.c-documentation h3,.c-documentation h4,.c-documentation h5{margin-top:1em}.c-documentation summary{background-color:#265a92;color:#fff;padding:7px;margin-top:5px;margin-bottom:5px}.c-documentation--dsg ol{box-sizing:border-box;list-style:decimal}.c-documentation--dsg li{list-style-position:outside}.c-breadcrumbs{margin-bottom:2em}@media (max-width:1024px){.c-breadcrumbs{margin-top:60px}}.c-breadcrumbs li{position:relative;list-style:none;display:inline-block;margin:0 10px}.c-breadcrumbs li.is-active a{color:#1e4879}.c-breadcrumbs li:last-child:after{content:none}.c-breadcrumbs li:first-child{margin-left:0}.c-breadcrumbs li:after{font-family:'FontAwesome';position:absolute;font-size:.57rem;content:'\f054';display:inline-block;margin-left:5px;top:5px}.c-code{box-shadow:0 0 10px rgba(0,0,0,0.1);color:#333;background-color:#fff;font-family:Monaco,"Bitstream Vera Sans Mono","Lucida Console",Terminal,monospace;font-size:14px;border-radius:2px;padding:10px;overflow:auto}.c-container{max-width:1000px;margin:auto;color:#333;margin:40px auto;margin-bottom:6em;min-height:calc(100vh - 100px)}@media (max-width:1024px){.c-container{padding:0 1em}}@media (max-width:1024px){.c-container{padding:0 2em}}.c-container section{margin:1em 0}.c-container p{margin:1em 0}.c-container .c-documentation--dsg img{width:inherit}@media (max-width:767px){.c-container img:not(.w-fixed){width:100% !important}}.c-fileMeta{font-size:.75rem;line-height:1.833333333333333;color:#807e7e;margin:1em 0}.c-fileMeta__label{display:none}.c-fileMeta__label.is-active{display:inline-block}.c-footer{position:inherit;color:#6c757d}.c-footer__main{font-weight:bold;text-align:right;padding:30px;border-top:solid 1px #ccc;background-color:#444a65;color:#fff}.c-footer__wrap{max-width:1000px;margin:auto}@media (max-width:1024px){.c-footer__wrap{padding:0 1em}}.c-footer__meta{max-width:1000px;margin:auto}@media (max-width:1024px){.c-footer__meta{padding:0 1em}}.c-header{position:relative;background-color:#444a65;border:none;padding-top:6px}@media (max-width:1024px){.c-header .lg{display:none}}@media (min-width:992px){.c-header{height:90px}}@media (max-width:1024px){.c-header{padding:15px 0}}.c-header > .c-header__main{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.c-header__sm{margin-left:60px;color:#fff}@media (min-width:992px){.c-header__sm{display:none}}.c-header__main{width:90%;margin:auto}@media (min-width:992px){.c-header__main{position:relative;max-width:1000px;margin:auto}}@media (min-width:992px) and (max-width:1024px){.c-header__main{padding:0 1em}}@media (max-width:1024px){.c-header__menu{margin-top:20px}}@media (min-width:992px){.c-header__menu{position:relative;margin-left:20%}}.c-header__logo{margin-right:50px;padding-top:0}.c-header__logo img{position:absolute;height:40px;top:-5px}@media (max-width:1024px){.c-header__logo img{top:15px}}@media (min-width:1025px){.c-header__search{position:absolute;right:-50px}}.c-header__search input{padding:7px 10px;width:auto;transition:all .5s ease;opacity:1}.c-header__search input.is-hidden{width:0;opacity:0;border:0;padding:0}.c-header__search .list-group{position:absolute;z-index:1000;background-color:#fff;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;width:300px;max-height:400px;overflow-y:auto;overflow-x:hidden;border-radius:3px;width:0;opacity:0;transition:.5s ease opacity}.c-header__search .list-group.is-active{border:solid 1px #eee;width:300px;opacity:1}.c-header__search .list-group li{margin:0;border-bottom:solid 1px #eee}.c-header__search .list-group li::marker{content:''}.c-header__search .list-group a,.c-header__search .list-group span{font-weight:normal;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:#333;padding:5px 10px;display:block}.c-header__search .list-group a:hover,.c-header__search .list-group span:hover{color:#2a6fb8}.c-header li{font-size:1.5rem;line-height:1.416666666666667;color:#fff}@media (max-width:1024px){.c-header li{font-size:1.13rem;line-height:1.555555555555556}}.c-header li.h2{font-size:1.63rem;font-weight:bold}.c-header li.extra--right{position:absolute;right:5%;font-size:1rem;margin-top:5px}.c-header li a{color:#fff;text-decoration:none}.c-header li a:hover{color:#fff}@media (min-width:992px){.c-header li{font-size:1.5rem;line-height:1.416666666666667;list-style:none;display:inline-block;margin-left:15px;margin-right:15px;color:#fff}.c-header li a:hover{text-decoration:underline}.c-header li:first-child{margin-left:0}}.c-sidebar{position:relative}.c-sidebar .has-collapser{position:relative}.c-sidebar .has-collapser.is-open:after{content:'\f147'}.c-sidebar .has-collapser > ul{display:none}.c-sidebar .has-collapser > ul.is-visible{display:block}.c-sidebar .has-collapser:after{font-family:'FontAwesome';position:absolute;content:'\f196';width:24px;height:24px;top:15px;right:0;cursor:pointer}@media (min-width:1025px) and (max-width:1700px){.c-sidebar ~ .c-container{max-width:60%;margin-left:30%}}.c-sidebar.is-active .c-sidebar__main{position:fixed}.c-sidebar.is-static .c-sidebar__main{position:relative}.c-sidebar__wrap{position:absolute;width:20%}@media (max-width:1700px){.c-sidebar__wrap{width:25%}}@media (max-width:1024px){.c-sidebar__wrap{position:relative}}@media (max-width:1025px){.c-sidebar__wrap{width:100%}}.c-sidebar__main{position:relative;top:30px;padding-left:30px;padding-right:30px;height:80vh}@media (max-width:1024px){.c-sidebar__main{height:auto}}.c-sidebar__main > h2{margin-bottom:.8em}.c-sidebar__list{background:#fff;overflow-y:auto;border-bottom:solid 1px #eee}.c-sidebar__list > ul{border:solid 1px #eee;padding:1em}.c-sidebar__list > ul > li:first-child{border-top:none}.c-sidebar__list li{list-style:none;padding:.5em 0;border-top:solid 1px #eee}.c-sidebar__list li.has-children{font-size:1rem;line-height:1.625}.c-sidebar__list li.c-sidebar__level--2 a{font-weight:bold}.c-sidebar__list li.c-sidebar__level--3 a{padding-left:.8em;font-weight:normal}.c-sidebar__list ul li > ul a{font-size:.88rem;line-height:1.714285714285714;color:#333;padding-left:.4em}.c-sidebar__list ul li > ul a:before{font-family:'FontAwesome';content:'-';display:inline-block;margin-right:.5em}.c-sidebar__list ul.c-sidebar__level--1 li{padding-bottom:.2em}.c-sidebar__list ul.has-parent{margin-top:.5em}.c-table--scrollable{overflow:auto scroll}smuted,smuted a{font-size:13px;color:#6c757d !important}extlnk{display:inline-flex !important;align-items:center}extlnk:after{font-family:'FontAwesome';content:'\f08e';margin-left:.15rem;font-size:12px;color:#2a6fb8} \ No newline at end of file diff --git a/src/styles/general/_reset.styl b/src/styles/general/_reset.styl index ab6b1ec4..53a656d9 100644 --- a/src/styles/general/_reset.styl +++ b/src/styles/general/_reset.styl @@ -43,3 +43,6 @@ ul ~ h1, ul ~ h2, ul ~ h3, ul ~ h4, ul ~ h5, ul ~ h6, table ~ h2, table ~ h3 [tabindex="0"]:active, [tabindex="0"]:focus, [tabindex="1"]:active, [tabindex="1"]:focus, a:active, a:focus, button:active, button:focus, input:active, input:focus, select:active, select:focus, textarea:active, textarea:focus outline: 1px dotted $col-primary-blue + +.display--sennet + display none !important \ No newline at end of file From 13c02597a4be82193fa7a1104b2a06a4625807e4 Mon Sep 17 00:00:00 2001 From: Lisa-Ann B Date: Thu, 16 Apr 2026 10:54:46 -0400 Subject: [PATCH 2/3] Make class name less verbose for easier typing - #87 --- docs/css/main.css | 4 ++-- src/styles/general/_reset.styl | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/css/main.css b/docs/css/main.css index e09ed8c2..dd445fd1 100644 --- a/docs/css/main.css +++ b/docs/css/main.css @@ -2,6 +2,6 @@ * hubmapdocs - * @version v0.1.0 * @link https://docs.hubmapconsortium.org/ - * @date Thu Apr 16 2026 09:52:55 GMT-0400 (Eastern Daylight Time) + * @date Thu Apr 16 2026 10:54:20 GMT-0400 (Eastern Daylight Time) */ -.h1{font-size:2.13rem;line-height:1.294117647058824}.h2{font-size:1.63rem;line-height:1.615384615384615}.h3{font-size:1.5rem;line-height:1.666666666666667}.h4{font-size:1.38rem;line-height:1.727272727272727}.p1{font-size:1.5rem;line-height:1.416666666666667}.p2{font-size:1.32rem;line-height:1.476190476190476}.p3{font-size:1.13rem;line-height:1.555555555555556}.p4{font-size:1rem;line-height:1.625}.p5{font-size:.88rem;line-height:1.714285714285714}.p6{font-size:.75rem;line-height:1.833333333333333}pre{box-shadow:0 0 10px rgba(0,0,0,0.1);color:#333;background-color:#fff;font-family:Monaco,"Bitstream Vera Sans Mono","Lucida Console",Terminal,monospace;font-size:14px;border-radius:2px;padding:10px;overflow:auto}code{background-color:#fcfcfc;color:#0f5b30}.clear{clear:both}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;line-height:24px;font-weight:340;background:#f2f2f2}html,body{height:100%}body{font-size:1rem;line-height:1.625;position:relative;line-height:1.5;text-size-adjust:none;font-family:Inter Variable,Helvetica,Arial,sans-serif}li{list-style-position:inside}a,a:visited{color:#2a6fb8;text-decoration:none;font-weight:bolder}a:hover{text-decoration:underline}.hide{display:none}details{margin-top:1em}ul ~ h1,ul ~ h2,ul ~ h3,ul ~ h4,ul ~ h5,ul ~ h6,table ~ h2,table ~ h3{margin-top:1rem}[tabindex="0"]:active,[tabindex="0"]:focus,[tabindex="1"]:active,[tabindex="1"]:focus,a:active,a:focus,button:active,button:focus,input:active,input:focus,select:active,select:focus,textarea:active,textarea:focus{outline:1px dotted #2a6fb8}.display--sennet{display:none !important}table{width:auto;box-shadow:0 0 10px rgba(0,0,0,0.1);border-collapse:collapse;background:#fff}table tr{border:1px solid #ddd}table td,table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6;background-color:#fff !important}table th{font-weight:bold}.txt--highlight{background-color:#7fffd4;padding:.2em .3em}.c-documentation ul,.c-documentation ol{margin:0 0 15px 30px}.c-documentation h3,.c-documentation h4,.c-documentation h5{margin-top:1em}.c-documentation summary{background-color:#265a92;color:#fff;padding:7px;margin-top:5px;margin-bottom:5px}.c-documentation--dsg ol{box-sizing:border-box;list-style:decimal}.c-documentation--dsg li{list-style-position:outside}.c-breadcrumbs{margin-bottom:2em}@media (max-width:1024px){.c-breadcrumbs{margin-top:60px}}.c-breadcrumbs li{position:relative;list-style:none;display:inline-block;margin:0 10px}.c-breadcrumbs li.is-active a{color:#1e4879}.c-breadcrumbs li:last-child:after{content:none}.c-breadcrumbs li:first-child{margin-left:0}.c-breadcrumbs li:after{font-family:'FontAwesome';position:absolute;font-size:.57rem;content:'\f054';display:inline-block;margin-left:5px;top:5px}.c-code{box-shadow:0 0 10px rgba(0,0,0,0.1);color:#333;background-color:#fff;font-family:Monaco,"Bitstream Vera Sans Mono","Lucida Console",Terminal,monospace;font-size:14px;border-radius:2px;padding:10px;overflow:auto}.c-container{max-width:1000px;margin:auto;color:#333;margin:40px auto;margin-bottom:6em;min-height:calc(100vh - 100px)}@media (max-width:1024px){.c-container{padding:0 1em}}@media (max-width:1024px){.c-container{padding:0 2em}}.c-container section{margin:1em 0}.c-container p{margin:1em 0}.c-container .c-documentation--dsg img{width:inherit}@media (max-width:767px){.c-container img:not(.w-fixed){width:100% !important}}.c-fileMeta{font-size:.75rem;line-height:1.833333333333333;color:#807e7e;margin:1em 0}.c-fileMeta__label{display:none}.c-fileMeta__label.is-active{display:inline-block}.c-footer{position:inherit;color:#6c757d}.c-footer__main{font-weight:bold;text-align:right;padding:30px;border-top:solid 1px #ccc;background-color:#444a65;color:#fff}.c-footer__wrap{max-width:1000px;margin:auto}@media (max-width:1024px){.c-footer__wrap{padding:0 1em}}.c-footer__meta{max-width:1000px;margin:auto}@media (max-width:1024px){.c-footer__meta{padding:0 1em}}.c-header{position:relative;background-color:#444a65;border:none;padding-top:6px}@media (max-width:1024px){.c-header .lg{display:none}}@media (min-width:992px){.c-header{height:90px}}@media (max-width:1024px){.c-header{padding:15px 0}}.c-header > .c-header__main{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.c-header__sm{margin-left:60px;color:#fff}@media (min-width:992px){.c-header__sm{display:none}}.c-header__main{width:90%;margin:auto}@media (min-width:992px){.c-header__main{position:relative;max-width:1000px;margin:auto}}@media (min-width:992px) and (max-width:1024px){.c-header__main{padding:0 1em}}@media (max-width:1024px){.c-header__menu{margin-top:20px}}@media (min-width:992px){.c-header__menu{position:relative;margin-left:20%}}.c-header__logo{margin-right:50px;padding-top:0}.c-header__logo img{position:absolute;height:40px;top:-5px}@media (max-width:1024px){.c-header__logo img{top:15px}}@media (min-width:1025px){.c-header__search{position:absolute;right:-50px}}.c-header__search input{padding:7px 10px;width:auto;transition:all .5s ease;opacity:1}.c-header__search input.is-hidden{width:0;opacity:0;border:0;padding:0}.c-header__search .list-group{position:absolute;z-index:1000;background-color:#fff;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;width:300px;max-height:400px;overflow-y:auto;overflow-x:hidden;border-radius:3px;width:0;opacity:0;transition:.5s ease opacity}.c-header__search .list-group.is-active{border:solid 1px #eee;width:300px;opacity:1}.c-header__search .list-group li{margin:0;border-bottom:solid 1px #eee}.c-header__search .list-group li::marker{content:''}.c-header__search .list-group a,.c-header__search .list-group span{font-weight:normal;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:#333;padding:5px 10px;display:block}.c-header__search .list-group a:hover,.c-header__search .list-group span:hover{color:#2a6fb8}.c-header li{font-size:1.5rem;line-height:1.416666666666667;color:#fff}@media (max-width:1024px){.c-header li{font-size:1.13rem;line-height:1.555555555555556}}.c-header li.h2{font-size:1.63rem;font-weight:bold}.c-header li.extra--right{position:absolute;right:5%;font-size:1rem;margin-top:5px}.c-header li a{color:#fff;text-decoration:none}.c-header li a:hover{color:#fff}@media (min-width:992px){.c-header li{font-size:1.5rem;line-height:1.416666666666667;list-style:none;display:inline-block;margin-left:15px;margin-right:15px;color:#fff}.c-header li a:hover{text-decoration:underline}.c-header li:first-child{margin-left:0}}.c-sidebar{position:relative}.c-sidebar .has-collapser{position:relative}.c-sidebar .has-collapser.is-open:after{content:'\f147'}.c-sidebar .has-collapser > ul{display:none}.c-sidebar .has-collapser > ul.is-visible{display:block}.c-sidebar .has-collapser:after{font-family:'FontAwesome';position:absolute;content:'\f196';width:24px;height:24px;top:15px;right:0;cursor:pointer}@media (min-width:1025px) and (max-width:1700px){.c-sidebar ~ .c-container{max-width:60%;margin-left:30%}}.c-sidebar.is-active .c-sidebar__main{position:fixed}.c-sidebar.is-static .c-sidebar__main{position:relative}.c-sidebar__wrap{position:absolute;width:20%}@media (max-width:1700px){.c-sidebar__wrap{width:25%}}@media (max-width:1024px){.c-sidebar__wrap{position:relative}}@media (max-width:1025px){.c-sidebar__wrap{width:100%}}.c-sidebar__main{position:relative;top:30px;padding-left:30px;padding-right:30px;height:80vh}@media (max-width:1024px){.c-sidebar__main{height:auto}}.c-sidebar__main > h2{margin-bottom:.8em}.c-sidebar__list{background:#fff;overflow-y:auto;border-bottom:solid 1px #eee}.c-sidebar__list > ul{border:solid 1px #eee;padding:1em}.c-sidebar__list > ul > li:first-child{border-top:none}.c-sidebar__list li{list-style:none;padding:.5em 0;border-top:solid 1px #eee}.c-sidebar__list li.has-children{font-size:1rem;line-height:1.625}.c-sidebar__list li.c-sidebar__level--2 a{font-weight:bold}.c-sidebar__list li.c-sidebar__level--3 a{padding-left:.8em;font-weight:normal}.c-sidebar__list ul li > ul a{font-size:.88rem;line-height:1.714285714285714;color:#333;padding-left:.4em}.c-sidebar__list ul li > ul a:before{font-family:'FontAwesome';content:'-';display:inline-block;margin-right:.5em}.c-sidebar__list ul.c-sidebar__level--1 li{padding-bottom:.2em}.c-sidebar__list ul.has-parent{margin-top:.5em}.c-table--scrollable{overflow:auto scroll}smuted,smuted a{font-size:13px;color:#6c757d !important}extlnk{display:inline-flex !important;align-items:center}extlnk:after{font-family:'FontAwesome';content:'\f08e';margin-left:.15rem;font-size:12px;color:#2a6fb8} \ No newline at end of file +.h1{font-size:2.13rem;line-height:1.294117647058824}.h2{font-size:1.63rem;line-height:1.615384615384615}.h3{font-size:1.5rem;line-height:1.666666666666667}.h4{font-size:1.38rem;line-height:1.727272727272727}.p1{font-size:1.5rem;line-height:1.416666666666667}.p2{font-size:1.32rem;line-height:1.476190476190476}.p3{font-size:1.13rem;line-height:1.555555555555556}.p4{font-size:1rem;line-height:1.625}.p5{font-size:.88rem;line-height:1.714285714285714}.p6{font-size:.75rem;line-height:1.833333333333333}pre{box-shadow:0 0 10px rgba(0,0,0,0.1);color:#333;background-color:#fff;font-family:Monaco,"Bitstream Vera Sans Mono","Lucida Console",Terminal,monospace;font-size:14px;border-radius:2px;padding:10px;overflow:auto}code{background-color:#fcfcfc;color:#0f5b30}.clear{clear:both}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;line-height:24px;font-weight:340;background:#f2f2f2}html,body{height:100%}body{font-size:1rem;line-height:1.625;position:relative;line-height:1.5;text-size-adjust:none;font-family:Inter Variable,Helvetica,Arial,sans-serif}li{list-style-position:inside}a,a:visited{color:#2a6fb8;text-decoration:none;font-weight:bolder}a:hover{text-decoration:underline}.hide{display:none}details{margin-top:1em}ul ~ h1,ul ~ h2,ul ~ h3,ul ~ h4,ul ~ h5,ul ~ h6,table ~ h2,table ~ h3{margin-top:1rem}[tabindex="0"]:active,[tabindex="0"]:focus,[tabindex="1"]:active,[tabindex="1"]:focus,a:active,a:focus,button:active,button:focus,input:active,input:focus,select:active,select:focus,textarea:active,textarea:focus{outline:1px dotted #2a6fb8}.sn-only{display:none !important}table{width:auto;box-shadow:0 0 10px rgba(0,0,0,0.1);border-collapse:collapse;background:#fff}table tr{border:1px solid #ddd}table td,table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6;background-color:#fff !important}table th{font-weight:bold}.txt--highlight{background-color:#7fffd4;padding:.2em .3em}.c-documentation ul,.c-documentation ol{margin:0 0 15px 30px}.c-documentation h3,.c-documentation h4,.c-documentation h5{margin-top:1em}.c-documentation summary{background-color:#265a92;color:#fff;padding:7px;margin-top:5px;margin-bottom:5px}.c-documentation--dsg ol{box-sizing:border-box;list-style:decimal}.c-documentation--dsg li{list-style-position:outside}.c-breadcrumbs{margin-bottom:2em}@media (max-width:1024px){.c-breadcrumbs{margin-top:60px}}.c-breadcrumbs li{position:relative;list-style:none;display:inline-block;margin:0 10px}.c-breadcrumbs li.is-active a{color:#1e4879}.c-breadcrumbs li:last-child:after{content:none}.c-breadcrumbs li:first-child{margin-left:0}.c-breadcrumbs li:after{font-family:'FontAwesome';position:absolute;font-size:.57rem;content:'\f054';display:inline-block;margin-left:5px;top:5px}.c-code{box-shadow:0 0 10px rgba(0,0,0,0.1);color:#333;background-color:#fff;font-family:Monaco,"Bitstream Vera Sans Mono","Lucida Console",Terminal,monospace;font-size:14px;border-radius:2px;padding:10px;overflow:auto}.c-container{max-width:1000px;margin:auto;color:#333;margin:40px auto;margin-bottom:6em;min-height:calc(100vh - 100px)}@media (max-width:1024px){.c-container{padding:0 1em}}@media (max-width:1024px){.c-container{padding:0 2em}}.c-container section{margin:1em 0}.c-container p{margin:1em 0}.c-container .c-documentation--dsg img{width:inherit}@media (max-width:767px){.c-container img:not(.w-fixed){width:100% !important}}.c-fileMeta{font-size:.75rem;line-height:1.833333333333333;color:#807e7e;margin:1em 0}.c-fileMeta__label{display:none}.c-fileMeta__label.is-active{display:inline-block}.c-footer{position:inherit;color:#6c757d}.c-footer__main{font-weight:bold;text-align:right;padding:30px;border-top:solid 1px #ccc;background-color:#444a65;color:#fff}.c-footer__wrap{max-width:1000px;margin:auto}@media (max-width:1024px){.c-footer__wrap{padding:0 1em}}.c-footer__meta{max-width:1000px;margin:auto}@media (max-width:1024px){.c-footer__meta{padding:0 1em}}.c-header{position:relative;background-color:#444a65;border:none;padding-top:6px}@media (max-width:1024px){.c-header .lg{display:none}}@media (min-width:992px){.c-header{height:90px}}@media (max-width:1024px){.c-header{padding:15px 0}}.c-header > .c-header__main{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.c-header__sm{margin-left:60px;color:#fff}@media (min-width:992px){.c-header__sm{display:none}}.c-header__main{width:90%;margin:auto}@media (min-width:992px){.c-header__main{position:relative;max-width:1000px;margin:auto}}@media (min-width:992px) and (max-width:1024px){.c-header__main{padding:0 1em}}@media (max-width:1024px){.c-header__menu{margin-top:20px}}@media (min-width:992px){.c-header__menu{position:relative;margin-left:20%}}.c-header__logo{margin-right:50px;padding-top:0}.c-header__logo img{position:absolute;height:40px;top:-5px}@media (max-width:1024px){.c-header__logo img{top:15px}}@media (min-width:1025px){.c-header__search{position:absolute;right:-50px}}.c-header__search input{padding:7px 10px;width:auto;transition:all .5s ease;opacity:1}.c-header__search input.is-hidden{width:0;opacity:0;border:0;padding:0}.c-header__search .list-group{position:absolute;z-index:1000;background-color:#fff;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;width:300px;max-height:400px;overflow-y:auto;overflow-x:hidden;border-radius:3px;width:0;opacity:0;transition:.5s ease opacity}.c-header__search .list-group.is-active{border:solid 1px #eee;width:300px;opacity:1}.c-header__search .list-group li{margin:0;border-bottom:solid 1px #eee}.c-header__search .list-group li::marker{content:''}.c-header__search .list-group a,.c-header__search .list-group span{font-weight:normal;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:#333;padding:5px 10px;display:block}.c-header__search .list-group a:hover,.c-header__search .list-group span:hover{color:#2a6fb8}.c-header li{font-size:1.5rem;line-height:1.416666666666667;color:#fff}@media (max-width:1024px){.c-header li{font-size:1.13rem;line-height:1.555555555555556}}.c-header li.h2{font-size:1.63rem;font-weight:bold}.c-header li.extra--right{position:absolute;right:5%;font-size:1rem;margin-top:5px}.c-header li a{color:#fff;text-decoration:none}.c-header li a:hover{color:#fff}@media (min-width:992px){.c-header li{font-size:1.5rem;line-height:1.416666666666667;list-style:none;display:inline-block;margin-left:15px;margin-right:15px;color:#fff}.c-header li a:hover{text-decoration:underline}.c-header li:first-child{margin-left:0}}.c-sidebar{position:relative}.c-sidebar .has-collapser{position:relative}.c-sidebar .has-collapser.is-open:after{content:'\f147'}.c-sidebar .has-collapser > ul{display:none}.c-sidebar .has-collapser > ul.is-visible{display:block}.c-sidebar .has-collapser:after{font-family:'FontAwesome';position:absolute;content:'\f196';width:24px;height:24px;top:15px;right:0;cursor:pointer}@media (min-width:1025px) and (max-width:1700px){.c-sidebar ~ .c-container{max-width:60%;margin-left:30%}}.c-sidebar.is-active .c-sidebar__main{position:fixed}.c-sidebar.is-static .c-sidebar__main{position:relative}.c-sidebar__wrap{position:absolute;width:20%}@media (max-width:1700px){.c-sidebar__wrap{width:25%}}@media (max-width:1024px){.c-sidebar__wrap{position:relative}}@media (max-width:1025px){.c-sidebar__wrap{width:100%}}.c-sidebar__main{position:relative;top:30px;padding-left:30px;padding-right:30px;height:80vh}@media (max-width:1024px){.c-sidebar__main{height:auto}}.c-sidebar__main > h2{margin-bottom:.8em}.c-sidebar__list{background:#fff;overflow-y:auto;border-bottom:solid 1px #eee}.c-sidebar__list > ul{border:solid 1px #eee;padding:1em}.c-sidebar__list > ul > li:first-child{border-top:none}.c-sidebar__list li{list-style:none;padding:.5em 0;border-top:solid 1px #eee}.c-sidebar__list li.has-children{font-size:1rem;line-height:1.625}.c-sidebar__list li.c-sidebar__level--2 a{font-weight:bold}.c-sidebar__list li.c-sidebar__level--3 a{padding-left:.8em;font-weight:normal}.c-sidebar__list ul li > ul a{font-size:.88rem;line-height:1.714285714285714;color:#333;padding-left:.4em}.c-sidebar__list ul li > ul a:before{font-family:'FontAwesome';content:'-';display:inline-block;margin-right:.5em}.c-sidebar__list ul.c-sidebar__level--1 li{padding-bottom:.2em}.c-sidebar__list ul.has-parent{margin-top:.5em}.c-table--scrollable{overflow:auto scroll}smuted,smuted a{font-size:13px;color:#6c757d !important}extlnk{display:inline-flex !important;align-items:center}extlnk:after{font-family:'FontAwesome';content:'\f08e';margin-left:.15rem;font-size:12px;color:#2a6fb8} \ No newline at end of file diff --git a/src/styles/general/_reset.styl b/src/styles/general/_reset.styl index 53a656d9..0db1f85d 100644 --- a/src/styles/general/_reset.styl +++ b/src/styles/general/_reset.styl @@ -44,5 +44,5 @@ ul ~ h1, ul ~ h2, ul ~ h3, ul ~ h4, ul ~ h5, ul ~ h6, table ~ h2, table ~ h3 [tabindex="0"]:active, [tabindex="0"]:focus, [tabindex="1"]:active, [tabindex="1"]:focus, a:active, a:focus, button:active, button:focus, input:active, input:focus, select:active, select:focus, textarea:active, textarea:focus outline: 1px dotted $col-primary-blue -.display--sennet +.sn-only display none !important \ No newline at end of file From 646678abc8e9a156679f4cff38448f1fa5dd0baf Mon Sep 17 00:00:00 2001 From: Lisa-Ann B Date: Fri, 17 Apr 2026 13:39:59 -0400 Subject: [PATCH 3/3] Add parser for contextual css classes - #87 --- docs/js/main.js | 26 ++++++++++++++++++-------- src/js/App.js | 10 ++++++++++ 2 files changed, 28 insertions(+), 8 deletions(-) diff --git a/docs/js/main.js b/docs/js/main.js index 36137de8..87cfc883 100644 --- a/docs/js/main.js +++ b/docs/js/main.js @@ -2,7 +2,7 @@ * hubmapdocs - * @version v0.1.0 * @link https://docs.hubmapconsortium.org/ - * @date Fri Jan 16 2026 11:09:38 GMT-0500 (Eastern Standard Time) + * @date Fri Apr 17 2026 11:13:25 GMT-0400 (Eastern Daylight Time) */ var _this11 = this; function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } @@ -9403,6 +9403,16 @@ var App = /*#__PURE__*/function () { document.querySelectorAll('body mdit').forEach(function (el) { format(el); }); + document.querySelectorAll('.c-documentation li').forEach(function (el) { + for (var _i = 0, _arr = ['hm-only', 'sn-only']; _i < _arr.length; _i++) { + var className = _arr[_i]; + var md = "{.".concat(className, "}"); + if (el.firstChild.textContent.trim().includes(md)) { + $(el.firstChild).parent().addClass(className); + el.firstChild.textContent = el.firstChild.textContent.replace(md, ''); + } + } + }); } }, { key: "log", @@ -9485,7 +9495,7 @@ var FileMeta = /*#__PURE__*/function (_App2) { key: "addDate", value: function () { var _addDate = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() { - var lastMod, path, p, _iterator, _step, d, paths, _i, _paths, _p, r; + var lastMod, path, p, _iterator, _step, d, paths, _i2, _paths, _p, r; return _regeneratorRuntime().wrap(function _callee3$(_context3) { while (1) { switch (_context3.prev = _context3.next) { @@ -9540,13 +9550,13 @@ var FileMeta = /*#__PURE__*/function (_App2) { if (path.split('.').pop() === path) { paths = ["".concat(path, ".html"), "".concat(path, ".md")]; } - _i = 0, _paths = paths; + _i2 = 0, _paths = paths; case 29: - if (!(_i < _paths.length)) { + if (!(_i2 < _paths.length)) { _context3.next = 40; break; } - _p = _paths[_i]; + _p = _paths[_i2]; if (!(this.$.date.html() && this.$.date.html().length)) { _context3.next = 33; break; @@ -9568,7 +9578,7 @@ var FileMeta = /*#__PURE__*/function (_App2) { }); } case 37: - _i++; + _i2++; _context3.next = 29; break; case 40: @@ -9843,8 +9853,8 @@ var Search = /*#__PURE__*/function (_App5) { _iterator2.f(); } var html = ''; - for (var _i2 = 0, _found = found; _i2 < _found.length; _i2++) { - var d = _found[_i2]; + for (var _i3 = 0, _found = found; _i3 < _found.length; _i3++) { + var d = _found[_i3]; html += "
  • ").concat(d.title, " ").concat(d.path, "
    • "); } this.$.list.addClass('is-active'); diff --git a/src/js/App.js b/src/js/App.js index b76c9778..0a071b4f 100644 --- a/src/js/App.js +++ b/src/js/App.js @@ -151,6 +151,16 @@ class App { document.querySelectorAll('body mdit').forEach((el) => { format(el) }) + + document.querySelectorAll('.c-documentation li').forEach((el) => { + for (const className of ['hm-only', 'sn-only']) { + let md = `{.${className}}` + if (el.firstChild.textContent.trim().includes(md)) { + $(el.firstChild).parent().addClass(className) + el.firstChild.textContent = el.firstChild.textContent.replace(md, '') + } + } + }) } static log(title, msg, ops = {}) {