woocommerce/plugins/woocommerce-admin/client/components/activity-card/style.scss

77 lines
1.3 KiB
SCSS

/** @format */
.woocommerce-activity-card {
background: $white;
border: 1px solid $gray;
margin-bottom: $spacing * 2;
}
.woocommerce-activity-card__header {
display: flex;
align-items: center;
margin-bottom: $spacing * 0.5;
padding: $spacing $spacing 0;
.woocommerce-activity-card__icon {
margin-right: $spacing;
.dashicon {
fill: $gray-text;
}
}
.woocommerce-activity-card__label {
flex: 1;
margin: 0;
@include font-size( 14 );
color: $gray-text;
font-weight: normal;
}
.woocommerce-activity-card__date {
margin-left: 0.5em;
}
.woocommerce-activity-card__menu {
// Pull the menu up/out slightly
margin-right: $spacing * -0.5;
margin-top: $spacing * -0.5;
}
}
.woocommerce-activity-card__body {
padding: 0 $spacing $spacing;
display: flex;
.woocommerce-activity-card__content {
flex: 1;
}
.woocommerce-activity-card__image {
border-radius: 50%;
overflow: hidden;
width: 60px;
align-self: flex-end;
border: 1px solid $gray;
background: #f8f8f8;
img,
.dashicon {
vertical-align: middle;
width: 100%;
height: auto;
}
}
}
.woocommerce-activity-card__actions {
padding: $spacing;
border-top: 1px solid $gray;
background: #eee;
// Ensures any immediate child with a sibling has space between the items
& > * + * {
margin-left: 0.5em;
}
}