2018-05-25 19:34:35 +00:00
|
|
|
/** @format */
|
|
|
|
|
2018-06-01 14:35:18 +00:00
|
|
|
.woocommerce-activity-card {
|
2018-07-16 13:53:38 +00:00
|
|
|
position: relative;
|
|
|
|
padding: $gutter;
|
2018-05-25 19:34:35 +00:00
|
|
|
background: $white;
|
2018-07-16 13:53:38 +00:00
|
|
|
border-bottom: 1px solid $core-grey-light-400;
|
|
|
|
color: $gray-text;
|
|
|
|
@include font-size( 13 );
|
|
|
|
display: grid;
|
|
|
|
grid-template-columns: 84px 1fr;
|
|
|
|
grid-template-areas:
|
|
|
|
'icon header'
|
|
|
|
'icon body'
|
|
|
|
'icon actions';
|
|
|
|
|
|
|
|
@include breakpoint( '<782px' ) {
|
|
|
|
grid-template-columns: 76px 1fr;
|
|
|
|
}
|
2018-05-25 19:34:35 +00:00
|
|
|
}
|
|
|
|
|
2018-07-16 13:53:38 +00:00
|
|
|
.woocommerce-activity-card__unread {
|
|
|
|
position: absolute;
|
|
|
|
top: calc(#{ $gutter } - 6px);
|
|
|
|
right: calc(#{ $gutter } - 6px);
|
|
|
|
width: 6px;
|
|
|
|
height: 6px;
|
|
|
|
border-radius: 50%;
|
|
|
|
background: $core-orange;
|
|
|
|
}
|
2018-05-25 19:34:35 +00:00
|
|
|
|
2018-07-16 13:53:38 +00:00
|
|
|
.woocommerce-activity-card__icon {
|
|
|
|
grid-area: icon;
|
|
|
|
fill: $core-grey-light-600;
|
|
|
|
}
|
2018-05-25 19:34:35 +00:00
|
|
|
|
2018-07-16 13:53:38 +00:00
|
|
|
.woocommerce-activity-card__header {
|
|
|
|
grid-area: header;
|
|
|
|
margin-bottom: $gap;
|
|
|
|
display: grid;
|
|
|
|
grid-template-areas:
|
|
|
|
'title date'
|
|
|
|
'subtitle date';
|
2018-05-25 19:34:35 +00:00
|
|
|
|
2018-07-16 13:53:38 +00:00
|
|
|
.woocommerce-activity-card__title {
|
|
|
|
grid-area: title;
|
2018-05-25 19:34:35 +00:00
|
|
|
margin: 0;
|
2018-07-16 13:53:38 +00:00
|
|
|
@include font-size( 13 );
|
2018-05-25 19:34:35 +00:00
|
|
|
}
|
|
|
|
|
2018-06-01 14:35:18 +00:00
|
|
|
.woocommerce-activity-card__date {
|
2018-07-16 13:53:38 +00:00
|
|
|
grid-area: date;
|
|
|
|
justify-self: end;
|
|
|
|
color: $core-grey-dark-300;
|
|
|
|
text-transform: uppercase;
|
|
|
|
@include font-size( 11 );
|
2018-05-25 19:34:35 +00:00
|
|
|
}
|
|
|
|
|
2018-07-16 13:53:38 +00:00
|
|
|
.woocommerce-activity-card__subtitle {
|
|
|
|
grid-area: subtitle;
|
2018-05-25 19:34:35 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2018-06-01 14:35:18 +00:00
|
|
|
.woocommerce-activity-card__body {
|
2018-07-16 13:53:38 +00:00
|
|
|
grid-area: body;
|
2018-05-25 19:34:35 +00:00
|
|
|
}
|
|
|
|
|
2018-06-01 14:35:18 +00:00
|
|
|
.woocommerce-activity-card__actions {
|
2018-07-16 13:53:38 +00:00
|
|
|
grid-area: actions;
|
|
|
|
margin-top: $gap;
|
2018-05-25 19:34:35 +00:00
|
|
|
|
|
|
|
// Ensures any immediate child with a sibling has space between the items
|
|
|
|
& > * + * {
|
|
|
|
margin-left: 0.5em;
|
|
|
|
}
|
|
|
|
}
|