woocommerce/plugins/woocommerce-admin/client/dashboard/task-list/style.scss

140 lines
2.4 KiB
SCSS

/** @format */
.woocommerce-task-dashboard__body {
.woocommerce-card__description {
color: $muriel-gray-500;
}
.woocommerce-task-card .woocommerce-card__body {
border-top: 1px solid $muriel-gray-50;
padding: 0;
}
.woocommerce-card.is-narrow {
max-width: 680px;
margin-left: auto;
margin-right: auto;
}
.muriel-button.components-button {
height: 40px;
min-width: 106px;
margin: $gap $gap-smaller 0 0;
justify-content: center;
&:not(.is-primary) {
color: $muriel-hot-pink-500;
}
}
.woocommerce-list {
margin: 0;
.woocommerce-list__item.is-complete {
background: $muriel-gray-0;
.woocommerce-list__item-before i {
color: $muriel-gray-200;
}
.woocommerce-list__item-title {
color: $muriel-gray-500;
}
.woocommerce-list__item-description {
display: none;
}
}
.woocommerce-list__item-before i {
width: 36px;
height: 36px;
font-size: 36px;
color: $muriel-hot-purple-600;
}
.woocommerce-list__item-after i {
color: $muriel-gray-600;
}
}
.woocommerce-list__item-title {
color: $muriel-gray-800;
}
.woocommerce-list__item-description {
color: $muriel-gray-500;
}
#wpbody-content {
position: relative;
}
}
.woocommerce-shipping-rate {
display: flex;
padding-top: $gap-small;
padding-bottom: $gap-small;
.woocommerce-shipping-rate__main {
width: 100%;
}
.woocommerce-shipping-rate__icon {
padding-top: $gap;
margin-right: $gap-large;
}
.woocommerce-shipping-rate__name {
align-items: center;
display: flex;
padding-top: $gap;
font-size: 16px;
line-height: 22px;
color: $muriel-gray-900;
margin-bottom: $gap-small;
border-top: 1px solid $new-muriel-gray-5;
.components-form-toggle {
margin-left: auto;
height: 18px;
}
}
.woocommerce-shipping-rate__control-wrapper {
position: relative;
.muriel-input-text input {
left: $gap * 2;
}
.components-base-control {
margin-bottom: 0;
}
.woocommerce-shipping-rate__control-prefix,
.woocommerce-shipping-rate__control-suffix {
display: none;
position: absolute;
left: $gap;
top: 26px;
z-index: 1;
font-size: 16px;
line-height: 24px;
color: $new-muriel-gray-50;
}
&.has-value {
.woocommerce-shipping-rate__control-prefix,
.woocommerce-shipping-rate__control-suffix {
display: block;
}
}
.woocommerce-shipping-rate__control-suffix {
left: auto;
right: $gap;
}
}
}