woocommerce/assets/css/admin/sv-wc-plugin-admin-setup-wizard.scss
h1#wc-logo.sv-wc-plugin-logo {
font-size: 28px;
font-weight: bold;
a {
color: #444444;
text-decoration: none;
&:hover {
color: #222222;
text-decoration: none;
}
}
}
.sv-wc-plugin-admin-setup-content {
.error {
background: #dc3232;
border-radius: 5px;
color: #fff;
padding: 1em;
a {
color: #fff;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
}
.sv-wc-plugin-admin-setup-control {
margin-bottom: 20px;
label {
color: #666;
display: inline-block;
font-size: 15px;
font-weight: 500;
margin-top: .85em;
margin-bottom: .5em;
}
input[type="text"],
input[type="number"],
input[type="password"],
select {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
color: #444;
display: inline-block;
font-size: 16px;
height: 30px;
padding: 0 24px 0 8px;
width: calc(100% - 8px - 24px - 2px);
}
select {
width: 100%;
}
textarea {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
color: #444;
font-size: 16px;
padding: 10px;
}
.description {
color: #888;
font-size: 13px;
margin: 5px 0 0;
}
&.toggle {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
padding: 0;
border-bottom: 1px solid #eee;
color: #666;
align-items: top;
&:last-child {
border-bottom: 0;
}
.name {
flex-basis: 0;
min-width: 160px;
text-align: center;
font-weight: bold;
align-self: stretch;
display: flex;
align-items: baseline;
}
.content {
flex-grow: 1;
padding: 20px;
p {
margin-bottom: 1em;
}
p:last-child {
margin-bottom: 0;
}
}
.enable {
flex-basis: 0;
min-width: 75px;
text-align: center;
cursor: pointer;
padding: 2em 0;
position: relative;
max-height: 1.5em;
align-self: flex-start;
}
.toggle {
height: 16px;
width: 32px;
border: 2px solid #935687;
background-color: #935687;
display: inline-block;
text-indent: -9999px;
border-radius: 10em;
position: relative;
input[type=checkbox] {
display: none;
}
&:before {
content: "";
display: block;
width: 16px;
height: 16px;
background: #fff;
position: absolute;
top: 0;
right: 0;
border-radius: 100%;
}
&.disabled {
border-color: #999;
background-color: #999;
&:before {
right: auto;
left: 0;
}
}
}
}
}
}