diff --git a/css/3_components/content/cards.css b/css/3_components/content/cards.css index 21e9c5f..f7bf22b 100644 --- a/css/3_components/content/cards.css +++ b/css/3_components/content/cards.css @@ -1 +1 @@ -.card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-shadow:0 1px 2px #cdcdcd;box-shadow:0 1px 2px #cdcdcd;margin:0}.card__image{-webkit-box-flex:1;-ms-flex:auto 0 0px;flex:auto 0 0}.card__image:empty{-webkit-box-flex:0;-ms-flex:0;flex:0}.card__image .media-image{font-size:.1px;line-height:0}.card__image .media-image img{margin:0}.card__body{-webkit-box-flex:1;-ms-flex:auto 0 1;flex:auto 0 1;padding:1em}.card__body>p,.card__body>ul,.card__body>ol{margin:.9rem 0}.card__title{font-size:2.2rem;line-height:1.364;margin:0 0 .9rem}.card__meta{font-size:1.5rem;line-height:2.20002rem;margin:.9rem 0;color:#4d4d4d}@media (min-width: 768px){.card__meta{font-size:1.6rem;line-height:2.4rem}}.card__meta+p,.card__content{margin-top:0}.card--no-shadow{-webkit-box-shadow:none;box-shadow:none}.card--no-border{border:0}.card--no-edges,.card--plain{-webkit-box-shadow:none;box-shadow:none;border:0}.card--no-padding{padding:0}.card--no-padding__body{padding:0}a.card{text-decoration:none;background-color:transparent;outline-color:transparent;-webkit-transition:background-color .3s, outline-color .3s, border-color .3s;transition:background-color .3s, outline-color .3s, border-color .3s;color:#222}a.card:hover,a.card:focus{background-color:#e4f0fa;outline:0.9rem solid #e4f0fa;outline-offset:0}a.card:hover .card__title::after,a.card:focus .card__title::after{background-color:#333;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2015%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23ffffff%3Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%20%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M12.5%200L0%2012l3%203%209.5-10L22%2015l3-3L12.5%200z%22%2F%3E%3C%2Fsvg%3E%0A")}a.card .card__title{position:relative;padding-right:36px;color:#0b1951}a.card .card__title::after{content:'';display:inline-block;position:absolute;top:.3rem;right:-.6rem;width:3rem;height:2.4rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2015%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%230e6bb3%3Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%20%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M12.5%200L0%2012l3%203%209.5-10L22%2015l3-3L12.5%200z%22%2F%3E%3C%2Fsvg%3E%0A");background-position:center center;background-size:2.2rem auto;background-repeat:no-repeat;-webkit-transform:rotate(90deg);transform:rotate(90deg)}a.card--plain,.card-deck--plain a.card{color:#222;text-decoration:none;text-underline-offset:3px}a.card--plain:hover,a.card--plain:focus,.card-deck--plain a.card:hover,.card-deck--plain a.card:focus{background-color:transparent;outline:none}a.card--plain .card__title,.card-deck--plain a.card .card__title{padding:0;color:#0e6bb3;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:#0e6bb3;text-decoration-color:#0e6bb3}a.card--plain .card__title::after,.card-deck--plain a.card .card__title::after{content:none}a.card--plain:focus .card__title,.card-deck--plain a.card:focus .card__title{color:#fff;background-color:#0e6bb3;-webkit-box-shadow:0 0 0 3px #0e6bb3;box-shadow:0 0 0 3px #0e6bb3}a.card--plain:hover .card__title,.card-deck--plain a.card:hover .card__title{color:#0e6bb3;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration-thickness:2px;-webkit-text-decoration-color:#0b1951;text-decoration-color:#0b1951}a.card--plain:active .card__title,.card-deck--plain a.card:active .card__title{color:#d1431f;background-color:transparent;text-underline-color:#d1431f}.card-deck{display:grid;grid-template-columns:1fr;grid-gap:1.5em 2rem;margin-top:0;margin-bottom:1.5em}.card-deck .card{width:100%;height:100%}.card-deck--no-row-gap{grid-row-gap:0}.card-deck--no-column-gap{grid-column-gap:0}@media (min-width: 600px){.card-deck--x2{grid-template-columns:1fr 1fr}}@media (min-width: 600px){.card-deck--x3{grid-template-columns:1fr 1fr}}@media (min-width: 768px){.card-deck--x3{grid-template-columns:1fr 1fr 1fr}}@media (min-width: 600px){.card-deck--x4{grid-template-columns:1fr 1fr}}@media (min-width: 768px){.card-deck--x4{grid-template-columns:1fr 1fr 1fr}}@media (min-width: 980px){.card-deck--x4{grid-template-columns:1fr 1fr 1fr 1fr}}.card-deck--list .card{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}@media (min-width: 0) and (max-width: 480px){.card-deck--list .card .card__body{padding-top:1.2rem}}@media (min-width: 480px){.card-deck--list .card{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.card-deck--list .card .card__image{-webkit-box-flex:150px;-ms-flex:150px 0 0px;flex:150px 0 0}.card-deck--list .card .card__image:empty{-webkit-box-flex:0;-ms-flex:0;flex:0}.card-deck--list .card .card__body{padding:1em;-ms-flex-item-align:center;align-self:center}}.card-deck--list-to-x2 .card,.card-deck--list-to-x3 .card,.card-deck--list-to-x4 .card{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}@media (min-width: 480px) and (max-width: 768px){.card-deck--list-to-x2 .card,.card-deck--list-to-x3 .card,.card-deck--list-to-x4 .card{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.card-deck--list-to-x2 .card .card__image,.card-deck--list-to-x3 .card .card__image,.card-deck--list-to-x4 .card .card__image{-webkit-box-flex:33%;-ms-flex:33% 0 0px;flex:33% 0 0}.card-deck--list-to-x2 .card .card__image:empty,.card-deck--list-to-x3 .card .card__image:empty,.card-deck--list-to-x4 .card .card__image:empty{-webkit-box-flex:0;-ms-flex:0;flex:0}.card-deck--list-to-x2 .card .card__body,.card-deck--list-to-x3 .card .card__body,.card-deck--list-to-x4 .card .card__body{padding-left:1em;-ms-flex-item-align:center;align-self:center}}@media (min-width: 768px){.card-deck--list-to-x2{grid-template-columns:1fr 1fr}}@media (min-width: 768px){.card-deck--list-to-x3{grid-template-columns:1fr 1fr 1fr}}@media (min-width: 768px){.card-deck--list-to-x4{grid-template-columns:1fr 1fr}}@media (min-width: 980px){.card-deck--list-to-x4{grid-template-columns:1fr 1fr 1fr 1fr}}.card-deck--search-results{grid-row-gap:.5em}.card-deck--search-results .card{padding:.5em 0 1em;-webkit-box-shadow:0 1px 0 0 #cdcdcd;box-shadow:0 1px 0 0 #cdcdcd;border:0}.card-deck--search-results .card:first-child{padding-top:0}.card-deck--search-results .card__title{font-size:1.8rem;line-height:1.5;margin:0 0 .6rem;padding:0}@media screen and (min-width: 600px){.card-deck--search-results .card__title{font-size:2rem;line-height:1.5}}@media screen and (min-width: 768px){.card-deck--search-results .card__title{font-size:2.1rem;line-height:1.3}}.card-deck--search-results .card__meta{margin:.9rem 0;padding:0}.card-deck--search-results .card__content{margin:0;padding:0}.card-deck--plain .card{-webkit-box-shadow:none;box-shadow:none;border:0}.card-deck .layout-builder__region{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.card-deck.layout-builder-block{padding:0}.card-deck .layout-builder-block{padding:0;width:100%;height:100%}.card-deck section .layout-builder-block+.layout-builder__add-block{display:none}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.card-deck{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;margin-bottom:0}.card-deck>*{-webkit-box-flex:1;-ms-flex:auto 0 0px;flex:auto 0 0;width:100%;height:auto;margin-bottom:1.5em}.card-deck .card{width:100%;height:auto}}@media all and (-ms-high-contrast: none) and (min-width: 600px), (-ms-high-contrast: active) and (min-width: 600px){.card-deck--x2,.card-deck--x3,.card-deck--x4{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-deck--x2>*,.card-deck--x3>*,.card-deck--x4>*{width:49.9999% !important}.card-deck--list-to-x2 .card,.card-deck--list-to-x3 .card,.card-deck--list-to-x4 .card{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;height:-webkit-min-content !important;height:-moz-min-content !important;height:min-content !important}}@media all and (-ms-high-contrast: none) and (min-width: 768px), (-ms-high-contrast: active) and (min-width: 768px){.card-deck--x3>*{width:33.3333% !important}.card-deck--x4>*{width:23.9999% !important}.card-deck--list-to-x2,.card-deck--list-to-x3,.card-deck--list-to-x4{display:grid}.card-deck--list-to-x2 .card,.card-deck--list-to-x3 .card,.card-deck--list-to-x4 .card{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;height:100% !important;margin-bottom:0}.card-deck--list-to-x2{grid-template-columns:1fr 1fr;grid-template-rows:-webkit-min-content;grid-template-rows:min-content;grid-gap:1.5em 2rem}.card-deck--list-to-x3{grid-template-columns:1fr 1fr 1fr;grid-template-rows:-webkit-min-content;grid-template-rows:min-content;grid-gap:1.5em 2rem}.card-deck--list-to-x4{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:-webkit-min-content;grid-template-rows:min-content;grid-gap:1.5em 2rem}} +.card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-shadow:0 1px 2px #cdcdcd;box-shadow:0 1px 2px #cdcdcd;margin:0}.card__image{-webkit-box-flex:1;-ms-flex:auto 0 0px;flex:auto 0 0}.card__image:empty{-webkit-box-flex:0;-ms-flex:0;flex:0}.card__image .media-image{font-size:.1px;line-height:0}.card__image .media-image img{margin:0}.card__body{-webkit-box-flex:1;-ms-flex:auto 0 1;flex:auto 0 1;padding:1em}.card__body>p,.card__body>ul,.card__body>ol{margin:.9rem 0}.card__title{font-size:2.4rem;line-height:1.364;margin:0 0 .9rem}.card__meta{font-size:1.5rem;line-height:2.20002rem;margin:.9rem 0;color:#4d4d4d}@media (min-width: 768px){.card__meta{font-size:1.6rem;line-height:2.4rem}}.card__meta+p{margin-top:0}.card__content{margin:0}.card--no-shadow{-webkit-box-shadow:none;box-shadow:none}.card--no-border{border:0}.card--no-edges,.card--plain{-webkit-box-shadow:none;box-shadow:none;border:0}.card--no-padding{padding:0}.card--no-padding__body{padding:0}a.card{text-decoration:none;background-color:transparent;outline-color:transparent;-webkit-transition:background-color .3s, outline-color .3s, border-color .3s;transition:background-color .3s, outline-color .3s, border-color .3s;color:#222}a.card:hover,a.card:focus{background-color:#e4f0fa;outline:0.9rem solid #e4f0fa;outline-offset:0}a.card:hover .card__title::after,a.card:focus .card__title::after{background-color:#333;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2015%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23ffffff%3Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%20%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M12.5%200L0%2012l3%203%209.5-10L22%2015l3-3L12.5%200z%22%2F%3E%3C%2Fsvg%3E%0A")}a.card .card__title{position:relative;padding-right:36px;color:#0b1951}a.card .card__title::after{content:'';display:inline-block;position:absolute;top:.3rem;right:-.6rem;width:3rem;height:2.4rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2015%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%230e6bb3%3Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%20%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M12.5%200L0%2012l3%203%209.5-10L22%2015l3-3L12.5%200z%22%2F%3E%3C%2Fsvg%3E%0A");background-position:center center;background-size:2.2rem auto;background-repeat:no-repeat;-webkit-transform:rotate(90deg);transform:rotate(90deg)}a.card--plain,.card-deck--plain a.card{color:#222;text-decoration:none;text-underline-offset:3px}a.card--plain:hover,a.card--plain:focus,.card-deck--plain a.card:hover,.card-deck--plain a.card:focus{background-color:transparent;outline:none}a.card--plain .card__title,.card-deck--plain a.card .card__title{padding:0;color:#0e6bb3;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:#0e6bb3;text-decoration-color:#0e6bb3}a.card--plain .card__title::after,.card-deck--plain a.card .card__title::after{content:none}a.card--plain:focus .card__title,.card-deck--plain a.card:focus .card__title{color:#fff;background-color:#0e6bb3;-webkit-box-shadow:0 0 0 3px #0e6bb3;box-shadow:0 0 0 3px #0e6bb3}a.card--plain:hover .card__title,.card-deck--plain a.card:hover .card__title{color:#0e6bb3;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration-thickness:2px;-webkit-text-decoration-color:#0b1951;text-decoration-color:#0b1951}a.card--plain:active .card__title,.card-deck--plain a.card:active .card__title{color:#d1431f;background-color:transparent;text-underline-color:#d1431f}.card-deck{display:grid;grid-template-columns:1fr;grid-gap:1.5em 2rem;margin-top:0;margin-bottom:1.5em}.card-deck .card{width:100%;height:100%}.card-deck--no-row-gap{grid-row-gap:0}.card-deck--no-column-gap{grid-column-gap:0}@media (min-width: 600px){.card-deck--x2{grid-template-columns:1fr 1fr}}@media (min-width: 600px){.card-deck--x3{grid-template-columns:1fr 1fr}}@media (min-width: 768px){.card-deck--x3{grid-template-columns:1fr 1fr 1fr}}@media (min-width: 600px){.card-deck--x4{grid-template-columns:1fr 1fr}}@media (min-width: 768px){.card-deck--x4{grid-template-columns:1fr 1fr 1fr}}@media (min-width: 980px){.card-deck--x4{grid-template-columns:1fr 1fr 1fr 1fr}}.card-deck--list .card{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}@media (min-width: 0) and (max-width: 480px){.card-deck--list .card .card__body{padding-top:1.2rem}}@media (min-width: 480px){.card-deck--list .card{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.card-deck--list .card .card__image{-webkit-box-flex:150px;-ms-flex:150px 0 0px;flex:150px 0 0}.card-deck--list .card .card__image:empty{-webkit-box-flex:0;-ms-flex:0;flex:0}.card-deck--list .card .card__body{padding:1em;-ms-flex-item-align:center;align-self:center}}.card-deck--list-to-x2 .card,.card-deck--list-to-x3 .card,.card-deck--list-to-x4 .card{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}@media (min-width: 480px) and (max-width: 768px){.card-deck--list-to-x2 .card,.card-deck--list-to-x3 .card,.card-deck--list-to-x4 .card{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.card-deck--list-to-x2 .card .card__image,.card-deck--list-to-x3 .card .card__image,.card-deck--list-to-x4 .card .card__image{-webkit-box-flex:33%;-ms-flex:33% 0 0px;flex:33% 0 0}.card-deck--list-to-x2 .card .card__image:empty,.card-deck--list-to-x3 .card .card__image:empty,.card-deck--list-to-x4 .card .card__image:empty{-webkit-box-flex:0;-ms-flex:0;flex:0}.card-deck--list-to-x2 .card .card__body,.card-deck--list-to-x3 .card .card__body,.card-deck--list-to-x4 .card .card__body{padding-left:1em;-ms-flex-item-align:center;align-self:center}}@media (min-width: 768px){.card-deck--list-to-x2{grid-template-columns:1fr 1fr}}@media (min-width: 768px){.card-deck--list-to-x3{grid-template-columns:1fr 1fr 1fr}}@media (min-width: 768px){.card-deck--list-to-x4{grid-template-columns:1fr 1fr}}@media (min-width: 980px){.card-deck--list-to-x4{grid-template-columns:1fr 1fr 1fr 1fr}}.card-deck--search-results{grid-row-gap:.5em}.card-deck--search-results .card{padding:.5em 0 1em;-webkit-box-shadow:0 1px 0 0 #cdcdcd;box-shadow:0 1px 0 0 #cdcdcd;border:0}.card-deck--search-results .card:first-child{padding-top:0}.card-deck--search-results .card__title{font-size:1.8rem;line-height:1.5;margin:0 0 .6rem;padding:0}@media screen and (min-width: 600px){.card-deck--search-results .card__title{font-size:2rem;line-height:1.5}}@media screen and (min-width: 768px){.card-deck--search-results .card__title{font-size:2.1rem;line-height:1.3}}.card-deck--search-results .card__meta{margin:.9rem 0;padding:0}.card-deck--search-results .card__content{margin:0;padding:0}.card-deck--plain .card{-webkit-box-shadow:none;box-shadow:none;border:0}.card-deck--border-top .card{-webkit-box-shadow:none;box-shadow:none;border-top:1px solid #19315a;padding:1.2rem}.card-deck .layout-builder__region{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.card-deck.layout-builder-block{padding:0}.card-deck .layout-builder-block{padding:0;width:100%;height:100%}.card-deck section .layout-builder-block+.layout-builder__add-block{display:none}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.card-deck{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;margin-bottom:0}.card-deck>*{-webkit-box-flex:1;-ms-flex:auto 0 0px;flex:auto 0 0;width:100%;height:auto;margin-bottom:1.5em}.card-deck .card{width:100%;height:auto}}@media all and (-ms-high-contrast: none) and (min-width: 600px), (-ms-high-contrast: active) and (min-width: 600px){.card-deck--x2,.card-deck--x3,.card-deck--x4{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-deck--x2>*,.card-deck--x3>*,.card-deck--x4>*{width:49.9999% !important}.card-deck--list-to-x2 .card,.card-deck--list-to-x3 .card,.card-deck--list-to-x4 .card{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;height:-webkit-min-content !important;height:-moz-min-content !important;height:min-content !important}}@media all and (-ms-high-contrast: none) and (min-width: 768px), (-ms-high-contrast: active) and (min-width: 768px){.card-deck--x3>*{width:33.3333% !important}.card-deck--x4>*{width:23.9999% !important}.card-deck--list-to-x2,.card-deck--list-to-x3,.card-deck--list-to-x4{display:grid}.card-deck--list-to-x2 .card,.card-deck--list-to-x3 .card,.card-deck--list-to-x4 .card{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;height:100% !important;margin-bottom:0}.card-deck--list-to-x2{grid-template-columns:1fr 1fr;grid-template-rows:-webkit-min-content;grid-template-rows:min-content;grid-gap:1.5em 2rem}.card-deck--list-to-x3{grid-template-columns:1fr 1fr 1fr;grid-template-rows:-webkit-min-content;grid-template-rows:min-content;grid-gap:1.5em 2rem}.card-deck--list-to-x4{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:-webkit-min-content;grid-template-rows:min-content;grid-gap:1.5em 2rem}} diff --git a/css/5_theme/landing.css b/css/5_theme/landing.css index ae60828..343c952 100644 --- a/css/5_theme/landing.css +++ b/css/5_theme/landing.css @@ -1 +1 @@ -.page-node-type-landing-page .info-notice,.page-node-type-landing-page .card-deck,.page-node-type-landing-page .accordion,.page-node-type-landing-page .video-and-caption,.page-node-type-landing-page .text-block{margin-top:2.1rem;margin-bottom:4.2rem}@media (min-width: 600px){.page-node-type-landing-page .info-notice,.page-node-type-landing-page .card-deck,.page-node-type-landing-page .accordion,.page-node-type-landing-page .video-and-caption,.page-node-type-landing-page .text-block{margin-top:2.4rem;margin-bottom:4.8rem}}@media (min-width: 768px){.page-node-type-landing-page .info-notice,.page-node-type-landing-page .card-deck,.page-node-type-landing-page .accordion,.page-node-type-landing-page .video-and-caption,.page-node-type-landing-page .text-block{margin-top:3rem;margin-bottom:6rem}}.page-node-type-landing-page .card-deck:not(.card-deck--plain) .card{border-top:0.9rem solid #0a78cd;outline-width:0}.page-node-type-landing-page .card-deck:not(.card-deck--plain) .card .card__image:empty ~ .card__body>p,.page-node-type-landing-page .card-deck:not(.card-deck--plain) .card .card__image:empty ~ .card__body>li{font-size:1.6rem;line-height:1.5}@media screen and (min-width: 768px){.page-node-type-landing-page .card-deck:not(.card-deck--plain) .card .card__image:empty ~ .card__body>p,.page-node-type-landing-page .card-deck:not(.card-deck--plain) .card .card__image:empty ~ .card__body>li{font-size:1.8rem}}.page-node-type-landing-page .card-deck:not(.card-deck--plain) .card .card__image:empty ~ .card__body .card__title{font-size:2.2rem;line-height:1.364}.page-node-type-landing-page .card-deck+.card-deck:not(.card-deck--plain){margin-top:-1.8rem}@media (min-width: 600px){.page-node-type-landing-page .card-deck+.card-deck:not(.card-deck--plain){margin-top:-2.1rem}}@media (min-width: 768px){.page-node-type-landing-page .card-deck+.card-deck:not(.card-deck--plain){margin-top:-2.7rem}}.page-node-type-landing-page .page-summary{font-size:2rem;line-height:1.4;margin:2.4rem 0 3.2rem;font-weight:normal}@media screen and (min-width: 600px){.page-node-type-landing-page .page-summary{font-size:2.2rem;line-height:1.4546}}@media screen and (min-width: 768px){.page-node-type-landing-page .page-summary{font-size:2.6rem;line-height:1.3846;margin:3rem 0 3.6rem}}@media screen and (min-width: 980px){.page-node-type-landing-page .page-summary{font-size:3rem;line-height:1.3;margin:4.5rem 0 4.5rem}}.page-node-type-landing-page .card-deck--plain .card{padding:.6rem 1.8rem .9rem 1.5rem;border-left:0.3rem solid #a8d7fb}.page-node-type-landing-page .card-deck--plain .card:focus,.page-node-type-landing-page .card-deck--plain .card:hover{border-left-color:#0a78cd;background-color:#f3f8fc}.page-node-type-landing-page .card-deck--plain .card__title{font-size:2.2rem;line-height:1.364;padding:0;margin:0;color:#0b1951 !important;text-decoration:none !important;background-color:transparent !important;-webkit-box-shadow:none !important;box-shadow:none !important}.page-node-type-landing-page .card-deck--plain .card__title::after{content:none}.page-node-type-landing-page .card-deck--plain .card__content{max-width:720px;padding:0;margin:.8rem 0 0}@media (min-width: 768px){.page-node-type-landing-page .card-deck--plain .card__content{margin:.9rem 0 0}}.page-node-type-landing-page .card-deck--plain .card__content .more{white-space:nowrap;color:#0e6bb3;text-decoration:underline}.page-node-type-landing-page .accordion{border-bottom:1px solid #00aae5}.page-node-type-landing-page .accordion .accordion-heading{padding-left:.8rem}@media (min-width: 768px){.page-node-type-landing-page .accordion .accordion-heading{padding-left:1.5rem}}.no-js .page-node-type-landing-page .accordion .accordion-section{margin:0 1.6rem 1em;padding:0}@media (min-width: 768px){.no-js .page-node-type-landing-page .accordion .accordion-section{margin:0 1.6rem 1em}}.js .page-node-type-landing-page .accordion .accordion-section.expanded{margin:0 1.6rem 1em}@media (min-width: 768px){.js .page-node-type-landing-page .accordion .accordion-section.expanded{margin:0 1.8rem 1em}}.page-node-type-landing-page .accordion .accordion-section-title{border-top:1px solid #00aae5}.page-node-type-landing-page .card-deck--x2 .card--contact{margin:0}@media (min-width: 600px){.page-node-type-landing-page .card-deck--x2 .card--contact .tel .title{font-size:1.6rem;line-height:1.5}}@media screen and (min-width: 600px) and (min-width: 768px){.page-node-type-landing-page .card-deck--x2 .card--contact .tel .title{font-size:1.8rem}}@media (min-width: 600px){.page-node-type-landing-page .card-deck--x2 .card--contact .tel .value{font-size:2.4rem;line-height:1.3334}}@media screen and (min-width: 600px) and (min-width: 768px){.page-node-type-landing-page .card-deck--x2 .card--contact .tel .value{font-size:2.7rem;line-height:1.3334}}@media screen and (min-width: 600px) and (min-width: 980px){.page-node-type-landing-page .card-deck--x2 .card--contact .tel .value{font-size:3rem;line-height:1.3334}}@media (min-width: 600px){.page-node-type-landing-page .card-deck--x2 .card--contact .tel .supplementary{font-size:1.5rem;line-height:1.4}}@media screen and (min-width: 600px) and (min-width: 768px){.page-node-type-landing-page .card-deck--x2 .card--contact .tel .supplementary{font-size:1.6rem;line-height:1.5}}@media (min-width: 600px){.page-node-type-landing-page .card-deck--x2 .card--contact{padding-left:27.5%}.page-node-type-landing-page .card-deck--x2 .card--contact::before{width:15%;margin:1em 6.25%}}@media (min-width: 768px){.page-node-type-landing-page .card-deck--x3 .card--contact .tel .title{font-size:1.7rem;line-height:2.4rem}.page-node-type-landing-page .card-deck--x3 .card--contact .tel .value{font-size:2rem;line-height:1.4}}@media screen and (min-width: 768px) and (min-width: 600px){.page-node-type-landing-page .card-deck--x3 .card--contact .tel .value{font-size:2.2rem;line-height:1.4546}}@media screen and (min-width: 768px) and (min-width: 768px){.page-node-type-landing-page .card-deck--x3 .card--contact .tel .value{font-size:2.4rem;line-height:1.5}}@media (min-width: 768px){.page-node-type-landing-page .card-deck--x3 .card--contact .tel .supplementary{font-size:1.5rem;line-height:2.4rem}}@media (min-width: 768px){.page-node-type-landing-page .card-deck--x3 .card--contact{padding-left:27.5%}.page-node-type-landing-page .card-deck--x3 .card--contact::before{width:15%;margin:1em 6.25%}} +.page-node-type-landing-page .info-notice,.page-node-type-landing-page .card-deck,.page-node-type-landing-page .accordion,.page-node-type-landing-page .video-and-caption,.page-node-type-landing-page .text-block{margin-top:2.1rem;margin-bottom:4.2rem}@media (min-width: 600px){.page-node-type-landing-page .info-notice,.page-node-type-landing-page .card-deck,.page-node-type-landing-page .accordion,.page-node-type-landing-page .video-and-caption,.page-node-type-landing-page .text-block{margin-top:2.4rem;margin-bottom:4.8rem}}@media (min-width: 768px){.page-node-type-landing-page .info-notice,.page-node-type-landing-page .card-deck,.page-node-type-landing-page .accordion,.page-node-type-landing-page .video-and-caption,.page-node-type-landing-page .text-block{margin-top:3rem;margin-bottom:6rem}}.page-node-type-landing-page .card-deck:not(.card-deck--plain) .card{border-top:0.9rem solid #0a78cd;outline-width:0}.page-node-type-landing-page .card-deck:not(.card-deck--plain) .card .card__image:empty ~ .card__body>p,.page-node-type-landing-page .card-deck:not(.card-deck--plain) .card .card__image:empty ~ .card__body>li{font-size:1.6rem;line-height:1.5}@media screen and (min-width: 768px){.page-node-type-landing-page .card-deck:not(.card-deck--plain) .card .card__image:empty ~ .card__body>p,.page-node-type-landing-page .card-deck:not(.card-deck--plain) .card .card__image:empty ~ .card__body>li{font-size:1.8rem}}.page-node-type-landing-page .card-deck:not(.card-deck--plain) .card .card__image:empty ~ .card__body .card__title{font-size:2.4rem;line-height:1.364}.page-node-type-landing-page .card-deck+.card-deck:not(.card-deck--plain){margin-top:-1.8rem}@media (min-width: 600px){.page-node-type-landing-page .card-deck+.card-deck:not(.card-deck--plain){margin-top:-2.1rem}}@media (min-width: 768px){.page-node-type-landing-page .card-deck+.card-deck:not(.card-deck--plain){margin-top:-2.7rem}}.page-node-type-landing-page .page-summary{font-size:2rem;line-height:1.4;margin:2.4rem 0 3.2rem;font-weight:normal}@media screen and (min-width: 600px){.page-node-type-landing-page .page-summary{font-size:2.2rem;line-height:1.4546}}@media screen and (min-width: 768px){.page-node-type-landing-page .page-summary{font-size:2.6rem;line-height:1.3846;margin:3rem 0 3.6rem}}@media screen and (min-width: 980px){.page-node-type-landing-page .page-summary{font-size:3rem;line-height:1.3;margin:4.5rem 0 4.5rem}}.page-node-type-landing-page .card-deck--plain .card{padding:.6rem 1.8rem .9rem 1.5rem;border-left:0.3rem solid #a8d7fb}.page-node-type-landing-page .card-deck--plain .card:focus,.page-node-type-landing-page .card-deck--plain .card:hover{border-left-color:#0a78cd;background-color:#f3f8fc}.page-node-type-landing-page .card-deck--plain .card__title{font-size:2.4rem;line-height:1.364;padding:0;margin:0;color:#0b1951 !important;text-decoration:none !important;background-color:transparent !important;-webkit-box-shadow:none !important;box-shadow:none !important}.page-node-type-landing-page .card-deck--plain .card__title::after{content:none}.page-node-type-landing-page .card-deck--plain .card__content{max-width:720px;padding:0;margin:.8rem 0 0}@media (min-width: 768px){.page-node-type-landing-page .card-deck--plain .card__content{margin:.9rem 0 0}}.page-node-type-landing-page .card-deck--plain .card__content .more{white-space:nowrap;color:#0e6bb3;text-decoration:underline}.page-node-type-landing-page .accordion{border-bottom:1px solid #00aae5}.page-node-type-landing-page .accordion .accordion-heading{padding-left:.8rem}@media (min-width: 768px){.page-node-type-landing-page .accordion .accordion-heading{padding-left:1.5rem}}.no-js .page-node-type-landing-page .accordion .accordion-section{margin:0 1.6rem 1em;padding:0}@media (min-width: 768px){.no-js .page-node-type-landing-page .accordion .accordion-section{margin:0 1.6rem 1em}}.js .page-node-type-landing-page .accordion .accordion-section.expanded{margin:0 1.6rem 1em}@media (min-width: 768px){.js .page-node-type-landing-page .accordion .accordion-section.expanded{margin:0 1.8rem 1em}}.page-node-type-landing-page .accordion .accordion-section-title{border-top:1px solid #00aae5}.page-node-type-landing-page .card-deck--x2 .card--contact{margin:0}@media (min-width: 600px){.page-node-type-landing-page .card-deck--x2 .card--contact .tel .title{font-size:1.6rem;line-height:1.5}}@media screen and (min-width: 600px) and (min-width: 768px){.page-node-type-landing-page .card-deck--x2 .card--contact .tel .title{font-size:1.8rem}}@media (min-width: 600px){.page-node-type-landing-page .card-deck--x2 .card--contact .tel .value{font-size:2.4rem;line-height:1.3334}}@media screen and (min-width: 600px) and (min-width: 768px){.page-node-type-landing-page .card-deck--x2 .card--contact .tel .value{font-size:2.7rem;line-height:1.3334}}@media screen and (min-width: 600px) and (min-width: 980px){.page-node-type-landing-page .card-deck--x2 .card--contact .tel .value{font-size:3rem;line-height:1.3334}}@media (min-width: 600px){.page-node-type-landing-page .card-deck--x2 .card--contact .tel .supplementary{font-size:1.5rem;line-height:1.4}}@media screen and (min-width: 600px) and (min-width: 768px){.page-node-type-landing-page .card-deck--x2 .card--contact .tel .supplementary{font-size:1.6rem;line-height:1.5}}@media (min-width: 600px){.page-node-type-landing-page .card-deck--x2 .card--contact{padding-left:27.5%}.page-node-type-landing-page .card-deck--x2 .card--contact::before{width:15%;margin:1em 6.25%}}@media (min-width: 768px){.page-node-type-landing-page .card-deck--x3 .card--contact .tel .title{font-size:1.7rem;line-height:2.4rem}.page-node-type-landing-page .card-deck--x3 .card--contact .tel .value{font-size:2rem;line-height:1.4}}@media screen and (min-width: 768px) and (min-width: 600px){.page-node-type-landing-page .card-deck--x3 .card--contact .tel .value{font-size:2.2rem;line-height:1.4546}}@media screen and (min-width: 768px) and (min-width: 768px){.page-node-type-landing-page .card-deck--x3 .card--contact .tel .value{font-size:2.4rem;line-height:1.5}}@media (min-width: 768px){.page-node-type-landing-page .card-deck--x3 .card--contact .tel .supplementary{font-size:1.5rem;line-height:2.4rem}}@media (min-width: 768px){.page-node-type-landing-page .card-deck--x3 .card--contact{padding-left:27.5%}.page-node-type-landing-page .card-deck--x3 .card--contact::before{width:15%;margin:1em 6.25%}} diff --git a/css/5_theme/views.css b/css/5_theme/views.css index 8f683e9..05e68f6 100644 --- a/css/5_theme/views.css +++ b/css/5_theme/views.css @@ -1 +1 @@ -.hr-above{border-top:5px solid #0b1951;margin-top:1.8rem;padding-top:1.6rem}.older-news .card__meta{color:#4d4d4d;display:block;margin-bottom:0} +.hr-above{border-top:5px solid #0b1951;margin-top:1.8rem;padding-top:1.6rem}.older-news .card__meta{color:#4d4d4d;display:block;margin-bottom:0}.card-deck--topics{margin-top:2rem} diff --git a/src/scss/3_components/content/cards.scss b/src/scss/3_components/content/cards.scss index 75755fe..6ee06fa 100644 --- a/src/scss/3_components/content/cards.scss +++ b/src/scss/3_components/content/cards.scss @@ -77,11 +77,14 @@ color: $meta; } - &__meta + p, - &__content { + &__meta + p { margin-top: 0; } + &__content { + margin: 0; + } + // Card modifiers. &--no-shadow { box-shadow: none; @@ -412,6 +415,14 @@ a.card { } } + &--border-top { + .card { + box-shadow: none; + border-top: 1px solid $headings; + padding: 1.2rem; + } + } + // Layout Builder adjustments for card decks and cards. // Cards can be dragged and dropped into card deck regions. Multiple cards in the same diff --git a/src/scss/5_theme/views.scss b/src/scss/5_theme/views.scss index 2af0456..93e2919 100644 --- a/src/scss/5_theme/views.scss +++ b/src/scss/5_theme/views.scss @@ -24,3 +24,7 @@ margin-bottom: 0; } } + +.card-deck--topics { + margin-top: 2rem; +} diff --git a/src/scss/init/_typography.scss b/src/scss/init/_typography.scss index 077fd75..9db67ec 100644 --- a/src/scss/init/_typography.scss +++ b/src/scss/init/_typography.scss @@ -106,7 +106,7 @@ $h6-text: ( ); $card-title: ( - null: (22px, 1.364), + null: (24px, 1.364), ); $btn-small: ( diff --git a/templates/views/views-view--site-themes-home-page.html.twig b/templates/views/views-view--topic-queue.html.twig similarity index 100% rename from templates/views/views-view--site-themes-home-page.html.twig rename to templates/views/views-view--topic-queue.html.twig diff --git a/templates/views/views-view-unformatted--topic-queue.html.twig b/templates/views/views-view-unformatted--topic-queue.html.twig new file mode 100644 index 0000000..3b0fe31 --- /dev/null +++ b/templates/views/views-view-unformatted--topic-queue.html.twig @@ -0,0 +1,41 @@ +{# +/** + * @file + * Theme override to display a view of unformatted rows. + * + * Available variables: + * - title: The title of this group of rows. May be empty. + * - rows: A list of the view's row items. + * - attributes: The row's HTML attributes. + * - content: The row's content. + * - view: The view object. + * - default_row_class: A flag indicating whether default classes should be + * used on rows. + * + * @see template_preprocess_views_view_unformatted() + */ +#} +{% if title %} +