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

various styles; pagination, prices, sale. #12038

This commit is contained in:
James Koster 2016-11-25 16:34:30 +00:00
parent 2e07cca674
commit e3ac9d94af
2 changed files with 64 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/twenty-seventeen.css
View File

@ -1 +1 @@
.woocommerce-breadcrumb a,ul.products li.product .button{-webkit-transition:box-shadow ease-in-out 130ms;-moz-transition:box-shadow ease-in-out 130ms}.star-rating span,.star-rating::before{float:left;top:0;left:0;position:absolute}@font-face{font-family:star;src:url(../fonts/star.eot);src:url(../fonts/star.eot?#iefix) format("embedded-opentype"),url(../fonts/star.woff) format("woff"),url(../fonts/star.ttf) format("truetype"),url(../fonts/star.svg#star) format("svg");font-weight:400;font-style:normal}.woocommerce-breadcrumb{padding-bottom:2em;margin-bottom:4em;border-bottom:1px solid #eee;font-size:13px;font-size:.8125rem}.woocommerce-breadcrumb a{box-shadow:0 1px 0 #0f0f0f;transition:box-shadow ease-in-out 130ms}.woocommerce-breadcrumb a:hover{box-shadow:0 3px 0 #0f0f0f}.woocommerce-result-count{padding:.75em 0}ul.products li.product{list-style:none}ul.products li.product .price,ul.products li.product .star-rating{display:block;margin-bottom:.75em}ul.products li.product .button{box-shadow:0 1px 0 #0f0f0f;transition:box-shadow ease-in-out 130ms}ul.products li.product .button:hover{box-shadow:0 3px 0 #0f0f0f}ul.products li.product .button.loading{opacity:.5}ul.products li.product .added_to_cart{box-shadow:0 1px 0 #0f0f0f;-webkit-transition:box-shadow ease-in-out 130ms;-moz-transition:box-shadow ease-in-out 130ms;transition:box-shadow ease-in-out 130ms;margin-left:.5em}ul.products li.product .added_to_cart:hover{box-shadow:0 3px 0 #0f0f0f}.star-rating{overflow:hidden;position:relative;height:1em;line-height:1;font-size:1em;width:5.4em;font-family:star}.star-rating::before{content:'\73\73\73\73\73'}.star-rating span{overflow:hidden;padding-top:1.5em}.star-rating span::before{content:'\53\53\53\53\53';top:0;position:absolute;left:0}.woocommerce-loop-product__title{font-size:13px;font-size:.8125rem;text-transform:uppercase;font-weight:800;letter-spacing:.15em}
.woocommerce-breadcrumb a,ul.products li.product .button{-webkit-transition:box-shadow ease-in-out 130ms;-moz-transition:box-shadow ease-in-out 130ms}.price del,ul.products li.product .button.loading{opacity:.5}.onsale,.woocommerce-loop-product__title{text-transform:uppercase;font-weight:800}@font-face{font-family:star;src:url(../fonts/star.eot);src:url(../fonts/star.eot?#iefix) format("embedded-opentype"),url(../fonts/star.woff) format("woff"),url(../fonts/star.ttf) format("truetype"),url(../fonts/star.svg#star) format("svg");font-weight:400;font-style:normal}.woocommerce-breadcrumb{padding-bottom:2em;margin-bottom:4em;border-bottom:1px solid #eee;font-size:13px;font-size:.8125rem}.woocommerce-breadcrumb a{box-shadow:0 1px 0 #0f0f0f;transition:box-shadow ease-in-out 130ms}.woocommerce-breadcrumb a:hover{box-shadow:0 3px 0 #0f0f0f}.woocommerce-pagination{padding-top:2em;margin-top:4em;border-top:1px solid #eee;font-size:13px;font-size:.8125rem}.woocommerce-pagination ul.page-numbers{padding:0}.woocommerce-pagination .next.page-numbers,.woocommerce-pagination .prev.page-numbers,.woocommerce-pagination a.page-numbers,.woocommerce-pagination span.page-numbers{padding:.5em 1em;background:#ddd;display:inline-block;font-size:1em;float:none;line-height:1.5;border-radius:2px;-webkit-transition:background-color ease-in-out .3s;-moz-transition:background-color ease-in-out .3s;transition:background-color ease-in-out .3s}.woocommerce-pagination span.page-numbers{background-color:#fff}.woocommerce-pagination a.page-numbers:hover{background-color:#767676;color:#fff}.onsale{background-color:#fff;position:absolute;top:0;left:0;display:inline-block;padding:.5em 1em;font-size:13px;font-size:.8125rem}.woocommerce-result-count{padding:.75em 0}ul.products li.product{list-style:none}ul.products li.product .price,ul.products li.product .star-rating{display:block;margin-bottom:.75em}ul.products li.product .button{box-shadow:0 1px 0 #0f0f0f;transition:box-shadow ease-in-out 130ms}ul.products li.product .button:hover{box-shadow:0 3px 0 #0f0f0f}ul.products li.product .added_to_cart{box-shadow:0 1px 0 #0f0f0f;-webkit-transition:box-shadow ease-in-out 130ms;-moz-transition:box-shadow ease-in-out 130ms;transition:box-shadow ease-in-out 130ms;margin-left:.5em}ul.products li.product .added_to_cart:hover{box-shadow:0 3px 0 #0f0f0f}.star-rating{overflow:hidden;position:relative;height:1em;line-height:1;font-size:1em;width:5.4em;font-family:star}.star-rating::before{content:'\73\73\73\73\73';float:left;top:0;left:0;position:absolute}.star-rating span{overflow:hidden;float:left;top:0;left:0;position:absolute;padding-top:1.5em}.star-rating span::before{content:'\53\53\53\53\53';top:0;position:absolute;left:0}.woocommerce-loop-product__title{font-size:13px;font-size:.8125rem;letter-spacing:.15em}.single-product div.product{position:relative}

63
assets/css/twenty-seventeen.scss
View File

@ -45,6 +45,60 @@
}
}
.woocommerce-pagination {
padding-top: 2em;
margin-top: 4em;
border-top: 1px solid #eee;
font-size: 13px;
font-size: 0.8125rem;
ul.page-numbers {
padding: 0;
}
span.page-numbers,
a.page-numbers,
.next.page-numbers,
.prev.page-numbers {
padding: 0.5em 1em;
background: #ddd;
display: inline-block;
font-size: 1em;
float: none;
line-height: 1.5;
border-radius: 2px;
@include transition( background-color ease-in-out .3s );
}
span.page-numbers {
background-color: #fff;
}
a.page-numbers:hover {
background-color: #767676;
color: #fff;
}
}
.onsale {
background-color: #fff;
position: absolute;
top: 0;
left: 0;
display: inline-block;
padding: .5em 1em;
font-size: 13px;
font-size: 0.8125rem;
text-transform: uppercase;
font-weight: 800;
}
.price {
del {
opacity: .5;
}
}
/**
* Shop page
*/
@ -121,3 +175,12 @@ ul.products {
font-weight: 800;
letter-spacing: 0.15em;
}
/**
* Single product
*/
.single-product {
div.product {
position: relative;
}
}