Skip to content

Commit

Permalink
Version 2.0.7
Browse files Browse the repository at this point in the history
  • Loading branch information
Marc Perel committed Nov 19, 2017
2 parents 2eb3434 + 9e5145a commit bb51451
Show file tree
Hide file tree
Showing 9 changed files with 200 additions and 202 deletions.
15 changes: 8 additions & 7 deletions assets/css/framework.css
View file
Expand Up @@ -265,7 +265,8 @@ object{
.middled,
.row .column.middled{
float: none;
margin: auto;
margin-left: auto;
margin-right: auto;
}
.no-gutter{
margin-right: 0 !important;
Expand Down Expand Up @@ -980,17 +981,17 @@ object{

/*---------------------------*/
/*- WRAPPER POSITIONING -----*/
.open + .wrapper-site{
opacity: 0.85;
}
.off-canvas-right.open + .wrapper-site{
.off-canvas-right.open ~ .wrapper-site{
left: -240px;
opacity: 0.85;
}
.off-canvas-left.open + .wrapper-site{
.off-canvas-left.open ~ .wrapper-site{
left: 240px;
opacity: 0.85;
}
.off-canvas-top.open + .wrapper-site{
.off-canvas-top.open ~ .wrapper-site{
top: 200px;
opacity: 0.85;
}

/*---------------------------*/
Expand Down
171 changes: 85 additions & 86 deletions assets/css/woocommerce.css
View file
Expand Up @@ -228,7 +228,8 @@ p.stars span a:focus{
.products .img-wrap img{
display: block;
}
.products h3{
.products h3,
.woocommerce-loop-product__title{
margin: 20px 0 0;
font-size: 2.0rem;
font-weight: 400;
Expand All @@ -255,103 +256,98 @@ p.stars span a:focus{
/*---------------------------*/
/*- ACCURATE SPACING --------*/
.products h3 + .price,
.products h2 + .price,
.products .star-rating + .price{
margin-top: 10px;
}


/*---------------------------*/
/*- PRODUCT GALLERY ---------*/

.woocommerce div.product div.images {
margin-bottom: 2em
}

.woocommerce div.product div.images img {
display: block;
width: 100%;
height: auto;
box-shadow: none
.woocommerce-product-gallery{
margin-bottom: 2em;
position: relative;
}

.woocommerce div.product div.images div.thumbnails {
padding-top: 1em
.woocommerce-product-gallery img {
display: block;
width: 100%;
height: auto;
box-shadow: none
}

.woocommerce div.product div.images.woocommerce-product-gallery {
position: relative
.woocommerce-product-gallery .thumbnails{
padding-top: 1em
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
transition: all cubic-bezier(.795, -.035, 0, 1) .5s
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
transition: all cubic-bezier(.795, -.035, 0, 1) .5s
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
width: 25%;
display: inline-block
.woocommerce-product-gallery .woocommerce-product-gallery__image:nth-child(n+2) {
width: 25%;
display: inline-block
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
position: absolute;
top: .5em;
right: .5em;
font-size: 2em;
z-index: 9;
width: 36px;
height: 36px;
background: #fff;
text-indent: -9999px;
border-radius: 100%;
box-sizing: content-box
.woocommerce-product-gallery .woocommerce-product-gallery__trigger {
position: absolute;
top: .5em;
right: .5em;
font-size: 2em;
z-index: 9;
width: 36px;
height: 36px;
background: #fff;
text-indent: -9999px;
border-radius: 100%;
box-sizing: content-box;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger:before {
content: "";
display: block;
width: 10px;
height: 10px;
border: 2px solid #000;
border-radius: 100%;
position: absolute;
top: 9px;
left: 9px;
box-sizing: content-box
.woocommerce-product-gallery .woocommerce-product-gallery__trigger:before {
content: "";
display: block;
width: 10px;
height: 10px;
border: 2px solid #000;
border-radius: 100%;
position: absolute;
top: 9px;
left: 9px;
box-sizing: content-box;
}
.woocommerce-product-gallery .woocommerce-product-gallery__trigger:after {
content: "";
display: block;
width: 2px;
height: 8px;
background: #000;
border-radius: 6px;
position: absolute;
top: 19px;
left: 22px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
box-sizing: content-box
}
.woocommerce-product-gallery .flex-control-thumbs{
display: flex;
flex-wrap: wrap;

.woocommerce div.product div.images .woocommerce-product-gallery__trigger:after {
content: "";
display: block;
width: 2px;
height: 8px;
background: #000;
border-radius: 6px;
position: absolute;
top: 19px;
left: 22px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
box-sizing: content-box
overflow: hidden;
zoom: 1;
margin: 0;
padding: 5px;
}

.woocommerce div.product div.images .flex-control-thumbs {
overflow: hidden;
zoom: 1;
margin: 0;
padding: 0
.woocommerce-product-gallery .flex-control-thumbs li{
width: calc((100% / 5) - 10px);
margin: 5px;
list-style: none
}

.woocommerce div.product div.images .flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
list-style: none
.woocommerce-product-gallery .flex-control-thumbs li img{
cursor: pointer;
opacity: .75;
margin: 0
}

.woocommerce div.product div.images .flex-control-thumbs li img {
cursor: pointer;
opacity: .5;
margin: 0
.woocommerce-product-gallery .flex-control-thumbs li img:hover{
opacity: 1;
}

/*---------------------------*/
Expand Down Expand Up @@ -435,17 +431,20 @@ p.stars span a:focus{
font-size: 1rem;
font-weight: 700;
}
.purchase-options-container [itemprop="offers"] .price{
.purchase-options-container [itemprop="offers"] .price,
.purchase-options-container .price{
margin: 0px 0 10px;
font-size: 2.4rem;
}
div[itemprop="description"]{
div[itemprop="description"],
.woocommerce-product-details__short-description{
margin-bottom: 20px;
font-size: 2.0rem;/*-- section-title --*/
font-size: 1.8rem;
color: #8F8F8F;
}
div[itemprop="description"] p{
margin-bottom: 16px;
div[itemprop="description"] p,
.woocommerce-product-details__short-description p{
margin-bottom: 18px;
}

/*-------------------*/
Expand Down
10 changes: 10 additions & 0 deletions changelog.md
View file
@@ -1,5 +1,15 @@
# Layers Changelog

=======
##2.0.7
### 17 November 2017

* **Enhancement** - Added more detailed class names to the blog single page for easier CSS declaration. *DP*
* **Fix** - Fixed some default WooCommerce styling, taking their new class names into consideration. *DP*

* **Fix** - Fixed "delete_theme_mod" warning when changing themes. *MP*
* **Fix** - Fixed our customized color pickers after the recent WP update has changed the HTML structure (with backwards compatibility). *SOB*

=======
##2.0.6
### 01 September 2017
Expand Down
12 changes: 6 additions & 6 deletions core/assets/admin.js
View file
Expand Up @@ -323,16 +323,16 @@ jQuery(function($) {
$( element ).layers_trigger_change();
}, 400, false );

// Enable clicking of the Label to envoke the color picker.
$(document).on( 'click', '.layers-color-wrapper label, .layers-color-wrapper .customize-control-description', function(){
// Enable clicking of the Label or Description to envoke the color picker (Design-Bar)
$(document).on( 'click', '.layers-color-wrapper > label', function(){
var $holder = $(this).parents('.layers-color-wrapper');
$holder.find('a.wp-color-result').click();
$holder.find('a.wp-color-result, button.wp-color-result').click();
});

// Enable clicking of the Description to envoke the color picker.
$(document).on( 'click', '.l_option-customize-control-color .customize-control-description', function(){
// Enable clicking of the Label or Description to envoke the color picker (Controls)
$(document).on( 'click', '.l_option-customize-control-color > label, .l_option-customize-control-color > .customize-control-description', function(){
var $holder = $(this).parents('.l_option-customize-control-color ');
$holder.find('a.wp-color-result').click();
$holder.find('a.wp-color-result, button.wp-color-result').click();
});

/**
Expand Down

0 comments on commit bb51451

Please sign in to comment.