Skip to content
Snippets Groups Projects

ISTWCMS-6859: adding initial classes for event styling in manual block list

Merged Eric Bremner requested to merge feature/ISTWCMS-6859-ebremner-event-style-manual-block into 1.1.x
Files
10
@@ -70,4 +70,113 @@
}
}
}
&--event {
// ISTWCMS-6859 Agenda look for event card teaser.
&.card__uw-agenda,
.uw-agenda & {
display: grid;
grid-template-columns: 100%;
column-gap: var(--grid-gutter);
@include uw-no-breakout();
@media(min-width: $screen-md) {
display: grid;
grid-template-columns: 19rem auto;
}
&.card--show-hover {
border: 0;
border-bottom: 1px solid var(--gray-3);
box-shadow: var(--shadow-0);
transition: box-shadow 300ms ease;
padding: var(--size-2);
padding-bottom: var(--size-6);
&:hover,
&:focus-within {
background-color: var(--gray-1);
border-bottom: 1px solid var(--uw-black-primary);
box-shadow: var(--shadow-3);
}
}
.card__image {
margin-top: 2rem;
@media(min-width: $screen-md) {
grid-column: 1 / 2;
grid-row: 2 / 3;
}
img {
max-width: 12.5rem;
}
a {
max-width: 12.5rem;
}
}
.card__header {
display: grid;
grid-template-columns: 100%;
grid-row: 1 / 2;
margin-bottom: 0.75rem;
@media(min-width: $screen-md) {
grid-template-columns: 20rem auto;
grid-column: 1 / 3;
}
}
.card__date {
background: inherit;
padding-left: 0;
position: relative;
.uw-date {
background: inherit;
padding-left: 0;
}
@media(min-width: $screen-md) {
grid-row: 1 / 2;
margin: 0;
.uw-date {
top: 0;
left: 0;
position: absolute;
background: inherit;
padding: 0;
margin: 0;
}
}
}
.card__title {
grid-column: 1 / 2;
margin: 0;
padding-top: var(--size-305);
@media(min-width: $screen-md) {
grid-column: 2 / 3;
}
}
.card__author {
grid-column: 1 / 2;
@media(min-width: $screen-md) {
grid-column: 2 / 3;
}
}
.card__body,
.card__content,
.card__footer,
.card__position,
.card__tags,
.card__readmore,
.card__social {
grid-column: 1 / 2;
@media(min-width: $screen-md) {
grid-column: 2 / 3;
}
}
.card__body {
grid-row: 2 / 3;
}
.card__content {
margin-bottom: 0;
}
.card__tags {
margin: 0;
}
}
}
}
Loading