Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #13898 from rellect/sass_woocommerce 

Remove deep nesting where not necessary (woocommerce.scss)
This commit is contained in:
Mike Jolley 2017-04-27 12:07:29 +01:00 committed by GitHub
parent de54358650 3c3f8a5fa4
commit 8f5a8b0ede
1 changed files with 299 additions and 398 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

169
assets/css/woocommerce.scss
View File

@ -39,10 +39,8 @@ p.demo_store,
} }
} }
.admin-bar { .admin-bar p.demo_store {
p.demo_store {
top: 32px; top: 32px;
}
} }
/** /**
@ -103,12 +101,10 @@ p.demo_store,
} }
} }
.quantity { .quantity .qty {
.qty {
width: 3.631em; width: 3.631em;
text-align: center; text-align: center;
} }
}
/** /**
* Product Page * Product Page
@ -435,11 +431,9 @@ p.demo_store,
} }
} }
.woocommerce-variation-description { .woocommerce-variation-description p {
p {
margin-bottom: 1em; margin-bottom: 1em;
} }
}
.reset_variations { .reset_variations {
visibility: hidden; visibility: hidden;
@ -518,8 +512,7 @@ p.demo_store,
} }
} }
ul.products { ul.products li.product {
li.product {
.onsale { .onsale {
top: 0; top: 0;
right: 0; right: 0;
@ -585,7 +578,6 @@ p.demo_store,
} }
} }
} }
}
.woocommerce-result-count { .woocommerce-result-count {
margin: 0 0 1em; margin: 0 0 1em;
@ -689,14 +681,12 @@ p.demo_store,
} }
} }
&.added { &.added::after {
&::after {
font-family: 'WooCommerce'; font-family: 'WooCommerce';
content: '\e017'; content: '\e017';
margin-left: 0.53em; margin-left: 0.53em;
vertical-align: bottom; vertical-align: bottom;
} }
}
&:hover { &:hover {
background-color: $secondary - #111; background-color: $secondary - #111;
@ -915,22 +905,17 @@ p.demo_store,
} }
} }
.products { .products .star-rating {
.star-rating {
display: block; display: block;
margin: 0 0 0.5em; margin: 0 0 0.5em;
float: none; float: none;
} }
}
.hreview-aggregate { .hreview-aggregate .star-rating {
.star-rating {
margin: 10px 0 0; margin: 10px 0 0;
} }
}
#review_form { #review_form #respond {
#respond {
@include clearfix(); @include clearfix();
position: static; position: static;
margin: 0; margin: 0;
@ -943,18 +928,15 @@ p.demo_store,
margin: 0 0 10px; margin: 0 0 10px;
} }
.form-submit { .form-submit input {
input {
left: auto; left: auto;
} }
}
textarea { textarea {
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
} }
} }
}
p.stars { p.stars {
a { a {
@ -978,20 +960,14 @@ p.demo_store,
text-indent: 0; text-indent: 0;
} }
&:hover { &:hover ~ a::before {
~ a::before {
content: '\e021'; content: '\e021';
} }
} }
}
&:hover { &:hover a::before {
a {
&::before {
content: '\e020'; content: '\e020';
} }
}
}
&.selected { &.selected {
a.active { a.active {
@ -1004,13 +980,11 @@ p.demo_store,
} }
} }
a:not( .active ) { a:not( .active )::before {
&::before {
content: '\e020'; content: '\e020';
} }
} }
} }
}
/** /**
* Tables * Tables
@ -1074,14 +1048,12 @@ p.demo_store,
} }
} }
tbody:first-child { tbody:first-child tr:first-child {
tr:first-child {
th, th,
td { td {
border-top: 0; border-top: 0;
} }
} }
}
tfoot td, tfoot td,
tfoot th, tfoot th,
@ -1125,14 +1097,12 @@ p.demo_store,
&:last-child { &:last-child {
text-align: left; text-align: left;
} }
.woocommerce-MyAccount-downloads-file { .woocommerce-MyAccount-downloads-file::before {
&::before {
content: '\2193'; content: '\2193';
display: inline-block; display: inline-block;
} }
} }
} }
}
td.product-name { td.product-name {
dl.variation, .wc-item-meta { dl.variation, .wc-item-meta {
@ -1165,7 +1135,6 @@ p.demo_store,
min-width: 80px; min-width: 80px;
} }
/** /**
* Cart sidebar * Cart sidebar
*/ */
@ -1241,8 +1210,7 @@ p.demo_store,
} }
} }
.cart_list { .cart_list li {
li {
padding-left: 2em; padding-left: 2em;
position: relative; position: relative;
padding-top: 0; padding-top: 0;
@ -1253,7 +1221,6 @@ p.demo_store,
left: 0; left: 0;
} }
} }
}
.buttons { .buttons {
@include clearfix(); @include clearfix();
@ -1267,8 +1234,7 @@ p.demo_store,
/** /**
* Forms * Forms
*/ */
form { form .form-row {
.form-row {
padding: 3px; padding: 3px;
margin: 0 0 6px; margin: 0 0 6px;
@ -1363,7 +1329,6 @@ p.demo_store,
line-height: normal; line-height: normal;
} }
} }
}
form.login, form.login,
form.checkout_coupon, form.checkout_coupon,
@ -1442,8 +1407,7 @@ p.demo_store,
/** /**
* Layered nav widget * Layered nav widget
*/ */
.widget_layered_nav { .widget_layered_nav ul {
ul {
margin: 0; margin: 0;
padding: 0; padding: 0;
border: 0; border: 0;
@ -1460,19 +1424,13 @@ p.demo_store,
} }
} }
li.chosen { li.chosen a::before {
a {
&::before {
@include iconbefore( '\e013' ); @include iconbefore( '\e013' );
color: $red; color: $red;
} }
} }
}
}
}
.widget_layered_nav_filters { .widget_layered_nav_filters ul {
ul {
margin: 0; margin: 0;
padding: 0; padding: 0;
border: 0; border: 0;
@ -1495,7 +1453,6 @@ p.demo_store,
} }
} }
} }
}
/** /**
* Price filter widget * Price filter widget
@ -1512,9 +1469,6 @@ p.demo_store,
.button { .button {
font-size: 1.15em; font-size: 1.15em;
}
.button {
float: left; float: left;
} }
} }
@ -1577,8 +1531,7 @@ p.demo_store,
/** /**
* Rating Filter Widget * Rating Filter Widget
*/ */
.widget_rating_filter { .widget_rating_filter ul {
ul {
margin: 0; margin: 0;
padding: 0; padding: 0;
border: 0; border: 0;
@ -1600,16 +1553,11 @@ p.demo_store,
} }
} }
li.chosen { li.chosen a::before {
a {
&::before {
@include iconbefore( '\e013' ); @include iconbefore( '\e013' );
color: $red; color: $red;
} }
} }
}
}
}
} }
/** /**
@ -1690,18 +1638,8 @@ button.pswp__button--zoom:hover {
/** /**
* Right to left styles * Right to left styles
*/ */
.rtl { .rtl.woocommerce div.product div.images .flex-control-thumbs li {
&.woocommerce {
div.product {
div.images {
.flex-control-thumbs {
li {
float: right; float: right;
}
}
}
}
}
} }
.woocommerce-message { .woocommerce-message {
@ -1738,8 +1676,7 @@ button.pswp__button--zoom:hover {
@include clearfix(); @include clearfix();
} }
.addresses { .addresses .title {
.title {
@include clearfix(); @include clearfix();
h3 { h3 {
@ -1750,23 +1687,17 @@ button.pswp__button--zoom:hover {
float: right; float: right;
} }
} }
}
ol.commentlist.notes {
li.note {
ol.commentlist.notes li.note {
p.meta { p.meta {
font-weight: 700; font-weight: 700;
margin-bottom: 0; margin-bottom: 0;
} }
.description { .description p:last-child {
p:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
} }
}
}
ul.digital-downloads { ul.digital-downloads {
margin-left: 0; margin-left: 0;
padding-left: 0; padding-left: 0;
@ -1808,9 +1739,7 @@ button.pswp__button--zoom:hover {
vertical-align: middle; vertical-align: middle;
} }
td.actions { td.actions .coupon .input-text {
.coupon {
.input-text {
float: left; float: left;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
@ -1821,8 +1750,6 @@ button.pswp__button--zoom:hover {
outline: 0; outline: 0;
line-height: 1; line-height: 1;
} }
}
}
input { input {
margin: 0; margin: 0;
@ -1852,20 +1779,16 @@ button.pswp__button--zoom:hover {
display: block; display: block;
} }
.shipping-calculator-button { .shipping-calculator-button::after {
&::after {
@include iconafter( '\e019' ); @include iconafter( '\e019' );
} }
} }
}
.cart_totals { .cart_totals {
p { p small {
small {
color: $subtext; color: $subtext;
font-size: 0.83em; font-size: 0.83em;
} }
}
table { table {
border-collapse: separate; border-collapse: separate;
@ -1910,14 +1833,10 @@ button.pswp__button--zoom:hover {
} }
} }
.cross-sells { .cross-sells ul.products li.product {
ul.products {
li.product {
margin-top: 0; margin-top: 0;
} }
} }
}
}
.checkout { .checkout {
.col-2 { .col-2 {
h3#ship-to-different-address { h3#ship-to-different-address {
@ -2168,20 +2087,15 @@ button.pswp__button--zoom:hover {
/** /**
* Twenty Eleven specific styles * Twenty Eleven specific styles
*/ */
#content.twentyeleven { #content.twentyeleven .woocommerce-pagination a {
.woocommerce-pagination {
a {
font-size: 1em; font-size: 1em;
line-height: 1; line-height: 1;
}
}
} }
/** /**
* Twenty Thirteen specific styles * Twenty Thirteen specific styles
*/ */
.single-product { .single-product .twentythirteen {
.twentythirteen {
.entry-summary, .entry-summary,
#reply-title, #reply-title,
#respond #commentform { #respond #commentform {
@ -2191,42 +2105,29 @@ button.pswp__button--zoom:hover {
p.stars { p.stars {
clear: both; clear: both;
} }
}
} }
.twentythirteen { .twentythirteen .woocommerce-breadcrumb {
.woocommerce-breadcrumb {
padding-top: 40px; padding-top: 40px;
}
} }
/** /**
* Twenty Fourteen specific styles * Twenty Fourteen specific styles
*/ */
.twentyfourteen { .twentyfourteen ul.products li.product {
ul.products {
li.product {
margin-top: 0 !important; margin-top: 0 !important;
}
}
} }
/** /**
* Twenty Sixteen specific styles * Twenty Sixteen specific styles
*/ */
body:not( .search-results ) { body:not( .search-results ) .twentysixteen .entry-summary {
.twentysixteen {
.entry-summary {
color: inherit; color: inherit;
font-size: inherit; font-size: inherit;
line-height: inherit; line-height: inherit;
}
}
} }
.twentysixteen { .twentysixteen .price ins {
.price ins {
background: inherit; background: inherit;
color: inherit; color: inherit;
}
} }