woocommerce/plugins/woocommerce-admin/client/settings/style.scss

78 lines
1.2 KiB
SCSS

.woocommerce-admin-page__settings_page {
.woocommerce-layout__primary {
margin: 0;
}
.woocommerce-layout .woocommerce-layout__main {
padding-right: 0;
}
#wpbody-content {
background-color: white;
}
}
.woocommerce-settings-tabs {
.components-tab-panel__tabs {
border-bottom: 1px solid lightgray;
padding: 14px 14px 0 14px;
}
.components-tab-panel__tabs-item {
font-weight: 400;
border: 2px solid transparent;
&.active-tab {
border-bottom: 2px solid blue;
}
}
}
.woocommerce-settings-layout {
width: 100%;
display: flex;
gap: 30px;
padding: 50px 16px 16px 16px;
}
.woocommerce-settings-section-nav {
width: 300px;
}
.woocommerce-settings-content {
flex: 1;
}
.woocommerce-settings-section-nav {
.components-item {
&.active-section {
.components-button {
background-color: lightgray;
}
}
}
.components-button {
width: 100%;
border: none !important;
box-shadow: none !important;
padding: 20px 12px;
}
}
.woocommerce-settings-element {
display: flex;
justify-content: space-between;
margin: 16px 0px;
&:first-of-type {
margin: 0;
}
h4 {
margin: 0;
width: 200px;
}
.components-base-control {
flex: 1;
}
}