diff --git a/css/styles.css b/css/styles.css
index f8161b644e24dd520905474bce382b74ba7275b1..fbbd1fb59717bf6bcfc39b2877e2601bd36b9976 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -3569,6 +3569,12 @@ button {
.card--show-hover:hover, .card--show-hover:focus-within {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
+.card__featured-image {
+ background-repeat: no-repeat;
+ background-size: cover;
+ height: 45rem;
+ min-height: 44rem; }
+
.card__header {
color: #757575;
margin-bottom: 1rem;
@@ -3733,6 +3739,92 @@ button {
.card.node > .card__body {
padding: 0; }
+.node--type-uw-ct-blog .card.node .card__body, .node--type-uw-ct-event .card.node .card__body, .node--type-uw-ct-news-item .card.node .card__body {
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 75rem;
+ padding: 0 16px;
+ background: #fff;
+ margin-top: -10rem; }
+ @media (min-width: 75rem) {
+ .node--type-uw-ct-blog .card.node .card__body, .node--type-uw-ct-event .card.node .card__body, .node--type-uw-ct-news-item .card.node .card__body {
+ padding-left: 0;
+ padding-right: 0; } }
+
+.node--type-uw-ct-blog .card.node .card__header, .node--type-uw-ct-event .card.node .card__header, .node--type-uw-ct-news-item .card.node .card__header {
+ margin-bottom: 10rem; }
+ .node--type-uw-ct-blog .card.node .card__header .card__title, .node--type-uw-ct-event .card.node .card__header .card__title, .node--type-uw-ct-news-item .card.node .card__header .card__title {
+ font-size: 41.056px;
+ padding: 8px 24px; }
+ .node--type-uw-ct-blog .card.node .card__header .card__sub-title, .node--type-uw-ct-event .card.node .card__header .card__sub-title, .node--type-uw-ct-news-item .card.node .card__header .card__sub-title {
+ font-size: 25.632px;
+ padding: 8px 24px; }
+ .node--type-uw-ct-blog .card.node .card__header .card__date, .node--type-uw-ct-event .card.node .card__header .card__date, .node--type-uw-ct-news-item .card.node .card__header .card__date {
+ margin-top: -2.25rem; }
+ .node--type-uw-ct-blog .card.node .card__header .card__date .uw-date, .node--type-uw-ct-event .card.node .card__header .card__date .uw-date, .node--type-uw-ct-news-item .card.node .card__header .card__date .uw-date {
+ background-color: #fdd54f;
+ color: #000;
+ display: inline-block;
+ width: inherit; }
+ .node--type-uw-ct-blog .card.node .card__header .card__author, .node--type-uw-ct-event .card.node .card__header .card__author, .node--type-uw-ct-news-item .card.node .card__header .card__author {
+ padding: 8px 24px; }
+
+.node--type-uw-ct-blog .card.node .card__footer, .node--type-uw-ct-event .card.node .card__footer, .node--type-uw-ct-news-item .card.node .card__footer {
+ padding: 8px 24px; }
+
+.node--type-uw-ct-event .card.node .card__header .card__date .uw-date-details__summary {
+ background-image: url("../source/images/icons/mobile-arrow-down.svg"); }
+ > .node--type-uw-ct-event .card.node .card__header .card__date .uw-date-details__summary {
+ background-image: url("../source/images/icons/mobile-arrow-up.svg"); }
+
+.node--type-uw-ct-event .card.node .card__header .card__date .uw-date {
+ background-color: #fdd54f;
+ color: #000;
+ display: block; }
+
+.node--type-uw-ct-contact .card.node .card__body {
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 75rem;
+ padding: 0 16px; }
+ @media (min-width: 75rem) {
+ .node--type-uw-ct-contact .card.node .card__body {
+ padding-left: 0;
+ padding-right: 0; } }
+
+.node--type-uw-ct-contact .card.node .card__header {
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 75rem;
+ padding: 0 16px; }
+ @media (min-width: 75rem) {
+ .node--type-uw-ct-contact .card.node .card__header {
+ padding-left: 0;
+ padding-right: 0; } }
+
+.node--type-uw-ct-profile .card.node .card__body {
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 75rem;
+ padding: 0 16px; }
+ @media (min-width: 75rem) {
+ .node--type-uw-ct-profile .card.node .card__body {
+ padding-left: 0;
+ padding-right: 0; } }
+
+.node--type-uw-ct-profile .card.node .card__header {
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 75rem;
+ padding: 0 16px; }
+ @media (min-width: 75rem) {
+ .node--type-uw-ct-profile .card.node .card__header {
+ padding-left: 0;
+ padding-right: 0; } }
+
+.uw-main > div > .action-links {
+ margin: 0 !important; }
+
.uw-colour-bar__cbarorg-default__uw-gold--lvl1 {
background-color: #fffaaa; }
diff --git a/source/_patterns/04-components/card/_card.scss b/source/_patterns/04-components/card/_card.scss
index d6d28ef4284caf25d4a2cc40b309c35fece87373..4975c2ba9aeb1570023170ab1e9f637da099dc3a 100644
--- a/source/_patterns/04-components/card/_card.scss
+++ b/source/_patterns/04-components/card/_card.scss
@@ -27,6 +27,13 @@ $card-padding: rem(gesso-spacing(sm)) !default;
box-shadow: gesso-box-shadow(3);
}
}
+.card__featured-image{
+ background-repeat:no-repeat;
+ background-size: cover;
+ height:45rem;
+ min-height: 44rem;
+
+}
// top
.card__header{
//background: $test-color-2;
diff --git a/source/_patterns/04-components/card/card--node/_card--node.scss b/source/_patterns/04-components/card/card--node/_card--node.scss
index 55537a607b8efa0c2cfecae88b683ab975876894..14c8d2daed2766dd306a3103741dfa3c85eee515 100644
--- a/source/_patterns/04-components/card/card--node/_card--node.scss
+++ b/source/_patterns/04-components/card/card--node/_card--node.scss
@@ -7,3 +7,121 @@
padding:0;
}
}
+
+.node{
+ &--type-uw-ct-blog,
+ &--type-uw-ct-event,
+ &--type-uw-ct-news-item{
+ .card.node{
+
+ .card{
+
+ &__body{
+ @include uw-contained-width;
+ background: #fff;
+ margin-top: -10rem;
+ .card__content{
+
+ }
+ }
+
+ &__header{
+ margin-bottom:10rem;
+ .card__title{
+ font-size:gesso-font-size(8);
+ padding:gesso-spacing(xs) gesso-spacing(md);
+ }
+ .card__sub-title{
+ font-size:gesso-font-size(4);
+ padding:gesso-spacing(xs) gesso-spacing(md);
+ }
+ .card__date{
+ margin-top:-2.25rem;
+
+ .uw-date{
+ background-color: gesso-brand(org-default,uw-gold,'primary');
+ color: gesso-brand(org-default,uw-black,'primary');
+ display:inline-block;
+ width:inherit;
+ }
+ }
+ .card__author{
+ padding:gesso-spacing(xs) gesso-spacing(md);
+ }
+ }
+
+ &__footer{
+ padding:gesso-spacing(xs) gesso-spacing(md);
+
+ }
+ }
+ }
+ }
+
+
+
+ &--type-uw-ct-blog{
+
+ }
+ &--type-uw-ct-event{
+
+ .card.node{
+
+ .card{
+ &__header {
+ .card__date{
+ .uw-date-details__summary{ @include svg-background(mobile-arrow-down);
+ > & {
+ @include svg-background(mobile-arrow-up);
+ }
+ }
+ .uw-date{
+ background-color: gesso-brand(org-default,uw-gold,'primary');
+ color: gesso-brand(org-default,uw-black,'primary');
+ display:block;
+
+ }
+
+ }
+ }
+ }
+ }
+ }
+ &--type-uw-ct-news-item{
+
+ }
+ &--type-uw-ct-contact{
+ .card.node{
+
+ .card{
+ &__body{
+ @include uw-contained-width;
+ }
+ &__header {
+ @include uw-contained-width;
+ }
+
+ }
+ }
+
+ }
+
+ &--type-uw-ct-profile{
+ .card.node{
+
+ .card{
+ &__body{
+ @include uw-contained-width;
+ }
+ &__header {
+ @include uw-contained-width;
+ }
+
+ }
+ }
+
+ }
+}
+.uw-main > div > .action-links{
+ margin:0 !important;
+}