woocommerce/plugins/woocommerce-admin/client/marketplace/components/footer/footer.scss

56 lines
1.1 KiB
SCSS

@import '../../stylesheets/_variables.scss';
.woocommerce-marketplace__footer {
background: $gray-0;
border-top: 1px solid $gray-200;
margin: auto;
padding: $content-spacing-xlarge $content-spacing-small;
a {
text-decoration: none;
}
}
.woocommerce-marketplace__footer-content {
box-sizing: content-box;
max-width: $content-max-width;
margin: auto;
width: 100%;
}
.woocommerce-marketplace__footer-title {
color: $gutenberg-gray-900;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 28px;
max-width: 389px;
margin: 0 0 $content-spacing-large;
}
.woocommerce-marketplace__footer-columns {
display: flex;
flex-direction: column;
gap: $large-gap;
}
.woocommerce-marketplace__footer-logo {
color: $wp-gray-50;
display: flex;
font-size: 14px;
font-weight: 600;
line-height: 20px;
gap: $small-gap;
margin: 48px 0 0;
}
@media screen and (min-width: $breakpoint-medium) {
.woocommerce-marketplace__footer {
padding: $content-spacing-xlarge $content-spacing-large;
}
.woocommerce-marketplace__footer-columns {
flex-direction: row;
}
}