woocommerce/plugins/woocommerce-admin/client/marketing/components/PluginCardBody/PluginCardBody.scss

47 lines
722 B
SCSS

$image-size: 36px;
$gap-vertical: 2px;
.woocommerce_marketing_plugin_card_body {
display: flex;
align-items: center;
gap: $gap;
&__icon {
flex-shrink: 0;
img {
display: block;
width: $image-size;
height: $image-size;
border-radius: $gap-smallest;
}
}
&__details {
flex-grow: 1;
&-name {
display: flex;
gap: $gap-vertical $gap-smaller;
flex-wrap: wrap;
align-items: center;
font-size: 14px;
font-weight: 600;
line-height: 20px;
margin-bottom: $gap-smallest;
.woocommerce-pill {
padding: $gap-vertical $gap-smaller;
color: $gray-700;
}
}
&-description {
font-size: 13px;
font-weight: 400;
line-height: 16px;
color: $gray-700;
}
}
}