Commit c101b9bc authored by Martin Leblanc's avatar Martin Leblanc Committed by Kevin Paxman
Browse files

additional css for the dates to be displayed black on gold

parent 3474621d
......@@ -1440,9 +1440,9 @@ svg:not(:root) {
.uw-field--name-field-uw-blog-date,
.uw-field--name-field-uw-event-date,
.uw-field--name-field-uw-news-date {
background-color: #000;
background-color: #fdd54f;
clear: both;
color: #fdd54f;
color: #000;
display: inline-block;
font-family: Typ1451-Medium,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Oxygen-Sans", Ubuntu, Cantarell, "Fira Sans", Droid Sans, sans-serif;
font-size: 14.22224px;
......@@ -1453,8 +1453,8 @@ svg:not(:root) {
.org-default .uw-field--name-field-uw-blog-date time,
.org-default .uw-field--name-field-uw-event-date time,
.org-default .uw-field--name-field-uw-news-date time {
background-color: #000;
color: #fdd54f; }
background-color: #fdd54f;
color: #000; }
.org-ahs .uw-date,
.org-ahs .uw-field--name-field-uw-blog-date time,
......@@ -3777,14 +3777,9 @@ button {
@media (min-width: 63.1875rem) {
.node--type-uw-ct-blog .uw-node__without-image .card.node .card__header .card__date, .node--type-uw-ct-event .uw-node__without-image .card.node .card__header .card__date, .node--type-uw-ct-news-item .uw-node__without-image .card.node .card__header .card__date, .node--type-uw-ct-profile .uw-node__without-image .card.node .card__header .card__date, .node--type-uw-ct-contact .uw-node__without-image .card.node .card__header .card__date {
width: inherit; } }
.node--type-uw-ct-blog .uw-node__without-image .card.node .card__header .card__date .uw-date, .node--type-uw-ct-event .uw-node__without-image .card.node .card__header .card__date .uw-date, .node--type-uw-ct-news-item .uw-node__without-image .card.node .card__header .card__date .uw-date, .node--type-uw-ct-profile .uw-node__without-image .card.node .card__header .card__date .uw-date, .node--type-uw-ct-contact .uw-node__without-image .card.node .card__header .card__date .uw-date {
background-color: #fdd54f;
color: #000;
display: inline-block;
width: 100%; }
@media (min-width: 63.1875rem) {
.node--type-uw-ct-blog .uw-node__without-image .card.node .card__header .card__date .uw-date, .node--type-uw-ct-event .uw-node__without-image .card.node .card__header .card__date .uw-date, .node--type-uw-ct-news-item .uw-node__without-image .card.node .card__header .card__date .uw-date, .node--type-uw-ct-profile .uw-node__without-image .card.node .card__header .card__date .uw-date, .node--type-uw-ct-contact .uw-node__without-image .card.node .card__header .card__date .uw-date {
width: inherit; } }
@media (min-width: 63.1875rem) {
.node--type-uw-ct-blog .uw-node__without-image .card.node .card__header .card__date .uw-date, .node--type-uw-ct-event .uw-node__without-image .card.node .card__header .card__date .uw-date, .node--type-uw-ct-news-item .uw-node__without-image .card.node .card__header .card__date .uw-date, .node--type-uw-ct-profile .uw-node__without-image .card.node .card__header .card__date .uw-date, .node--type-uw-ct-contact .uw-node__without-image .card.node .card__header .card__date .uw-date {
width: inherit; } }
.node--type-uw-ct-blog .uw-node__without-image .card.node .card__header .card__author, .node--type-uw-ct-event .uw-node__without-image .card.node .card__header .card__author, .node--type-uw-ct-news-item .uw-node__without-image .card.node .card__header .card__author, .node--type-uw-ct-profile .uw-node__without-image .card.node .card__header .card__author, .node--type-uw-ct-contact .uw-node__without-image .card.node .card__header .card__author {
padding: 8px 24px; }
.node--type-uw-ct-blog .uw-node__without-image .card.node .card__footer, .node--type-uw-ct-event .uw-node__without-image .card.node .card__footer, .node--type-uw-ct-news-item .uw-node__without-image .card.node .card__footer, .node--type-uw-ct-profile .uw-node__without-image .card.node .card__footer, .node--type-uw-ct-contact .uw-node__without-image .card.node .card__footer {
......@@ -3805,7 +3800,7 @@ button {
.node--type-uw-ct-blog .uw-node__with-image .card .card__header, .node--type-uw-ct-event .uw-node__with-image .card .card__header, .node--type-uw-ct-news-item .uw-node__with-image .card .card__header, .node--type-uw-ct-profile .uw-node__with-image .card .card__header, .node--type-uw-ct-contact .uw-node__with-image .card .card__header {
margin-bottom: 1rem;
padding-bottom: 4rem; }
padding-bottom: 2rem; }
.node--type-uw-ct-blog .uw-node__with-image .card .card__header .card__title, .node--type-uw-ct-event .uw-node__with-image .card .card__header .card__title, .node--type-uw-ct-news-item .uw-node__with-image .card .card__header .card__title, .node--type-uw-ct-profile .uw-node__with-image .card .card__header .card__title, .node--type-uw-ct-contact .uw-node__with-image .card .card__header .card__title {
padding: 8px 24px; }
.node--type-uw-ct-blog .uw-node__with-image .card .card__header .card__sub-title, .node--type-uw-ct-event .uw-node__with-image .card .card__header .card__sub-title, .node--type-uw-ct-news-item .uw-node__with-image .card .card__header .card__sub-title, .node--type-uw-ct-profile .uw-node__with-image .card .card__header .card__sub-title, .node--type-uw-ct-contact .uw-node__with-image .card .card__header .card__sub-title {
......@@ -3814,25 +3809,12 @@ button {
padding: 8px 24px; }
.node--type-uw-ct-blog .uw-node__with-image .card .card__date, .node--type-uw-ct-event .uw-node__with-image .card .card__date, .node--type-uw-ct-news-item .uw-node__with-image .card .card__date, .node--type-uw-ct-profile .uw-node__with-image .card .card__date, .node--type-uw-ct-contact .uw-node__with-image .card .card__date {
margin-top: -2.25rem; }
.node--type-uw-ct-blog .uw-node__with-image .card .card__date .uw-date, .node--type-uw-ct-event .uw-node__with-image .card .card__date .uw-date, .node--type-uw-ct-news-item .uw-node__with-image .card .card__date .uw-date, .node--type-uw-ct-profile .uw-node__with-image .card .card__date .uw-date, .node--type-uw-ct-contact .uw-node__with-image .card .card__date .uw-date {
background-color: #fdd54f;
color: #000;
display: inline-block;
width: inherit; }
margin-top: -2.25rem;
max-width: 27rem; }
.node--type-uw-ct-blog .uw-node__with-image .card .card__footer, .node--type-uw-ct-event .uw-node__with-image .card .card__footer, .node--type-uw-ct-news-item .uw-node__with-image .card .card__footer, .node--type-uw-ct-profile .uw-node__with-image .card .card__footer, .node--type-uw-ct-contact .uw-node__with-image .card .card__footer {
padding: 8px 24px; }
.node--type-uw-ct-event .uw-node__with-image .card.node .card__body .card__header .card__date .uw-date-details .uw-date {
background-color: #000;
color: #fdd54f; }
.node--type-uw-ct-event .uw-node__with-image .card.node .card__body .card__header .card__date .uw-date {
background-color: #000;
color: #fdd54f;
width: 100%; }
.node--type-uw-ct-profile .uw-node__without-image .card.node,
.node--type-uw-ct-profile .uw-node__with-image .card.node,
.node--type-uw-ct-contact .uw-node__without-image .card.node,
......@@ -4191,22 +4173,23 @@ button {
width: 100%; }
.uw-date-details {
background-color: #fdd54f;
box-sizing: border-box; }
.uw-date-details .uw-date {
background-color: #000;
background-color: #fdd54f;
box-sizing: border-box;
display: block;
padding: 0.5rem 1rem;
text-transform: uppercase; }
.uw-date-details__summary {
background-image: url("../source/images/icons/mobile-arrow-down-y.svg");
background-color: #000;
background-image: url("../source/images/icons/mobile-arrow-down.svg");
background-color: #fdd54f;
background-position: right 1rem center;
background-repeat: no-repeat;
background-size: 0.8125rem;
box-sizing: border-box;
color: #fdd54f;
color: #000;
cursor: pointer;
display: block;
padding: 0; }
......@@ -4215,7 +4198,7 @@ button {
.block-uw-cbl-multi-type-list .uw-date-details__summary {
background-position: right 0.5rem center; }
[open] > .uw-date-details__summary {
background-image: url("../source/images/icons/mobile-arrow-up-y.svg"); }
background-image: url("../source/images/icons/mobile-arrow-up.svg"); }
/* stylelint-disable-next-line selector-no-qualifying-type */
.details,
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -12,9 +12,9 @@ $faculties: 'org-default', 'org-ahs', 'org-art', 'org-eng', 'org-env', 'org-mat'
.uw-field--name-field-uw-blog-date,
.uw-field--name-field-uw-event-date,
.uw-field--name-field-uw-news-date{
background-color:gesso-brand(org-default,uw-black,'primary');
background-color: gesso-brand(org-default, uw-gold, 'primary');
clear: both;
color: gesso-brand(org-default,uw-gold,'primary');
color: gesso-brand(org-default, uw-black, 'primary');
display:inline-block;
font-family: gesso-font-family(systemmedium);
font-size: gesso-font-size(-1);
......@@ -36,8 +36,8 @@ $faculties: 'org-default', 'org-ahs', 'org-art', 'org-eng', 'org-env', 'org-mat'
.uw-field--name-field-uw-event-date time,
.uw-field--name-field-uw-news-date time{
@if $faculty == org-default {
background-color:gesso-brand(org-default,uw-black,'primary');
color: gesso-brand(org-default,uw-gold,'primary');
background-color: gesso-brand(org-default, uw-gold, 'primary');
color: gesso-brand(org-default, uw-black, 'primary');
}
@else {
......
......@@ -72,10 +72,6 @@
width: inherit;
}
.uw-date {
background-color: gesso-brand(org-default, uw-gold, 'primary');
color: gesso-brand(org-default, uw-black, 'primary');
display: inline-block;
width: 100%;
@include large{
width: inherit;
}
......@@ -101,7 +97,7 @@
}
.card__header {
margin-bottom: 1rem;
padding-bottom: 4rem;
padding-bottom: 2rem;
.card__title {
padding: gesso-spacing(xs) gesso-spacing(md);
}
......@@ -114,11 +110,8 @@
}
.card__date {
margin-top: -2.25rem;
max-width:27rem;
.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__footer{
......@@ -129,34 +122,7 @@
}
}
.node--type-uw-ct-event{
.uw-node__without-image {
}
.uw-node__with-image {
.card.node {
.card__body{
.card__header {
.card__date {
.uw-date-details{
.uw-date {
background-color: gesso-brand(org-default, uw-black, 'primary');
color: gesso-brand(org-default, uw-gold, 'primary');
}
}
.uw-date {
background-color: gesso-brand(org-default, uw-black, 'primary');
color: gesso-brand(org-default, uw-gold, 'primary');
width:100%;
}
}
}
}
}
}
}
.node--type-uw-ct-profile,
.node--type-uw-ct-contact {
.uw-node__without-image,
......
......@@ -3,9 +3,11 @@
}
.uw-date-details{
background-color: gesso-brand(org-default, uw-gold, 'primary');
box-sizing: border-box;
.uw-date {
background-color: gesso-brand(org-default,uw-black,'primary');
background-color: gesso-brand(org-default, uw-gold,'primary');
box-sizing: border-box;
display:block;
padding: rem(gesso-spacing(xs)) rem(gesso-spacing(sm)) ;
......@@ -16,13 +18,13 @@
.uw-date{
background:inherit;
}
@include svg-background(mobile-arrow-down-y);
background-color: gesso-brand(org-default,uw-black,'primary');
@include svg-background(mobile-arrow-down);
background-color: gesso-brand(org-default, uw-gold,'primary');
background-position: right 1rem center; // LTR
background-repeat: no-repeat;
background-size: rem(13px);
box-sizing: border-box;
color: gesso-brand(org-default,uw-gold,'primary');
color: gesso-brand(org-default,uw-black,'primary');
cursor: pointer;
display: block;
padding:0;
......@@ -30,6 +32,6 @@
background-position: right 0.5rem center; // LTR
}
[open] > & {
@include svg-background(mobile-arrow-up-y);
@include svg-background(mobile-arrow-up);
}
}
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment