account / cart / checkout layout. #12038

This commit is contained in:
James Koster 2016-11-29 11:37:40 +00:00
parent 2a1f8488d1
commit b208f9cbec
2 changed files with 55 additions and 1 deletions

File diff suppressed because one or more lines are too long

View File

@ -669,6 +669,48 @@ table.variations {
}
}
/**
* Account section
*/
.woocommerce-account {
.woocommerce-MyAccount-navigation {
float: right;
width: 25%;
border-top: 1px solid #ddd;
li {
list-style: none;
padding: .5em 0;
border-bottom: 1px solid #ddd;
a {
box-shadow: none;
&:hover {
box-shadow: 0 3px 0 rgba(15, 15, 15, 1);
}
}
&:before {
content: "";
display: inline-block;
margin-right: .25em;
color: #ddd;
}
&.is-active {
a {
box-shadow: 0 3px 0 rgba(15, 15, 15, 1);
}
}
}
}
.woocommerce-MyAccount-content {
float: left;
}
}
/**
* Layout stuff
*/
@ -682,4 +724,16 @@ table.variations {
width: 20%;
}
}
body.page-two-column.woocommerce-cart:not(.archive) #primary .entry-header,
body.page-two-column.woocommerce-checkout:not(.archive) #primary .entry-header,
body.page-two-column.woocommerce-account:not(.archive) #primary .entry-header {
width: 16%;
}
body.page-two-column.woocommerce-cart:not(.archive) #primary .entry-content,
body.page-two-column.woocommerce-checkout:not(.archive) #primary .entry-content,
body.page-two-column.woocommerce-account:not(.archive) #primary .entry-content {
width: 78%;
}
}