From 53aa3e90587a6ec8eeb880ffb4f6a19e2c26d9e4 Mon Sep 17 00:00:00 2001 From: Baptiste Niviere Date: Mon, 17 May 2021 13:50:44 -0700 Subject: [PATCH 1/5] added extra styles --- web/themes/custom/atrium/src/sass/atrium.style.scss | 1 + .../atrium/src/sass/components/blocks/_blocks.scss | 10 ++++++++++ 2 files changed, 11 insertions(+) create mode 100644 web/themes/custom/atrium/src/sass/components/blocks/_blocks.scss diff --git a/web/themes/custom/atrium/src/sass/atrium.style.scss b/web/themes/custom/atrium/src/sass/atrium.style.scss index a6abf8bb4..11cbc1a2f 100644 --- a/web/themes/custom/atrium/src/sass/atrium.style.scss +++ b/web/themes/custom/atrium/src/sass/atrium.style.scss @@ -26,3 +26,4 @@ @import 'components/share/share-content'; @import 'components/text/text'; @import 'components/views/views'; +@import 'components/blocks/blocks'; diff --git a/web/themes/custom/atrium/src/sass/components/blocks/_blocks.scss b/web/themes/custom/atrium/src/sass/components/blocks/_blocks.scss new file mode 100644 index 000000000..7827c89b9 --- /dev/null +++ b/web/themes/custom/atrium/src/sass/components/blocks/_blocks.scss @@ -0,0 +1,10 @@ +jcc-hero--has-background-color--dark{ + a.usa-button{ + //background-color: color($theme-color-secondary); + color: $theme-color-base-darkest; + background-color: $theme-color-warning; + &:hover { + background-color: $theme-color-warning-dark; + } + } +} From d59e3ef466542ef2defb19e00d72025cadb6157d Mon Sep 17 00:00:00 2001 From: Baptiste Niviere Date: Mon, 17 May 2021 17:20:11 -0700 Subject: [PATCH 2/5] added extra styles --- web/themes/custom/atrium/assets/css/atrium.style.css | 2 +- .../atrium/src/sass/components/blocks/_blocks.scss | 9 ++++----- 2 files changed, 5 insertions(+), 6 deletions(-) diff --git a/web/themes/custom/atrium/assets/css/atrium.style.css b/web/themes/custom/atrium/assets/css/atrium.style.css index c6a6f836c..bd3c3818c 100644 --- a/web/themes/custom/atrium/assets/css/atrium.style.css +++ b/web/themes/custom/atrium/assets/css/atrium.style.css @@ -1 +1 @@ -.dialog-off-canvas-main-canvas,.page,body,html{height:100%}.page{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}main{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}footer{-ms-flex-negative:0;flex-shrink:0}.path-frontpage .jcc-header-base{display:none}@media (min-width:64em){.jcc-header-base .jcc-nav-secondary__menu{display:none}}.caption{margin-bottom:1rem;min-width:12rem}.media-library--image.align-left,.media-library--svg.align-left{margin-right:1em;margin-bottom:1em}.media-library--image.align-right,.media-library--svg.align-right{margin-left:1em;margin-bottom:1em}article.jcc-form--hero-full-height .jcc-hero{min-height:calc(100vh - 144px)}a.jcc-form--link{margin-top:1rem;margin-right:1rem;padding:.5rem 1rem;border:1px solid;display:inline-block;text-decoration:none;text-align:center;width:100%}@media (min-width:64em){a.jcc-form--link{width:auto}}a.jcc-form--link>*{display:inline-block}a.jcc-form--link svg{vertical-align:text-top;margin-right:.25rem}.jcc-form--languages{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:2rem;padding-left:1rem}.jcc-form--languages li{width:380px;white-space:nowrap}.jcc-form--thumbnail{display:none}@media (min-width:64em){.jcc-form--thumbnail{display:block}}.jcc-form--thumbnail img{-webkit-box-shadow:0 1px .25rem 0 rgba(0,0,0,.1);box-shadow:0 1px .25rem 0 rgba(0,0,0,.1);max-height:400px;display:block;margin:0 auto}.nav-tabs__wrapper{background:#e6e6e6;margin-bottom:0}.nav-tabs__wrapper,.nav-tabs__wrapper *{font-size:1rem;line-height:3}.nav-tabs{clear:both;list-style:none;margin:0;padding:0;position:relative}.nav-tabs:before{border-bottom:1px solid transparent;bottom:0;content:"";display:block;height:1px;left:0;position:absolute;right:0;z-index:10}.is-collapse-enabled .nav-tabs{max-height:0;overflow:hidden;padding-top:calc(3rem + 2px)}.is-collapse-enabled .nav-tabs:before{right:60px}.is-collapse-enabled .nav-tabs.is-open:before{display:none}.nav-tabs.is-open{max-height:999em}.is-horizontal .nav-tabs{border-bottom:0;max-height:none!important;overflow:visible;padding-top:0!important}.nav-tabs .nav-tabs__item{display:block;margin:0;padding:0;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.is-collapse-enabled .nav-tabs__item.is-active{position:absolute;top:0;left:0;width:calc(100% - 60px);z-index:15}.is-horizontal .nav-tabs__item{float:left;width:auto;height:auto;text-align:center}.is-horizontal .nav-tabs.nav-tabs--primary .nav-tabs__item.is-active,.is-horizontal .nav-tabs__item.is-active{position:relative;top:0;width:auto}.nav-tabs .nav-tabs__link{border:1px solid transparent;display:block;position:relative;text-decoration:none}.nav-tabs .nav-tabs__link.is-active{font-weight:700}.nav-tabs .nav-tabs__link.is-active:after{background-color:currentColor;bottom:0;content:"";height:4px;left:0;position:absolute;right:0;z-index:16}.nav-tabs .nav-tabs__link:active,.nav-tabs .nav-tabs__link:hover{text-decoration:underline}.nav-tabs .nav-tabs__link:focus{outline-offset:-.25rem}.is-horizontal .tabs__trigger,.tabs__trigger{display:none}.is-collapse-enabled .tabs__trigger{background-color:#0050d8;border:0;border-radius:0;color:#fff;cursor:pointer;display:block;font-size:1rem;height:calc(3rem + 2px);left:auto;padding:0;margin:0;position:absolute;right:0;text-align:center;top:0;width:60px;z-index:10}.is-collapse-enabled .tabs__trigger:focus{z-index:20}.is-collapse-enabled .nav-tabs--primary:before,.is-horizontal .nav-tabs--primary:before{border-color:#dfe1e2}.nav-tabs--primary .nav-tabs__link{background-color:#fff;border-color:#dfe1e2;color:#73b3e7;border-radius:0;border-width:1px 0 0;padding:0 1.65rem;position:relative}.nav-tabs--primary .nav-tabs__link.is-active{border-bottom:0}.nav-tabs--primary .nav-tabs__link.is-active:after{background-color:#0050d8}.nav-tabs--primary .nav-tabs__link.is-active:focus{outline-color:#0050d8}.is-horizontal .nav-tabs--primary .nav-tabs__link{border-width:1px 0 0 1px}.is-horizontal .nav-tabs--primary li:first-child .nav-tabs__link{border-width:1px 0 0}.nav-tabs--secondary{background:#f9f9f9}.is-collapse-enabled .nav-tabs--secondary:before,.is-horizontal .nav-tabs--secondary:before{border-color:#dfe1e2}.nav-tabs--secondary .nav-tabs__link{font-size:.923rem;background-color:transparent;color:#73b3e7;border-color:#dfe1e2;border-width:1px 0 1px 4px;padding:0 1.65rem}.nav-tabs--secondary .nav-tabs__link.is-active:after{display:none}.nav-tabs--secondary .nav-tabs__link.is-active{border-color:#0050d8;color:#73b3e7}.nav-tabs--secondary .nav-tabs__link.is-active:focus{outline-color:#0050d8}.is-horizontal .nav-tabs--secondary .nav-tabs__link{border:0}.is-horizontal .nav-tabs--secondary .nav-tabs__link:after{display:block;background-color:#0050d8}.pager{margin:2rem 0}ul.pager__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;list-style:none;text-align:center}li.pager__item{color:#0050d8;display:inline-block;margin:0 .15rem;padding:0;list-style:none}li.pager__item a,li.pager__item a:link,li.pager__item a:visited{border-radius:3px;color:#0050d8;display:block;font-weight:600;padding:.75rem 1.5rem;margin:0;line-height:1;text-decoration:none}li.pager__item.is-active a,li.pager__item a:hover{background:#0050d8;color:#fff}li.pager__item__ellipsis{padding:.75rem 1.5rem}.jcc-choice-section--submit{padding-bottom:3rem}.usa-form .jcc-choice-section--submit .usa-button{margin-top:0}.jcc-share__container{position:relative;left:0;right:unset;width:100%}@media only screen and (min-width:1024px){.jcc-share__container{position:absolute;left:auto;right:0;width:37%}}@media only screen and (min-width:1800px){.jcc-share__container{width:39%}}.jcc-share__container .jcc-share{max-width:87.5rem;margin-left:auto;margin-right:auto;padding-bottom:0;padding-left:2rem;padding-right:2rem}@media only screen and (min-width:1024px){.jcc-share__container .jcc-share{padding-bottom:2rem}}.jcc-share--spacer{display:none}@media only screen and (min-width:1024px){.jcc-share--spacer{display:block;margin-bottom:8rem}}hr{color:#c9c9c9} \ No newline at end of file +.dialog-off-canvas-main-canvas,.page,body,html{height:100%}.page{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}main{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}footer{-ms-flex-negative:0;flex-shrink:0}.path-frontpage .jcc-header-base{display:none}@media (min-width:64em){.jcc-header-base .jcc-nav-secondary__menu{display:none}}.caption{margin-bottom:1rem;min-width:12rem}.media-library--image.align-left,.media-library--svg.align-left{margin-right:1em;margin-bottom:1em}.media-library--image.align-right,.media-library--svg.align-right{margin-left:1em;margin-bottom:1em}article.jcc-form--hero-full-height .jcc-hero{min-height:calc(100vh - 144px)}a.jcc-form--link{margin-top:1rem;margin-right:1rem;padding:.5rem 1rem;border:1px solid;display:inline-block;text-decoration:none;text-align:center;width:100%}@media (min-width:64em){a.jcc-form--link{width:auto}}a.jcc-form--link>*{display:inline-block}a.jcc-form--link svg{vertical-align:text-top;margin-right:.25rem}.jcc-form--languages{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:2rem;padding-left:1rem}.jcc-form--languages li{width:380px;white-space:nowrap}.jcc-form--thumbnail{display:none}@media (min-width:64em){.jcc-form--thumbnail{display:block}}.jcc-form--thumbnail img{-webkit-box-shadow:0 1px .25rem 0 rgba(0,0,0,.1);box-shadow:0 1px .25rem 0 rgba(0,0,0,.1);max-height:400px;display:block;margin:0 auto}.nav-tabs__wrapper{background:#e6e6e6;margin-bottom:0}.nav-tabs__wrapper,.nav-tabs__wrapper *{font-size:1rem;line-height:3}.nav-tabs{clear:both;list-style:none;margin:0;padding:0;position:relative}.nav-tabs:before{border-bottom:1px solid transparent;bottom:0;content:"";display:block;height:1px;left:0;position:absolute;right:0;z-index:10}.is-collapse-enabled .nav-tabs{max-height:0;overflow:hidden;padding-top:calc(3rem + 2px)}.is-collapse-enabled .nav-tabs:before{right:60px}.is-collapse-enabled .nav-tabs.is-open:before{display:none}.nav-tabs.is-open{max-height:999em}.is-horizontal .nav-tabs{border-bottom:0;max-height:none!important;overflow:visible;padding-top:0!important}.nav-tabs .nav-tabs__item{display:block;margin:0;padding:0;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.is-collapse-enabled .nav-tabs__item.is-active{position:absolute;top:0;left:0;width:calc(100% - 60px);z-index:15}.is-horizontal .nav-tabs__item{float:left;width:auto;height:auto;text-align:center}.is-horizontal .nav-tabs.nav-tabs--primary .nav-tabs__item.is-active,.is-horizontal .nav-tabs__item.is-active{position:relative;top:0;width:auto}.nav-tabs .nav-tabs__link{border:1px solid transparent;display:block;position:relative;text-decoration:none}.nav-tabs .nav-tabs__link.is-active{font-weight:700}.nav-tabs .nav-tabs__link.is-active:after{background-color:currentColor;bottom:0;content:"";height:4px;left:0;position:absolute;right:0;z-index:16}.nav-tabs .nav-tabs__link:active,.nav-tabs .nav-tabs__link:hover{text-decoration:underline}.nav-tabs .nav-tabs__link:focus{outline-offset:-.25rem}.is-horizontal .tabs__trigger,.tabs__trigger{display:none}.is-collapse-enabled .tabs__trigger{background-color:#0050d8;border:0;border-radius:0;color:#fff;cursor:pointer;display:block;font-size:1rem;height:calc(3rem + 2px);left:auto;padding:0;margin:0;position:absolute;right:0;text-align:center;top:0;width:60px;z-index:10}.is-collapse-enabled .tabs__trigger:focus{z-index:20}.is-collapse-enabled .nav-tabs--primary:before,.is-horizontal .nav-tabs--primary:before{border-color:#dfe1e2}.nav-tabs--primary .nav-tabs__link{background-color:#fff;border-color:#dfe1e2;color:#73b3e7;border-radius:0;border-width:1px 0 0;padding:0 1.65rem;position:relative}.nav-tabs--primary .nav-tabs__link.is-active{border-bottom:0}.nav-tabs--primary .nav-tabs__link.is-active:after{background-color:#0050d8}.nav-tabs--primary .nav-tabs__link.is-active:focus{outline-color:#0050d8}.is-horizontal .nav-tabs--primary .nav-tabs__link{border-width:1px 0 0 1px}.is-horizontal .nav-tabs--primary li:first-child .nav-tabs__link{border-width:1px 0 0}.nav-tabs--secondary{background:#f9f9f9}.is-collapse-enabled .nav-tabs--secondary:before,.is-horizontal .nav-tabs--secondary:before{border-color:#dfe1e2}.nav-tabs--secondary .nav-tabs__link{font-size:.923rem;background-color:transparent;color:#73b3e7;border-color:#dfe1e2;border-width:1px 0 1px 4px;padding:0 1.65rem}.nav-tabs--secondary .nav-tabs__link.is-active:after{display:none}.nav-tabs--secondary .nav-tabs__link.is-active{border-color:#0050d8;color:#73b3e7}.nav-tabs--secondary .nav-tabs__link.is-active:focus{outline-color:#0050d8}.is-horizontal .nav-tabs--secondary .nav-tabs__link{border:0}.is-horizontal .nav-tabs--secondary .nav-tabs__link:after{display:block;background-color:#0050d8}.pager{margin:2rem 0}ul.pager__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;list-style:none;text-align:center}li.pager__item{color:#0050d8;display:inline-block;margin:0 .15rem;padding:0;list-style:none}li.pager__item a,li.pager__item a:link,li.pager__item a:visited{border-radius:3px;color:#0050d8;display:block;font-weight:600;padding:.75rem 1.5rem;margin:0;line-height:1;text-decoration:none}li.pager__item.is-active a,li.pager__item a:hover{background:#0050d8;color:#fff}li.pager__item__ellipsis{padding:.75rem 1.5rem}.jcc-choice-section--submit{padding-bottom:3rem}.usa-form .jcc-choice-section--submit .usa-button{margin-top:0}.jcc-share__container{position:relative;left:0;right:unset;width:100%}@media only screen and (min-width:1024px){.jcc-share__container{position:absolute;left:auto;right:0;width:37%}}@media only screen and (min-width:1800px){.jcc-share__container{width:39%}}.jcc-share__container .jcc-share{max-width:87.5rem;margin-left:auto;margin-right:auto;padding-bottom:0;padding-left:2rem;padding-right:2rem}@media only screen and (min-width:1024px){.jcc-share__container .jcc-share{padding-bottom:2rem}}.jcc-share--spacer{display:none}@media only screen and (min-width:1024px){.jcc-share--spacer{display:block;margin-bottom:8rem}}hr{color:#c9c9c9}.view-id-case_type td{border:1px solid}.view-id-case_type th{padding-bottom:20px}.view-id-case_type .export-button{padding-top:20px}.jcc-hero--has-background-color--dark a.usa-button{color:#1b1b1b;background-color:#ffbe2e}.jcc-hero--has-background-color--dark a.usa-button:hover{background-color:#e5a000} \ No newline at end of file diff --git a/web/themes/custom/atrium/src/sass/components/blocks/_blocks.scss b/web/themes/custom/atrium/src/sass/components/blocks/_blocks.scss index 7827c89b9..718b9005c 100644 --- a/web/themes/custom/atrium/src/sass/components/blocks/_blocks.scss +++ b/web/themes/custom/atrium/src/sass/components/blocks/_blocks.scss @@ -1,10 +1,9 @@ -jcc-hero--has-background-color--dark{ +.jcc-hero--has-background-color--dark{ a.usa-button{ - //background-color: color($theme-color-secondary); - color: $theme-color-base-darkest; - background-color: $theme-color-warning; + color: color($theme-color-base-darkest); + background-color: color($theme-color-warning); &:hover { - background-color: $theme-color-warning-dark; + background-color: color($theme-color-warning-dark); } } } From 4903197cffa59a9e95d8b87b0a66f4dc89d37f07 Mon Sep 17 00:00:00 2001 From: Baptiste Niviere Date: Wed, 19 May 2021 19:02:07 -0700 Subject: [PATCH 3/5] extra items --- .../custom/atrium/assets/css/atrium.style.css | 2 +- .../src/sass/components/blocks/_blocks.scss | 25 ++++++++++++++++--- .../src/sass/components/text/_text.scss | 3 +++ 3 files changed, 26 insertions(+), 4 deletions(-) diff --git a/web/themes/custom/atrium/assets/css/atrium.style.css b/web/themes/custom/atrium/assets/css/atrium.style.css index bd3c3818c..46b97916a 100644 --- a/web/themes/custom/atrium/assets/css/atrium.style.css +++ b/web/themes/custom/atrium/assets/css/atrium.style.css @@ -1 +1 @@ -.dialog-off-canvas-main-canvas,.page,body,html{height:100%}.page{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}main{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}footer{-ms-flex-negative:0;flex-shrink:0}.path-frontpage .jcc-header-base{display:none}@media (min-width:64em){.jcc-header-base .jcc-nav-secondary__menu{display:none}}.caption{margin-bottom:1rem;min-width:12rem}.media-library--image.align-left,.media-library--svg.align-left{margin-right:1em;margin-bottom:1em}.media-library--image.align-right,.media-library--svg.align-right{margin-left:1em;margin-bottom:1em}article.jcc-form--hero-full-height .jcc-hero{min-height:calc(100vh - 144px)}a.jcc-form--link{margin-top:1rem;margin-right:1rem;padding:.5rem 1rem;border:1px solid;display:inline-block;text-decoration:none;text-align:center;width:100%}@media (min-width:64em){a.jcc-form--link{width:auto}}a.jcc-form--link>*{display:inline-block}a.jcc-form--link svg{vertical-align:text-top;margin-right:.25rem}.jcc-form--languages{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:2rem;padding-left:1rem}.jcc-form--languages li{width:380px;white-space:nowrap}.jcc-form--thumbnail{display:none}@media (min-width:64em){.jcc-form--thumbnail{display:block}}.jcc-form--thumbnail img{-webkit-box-shadow:0 1px .25rem 0 rgba(0,0,0,.1);box-shadow:0 1px .25rem 0 rgba(0,0,0,.1);max-height:400px;display:block;margin:0 auto}.nav-tabs__wrapper{background:#e6e6e6;margin-bottom:0}.nav-tabs__wrapper,.nav-tabs__wrapper *{font-size:1rem;line-height:3}.nav-tabs{clear:both;list-style:none;margin:0;padding:0;position:relative}.nav-tabs:before{border-bottom:1px solid transparent;bottom:0;content:"";display:block;height:1px;left:0;position:absolute;right:0;z-index:10}.is-collapse-enabled .nav-tabs{max-height:0;overflow:hidden;padding-top:calc(3rem + 2px)}.is-collapse-enabled .nav-tabs:before{right:60px}.is-collapse-enabled .nav-tabs.is-open:before{display:none}.nav-tabs.is-open{max-height:999em}.is-horizontal .nav-tabs{border-bottom:0;max-height:none!important;overflow:visible;padding-top:0!important}.nav-tabs .nav-tabs__item{display:block;margin:0;padding:0;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.is-collapse-enabled .nav-tabs__item.is-active{position:absolute;top:0;left:0;width:calc(100% - 60px);z-index:15}.is-horizontal .nav-tabs__item{float:left;width:auto;height:auto;text-align:center}.is-horizontal .nav-tabs.nav-tabs--primary .nav-tabs__item.is-active,.is-horizontal .nav-tabs__item.is-active{position:relative;top:0;width:auto}.nav-tabs .nav-tabs__link{border:1px solid transparent;display:block;position:relative;text-decoration:none}.nav-tabs .nav-tabs__link.is-active{font-weight:700}.nav-tabs .nav-tabs__link.is-active:after{background-color:currentColor;bottom:0;content:"";height:4px;left:0;position:absolute;right:0;z-index:16}.nav-tabs .nav-tabs__link:active,.nav-tabs .nav-tabs__link:hover{text-decoration:underline}.nav-tabs .nav-tabs__link:focus{outline-offset:-.25rem}.is-horizontal .tabs__trigger,.tabs__trigger{display:none}.is-collapse-enabled .tabs__trigger{background-color:#0050d8;border:0;border-radius:0;color:#fff;cursor:pointer;display:block;font-size:1rem;height:calc(3rem + 2px);left:auto;padding:0;margin:0;position:absolute;right:0;text-align:center;top:0;width:60px;z-index:10}.is-collapse-enabled .tabs__trigger:focus{z-index:20}.is-collapse-enabled .nav-tabs--primary:before,.is-horizontal .nav-tabs--primary:before{border-color:#dfe1e2}.nav-tabs--primary .nav-tabs__link{background-color:#fff;border-color:#dfe1e2;color:#73b3e7;border-radius:0;border-width:1px 0 0;padding:0 1.65rem;position:relative}.nav-tabs--primary .nav-tabs__link.is-active{border-bottom:0}.nav-tabs--primary .nav-tabs__link.is-active:after{background-color:#0050d8}.nav-tabs--primary .nav-tabs__link.is-active:focus{outline-color:#0050d8}.is-horizontal .nav-tabs--primary .nav-tabs__link{border-width:1px 0 0 1px}.is-horizontal .nav-tabs--primary li:first-child .nav-tabs__link{border-width:1px 0 0}.nav-tabs--secondary{background:#f9f9f9}.is-collapse-enabled .nav-tabs--secondary:before,.is-horizontal .nav-tabs--secondary:before{border-color:#dfe1e2}.nav-tabs--secondary .nav-tabs__link{font-size:.923rem;background-color:transparent;color:#73b3e7;border-color:#dfe1e2;border-width:1px 0 1px 4px;padding:0 1.65rem}.nav-tabs--secondary .nav-tabs__link.is-active:after{display:none}.nav-tabs--secondary .nav-tabs__link.is-active{border-color:#0050d8;color:#73b3e7}.nav-tabs--secondary .nav-tabs__link.is-active:focus{outline-color:#0050d8}.is-horizontal .nav-tabs--secondary .nav-tabs__link{border:0}.is-horizontal .nav-tabs--secondary .nav-tabs__link:after{display:block;background-color:#0050d8}.pager{margin:2rem 0}ul.pager__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;list-style:none;text-align:center}li.pager__item{color:#0050d8;display:inline-block;margin:0 .15rem;padding:0;list-style:none}li.pager__item a,li.pager__item a:link,li.pager__item a:visited{border-radius:3px;color:#0050d8;display:block;font-weight:600;padding:.75rem 1.5rem;margin:0;line-height:1;text-decoration:none}li.pager__item.is-active a,li.pager__item a:hover{background:#0050d8;color:#fff}li.pager__item__ellipsis{padding:.75rem 1.5rem}.jcc-choice-section--submit{padding-bottom:3rem}.usa-form .jcc-choice-section--submit .usa-button{margin-top:0}.jcc-share__container{position:relative;left:0;right:unset;width:100%}@media only screen and (min-width:1024px){.jcc-share__container{position:absolute;left:auto;right:0;width:37%}}@media only screen and (min-width:1800px){.jcc-share__container{width:39%}}.jcc-share__container .jcc-share{max-width:87.5rem;margin-left:auto;margin-right:auto;padding-bottom:0;padding-left:2rem;padding-right:2rem}@media only screen and (min-width:1024px){.jcc-share__container .jcc-share{padding-bottom:2rem}}.jcc-share--spacer{display:none}@media only screen and (min-width:1024px){.jcc-share--spacer{display:block;margin-bottom:8rem}}hr{color:#c9c9c9}.view-id-case_type td{border:1px solid}.view-id-case_type th{padding-bottom:20px}.view-id-case_type .export-button{padding-top:20px}.jcc-hero--has-background-color--dark a.usa-button{color:#1b1b1b;background-color:#ffbe2e}.jcc-hero--has-background-color--dark a.usa-button:hover{background-color:#e5a000} \ No newline at end of file +.dialog-off-canvas-main-canvas,.page,body,html{height:100%}.page{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}main{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}footer{-ms-flex-negative:0;flex-shrink:0}.path-frontpage .jcc-header-base{display:none}@media (min-width:64em){.jcc-header-base .jcc-nav-secondary__menu{display:none}}.caption{margin-bottom:1rem;min-width:12rem}.media-library--image.align-left,.media-library--svg.align-left{margin-right:1em;margin-bottom:1em}.media-library--image.align-right,.media-library--svg.align-right{margin-left:1em;margin-bottom:1em}article.jcc-form--hero-full-height .jcc-hero{min-height:calc(100vh - 144px)}a.jcc-form--link{margin-top:1rem;margin-right:1rem;padding:.5rem 1rem;border:1px solid;display:inline-block;text-decoration:none;text-align:center;width:100%}@media (min-width:64em){a.jcc-form--link{width:auto}}a.jcc-form--link>*{display:inline-block}a.jcc-form--link svg{vertical-align:text-top;margin-right:.25rem}.jcc-form--languages{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:2rem;padding-left:1rem}.jcc-form--languages li{width:380px;white-space:nowrap}.jcc-form--thumbnail{display:none}@media (min-width:64em){.jcc-form--thumbnail{display:block}}.jcc-form--thumbnail img{-webkit-box-shadow:0 1px .25rem 0 rgba(0,0,0,.1);box-shadow:0 1px .25rem 0 rgba(0,0,0,.1);max-height:400px;display:block;margin:0 auto}.nav-tabs__wrapper{background:#e6e6e6;margin-bottom:0}.nav-tabs__wrapper,.nav-tabs__wrapper *{font-size:1rem;line-height:3}.nav-tabs{clear:both;list-style:none;margin:0;padding:0;position:relative}.nav-tabs:before{border-bottom:1px solid transparent;bottom:0;content:"";display:block;height:1px;left:0;position:absolute;right:0;z-index:10}.is-collapse-enabled .nav-tabs{max-height:0;overflow:hidden;padding-top:calc(3rem + 2px)}.is-collapse-enabled .nav-tabs:before{right:60px}.is-collapse-enabled .nav-tabs.is-open:before{display:none}.nav-tabs.is-open{max-height:999em}.is-horizontal .nav-tabs{border-bottom:0;max-height:none!important;overflow:visible;padding-top:0!important}.nav-tabs .nav-tabs__item{display:block;margin:0;padding:0;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.is-collapse-enabled .nav-tabs__item.is-active{position:absolute;top:0;left:0;width:calc(100% - 60px);z-index:15}.is-horizontal .nav-tabs__item{float:left;width:auto;height:auto;text-align:center}.is-horizontal .nav-tabs.nav-tabs--primary .nav-tabs__item.is-active,.is-horizontal .nav-tabs__item.is-active{position:relative;top:0;width:auto}.nav-tabs .nav-tabs__link{border:1px solid transparent;display:block;position:relative;text-decoration:none}.nav-tabs .nav-tabs__link.is-active{font-weight:700}.nav-tabs .nav-tabs__link.is-active:after{background-color:currentColor;bottom:0;content:"";height:4px;left:0;position:absolute;right:0;z-index:16}.nav-tabs .nav-tabs__link:active,.nav-tabs .nav-tabs__link:hover{text-decoration:underline}.nav-tabs .nav-tabs__link:focus{outline-offset:-.25rem}.is-horizontal .tabs__trigger,.tabs__trigger{display:none}.is-collapse-enabled .tabs__trigger{background-color:#0050d8;border:0;border-radius:0;color:#fff;cursor:pointer;display:block;font-size:1rem;height:calc(3rem + 2px);left:auto;padding:0;margin:0;position:absolute;right:0;text-align:center;top:0;width:60px;z-index:10}.is-collapse-enabled .tabs__trigger:focus{z-index:20}.is-collapse-enabled .nav-tabs--primary:before,.is-horizontal .nav-tabs--primary:before{border-color:#dfe1e2}.nav-tabs--primary .nav-tabs__link{background-color:#fff;border-color:#dfe1e2;color:#73b3e7;border-radius:0;border-width:1px 0 0;padding:0 1.65rem;position:relative}.nav-tabs--primary .nav-tabs__link.is-active{border-bottom:0}.nav-tabs--primary .nav-tabs__link.is-active:after{background-color:#0050d8}.nav-tabs--primary .nav-tabs__link.is-active:focus{outline-color:#0050d8}.is-horizontal .nav-tabs--primary .nav-tabs__link{border-width:1px 0 0 1px}.is-horizontal .nav-tabs--primary li:first-child .nav-tabs__link{border-width:1px 0 0}.nav-tabs--secondary{background:#f9f9f9}.is-collapse-enabled .nav-tabs--secondary:before,.is-horizontal .nav-tabs--secondary:before{border-color:#dfe1e2}.nav-tabs--secondary .nav-tabs__link{font-size:.923rem;background-color:transparent;color:#73b3e7;border-color:#dfe1e2;border-width:1px 0 1px 4px;padding:0 1.65rem}.nav-tabs--secondary .nav-tabs__link.is-active:after{display:none}.nav-tabs--secondary .nav-tabs__link.is-active{border-color:#0050d8;color:#73b3e7}.nav-tabs--secondary .nav-tabs__link.is-active:focus{outline-color:#0050d8}.is-horizontal .nav-tabs--secondary .nav-tabs__link{border:0}.is-horizontal .nav-tabs--secondary .nav-tabs__link:after{display:block;background-color:#0050d8}.pager{margin:2rem 0}ul.pager__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;list-style:none;text-align:center}li.pager__item{color:#0050d8;display:inline-block;margin:0 .15rem;padding:0;list-style:none}li.pager__item a,li.pager__item a:link,li.pager__item a:visited{border-radius:3px;color:#0050d8;display:block;font-weight:600;padding:.75rem 1.5rem;margin:0;line-height:1;text-decoration:none}li.pager__item.is-active a,li.pager__item a:hover{background:#0050d8;color:#fff}li.pager__item__ellipsis{padding:.75rem 1.5rem}.jcc-choice-section--submit{padding-bottom:3rem}.usa-form .jcc-choice-section--submit .usa-button{margin-top:0}.jcc-share__container{position:relative;left:0;right:unset;width:100%}@media only screen and (min-width:1024px){.jcc-share__container{position:absolute;left:auto;right:0;width:37%}}@media only screen and (min-width:1800px){.jcc-share__container{width:39%}}.jcc-share__container .jcc-share{max-width:87.5rem;margin-left:auto;margin-right:auto;padding-bottom:0;padding-left:2rem;padding-right:2rem}@media only screen and (min-width:1024px){.jcc-share__container .jcc-share{padding-bottom:2rem}}.jcc-share--spacer{display:none}@media only screen and (min-width:1024px){.jcc-share--spacer{display:block;margin-bottom:8rem}}hr{color:#c9c9c9;border-top:none;border-left:none;border-right:none}.view-id-case_type td{border:1px solid}.view-id-case_type th{padding-bottom:20px}.view-id-case_type .export-button{padding-top:20px}.jcc-hero--has-background-color--dark a.usa-button{color:#07648d;background-color:#fff}.jcc-hero--has-background-color--dark a.usa-button:hover{color:#1b1b1b;background-color:#ffbe2e}.jcc-hero ul li{margin-bottom:.25rem}.jcc-hero .jcc-hero__column-right p{max-width:300px}.jcc-card--icon .usa-card__body{padding-top:0} \ No newline at end of file diff --git a/web/themes/custom/atrium/src/sass/components/blocks/_blocks.scss b/web/themes/custom/atrium/src/sass/components/blocks/_blocks.scss index 718b9005c..76a62f4a0 100644 --- a/web/themes/custom/atrium/src/sass/components/blocks/_blocks.scss +++ b/web/themes/custom/atrium/src/sass/components/blocks/_blocks.scss @@ -1,9 +1,28 @@ .jcc-hero--has-background-color--dark{ a.usa-button{ - color: color($theme-color-base-darkest); - background-color: color($theme-color-warning); + color: color($theme-color-accent-cool-darker); + //background-color: color($theme-color-warning); + background-color: #ffffff; &:hover { - background-color: color($theme-color-warning-dark); + color: color($theme-color-base-ink); + background-color: color($theme-color-warning); } } } +.jcc-hero{ + ul li { + margin-bottom: .25rem; + } + .jcc-hero__column-right { + p{ + max-width: 300px; + } + } +} + +.jcc-card--icon { + .usa-card__body{ + padding-top:0; + } +} + diff --git a/web/themes/custom/atrium/src/sass/components/text/_text.scss b/web/themes/custom/atrium/src/sass/components/text/_text.scss index a09d65510..e2bbb02ef 100644 --- a/web/themes/custom/atrium/src/sass/components/text/_text.scss +++ b/web/themes/custom/atrium/src/sass/components/text/_text.scss @@ -1,3 +1,6 @@ hr { color: #c9c9c9; + border-top: none; + border-left: none; + border-right: none; } From ebdb3f2a8f0fb131673730be952c52455883772b Mon Sep 17 00:00:00 2001 From: Baptiste Niviere Date: Wed, 19 May 2021 19:44:05 -0700 Subject: [PATCH 4/5] updated color --- web/themes/custom/atrium/src/sass/components/text/_text.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/web/themes/custom/atrium/src/sass/components/text/_text.scss b/web/themes/custom/atrium/src/sass/components/text/_text.scss index e2bbb02ef..ff10db925 100644 --- a/web/themes/custom/atrium/src/sass/components/text/_text.scss +++ b/web/themes/custom/atrium/src/sass/components/text/_text.scss @@ -1,5 +1,5 @@ hr { - color: #c9c9c9; + color: color($theme-color-disabled); border-top: none; border-left: none; border-right: none; From 9464eef66357f411d4d0ace23b6e43f5ec6954da Mon Sep 17 00:00:00 2001 From: Baptiste Niviere Date: Tue, 8 Jun 2021 11:06:13 -0700 Subject: [PATCH 5/5] removed block styling --- .../custom/atrium/src/sass/atrium.style.scss | 1 - .../src/sass/components/blocks/_blocks.scss | 28 ------------------- 2 files changed, 29 deletions(-) delete mode 100644 web/themes/custom/atrium/src/sass/components/blocks/_blocks.scss diff --git a/web/themes/custom/atrium/src/sass/atrium.style.scss b/web/themes/custom/atrium/src/sass/atrium.style.scss index 11cbc1a2f..a6abf8bb4 100644 --- a/web/themes/custom/atrium/src/sass/atrium.style.scss +++ b/web/themes/custom/atrium/src/sass/atrium.style.scss @@ -26,4 +26,3 @@ @import 'components/share/share-content'; @import 'components/text/text'; @import 'components/views/views'; -@import 'components/blocks/blocks'; diff --git a/web/themes/custom/atrium/src/sass/components/blocks/_blocks.scss b/web/themes/custom/atrium/src/sass/components/blocks/_blocks.scss deleted file mode 100644 index 76a62f4a0..000000000 --- a/web/themes/custom/atrium/src/sass/components/blocks/_blocks.scss +++ /dev/null @@ -1,28 +0,0 @@ -.jcc-hero--has-background-color--dark{ - a.usa-button{ - color: color($theme-color-accent-cool-darker); - //background-color: color($theme-color-warning); - background-color: #ffffff; - &:hover { - color: color($theme-color-base-ink); - background-color: color($theme-color-warning); - } - } -} -.jcc-hero{ - ul li { - margin-bottom: .25rem; - } - .jcc-hero__column-right { - p{ - max-width: 300px; - } - } -} - -.jcc-card--icon { - .usa-card__body{ - padding-top:0; - } -} -