/** @format */ .woocommerce-activity-card { background: $white; 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; } }