woocommerce/packages/woocommerce-blocks/assets/js/editor-components/external-link-card/editor.scss
2021-12-10 12:03:04 +00:00

34 lines
777 B
SCSS

.wc-block-editor-components-external-link-card {
display: flex;
flex-direction: row;
text-decoration: none;
margin: $gap-large 0;
color: inherit;
align-items: flex-start;
& + .wc-block-editor-components-external-link-card {
margin-top: -($gap-large - $gap);
}
.wc-block-editor-components-external-link-card__content {
flex: 1 1 0;
padding-right: $gap;
}
.wc-block-editor-components-external-link-card__title {
font-weight: 500;
display: block;
}
.wc-block-editor-components-external-link-card__description {
color: $gray-700;
display: block;
@include font-size(small);
margin-top: 0.5em;
}
.wc-block-editor-components-external-link-card__icon {
flex: 0 0 24px;
margin: 0;
text-align: right;
color: inherit;
vertical-align: top;
}
}