Current path: home/webdevt/www/wdp/wp-content/themes/quadric/assets/css/scss/
?? Go up: /home/webdevt/www/wdp/wp-content/themes/quadric/assets/css
/* ==========================================================================
# Woocommerce responsive style - begin
========================================================================== */
/* Woocommerce product list - begin
========================================================================== */
@import 'variables';
@import 'mixins';
.edgtf-woocommerce-page {
.woocommerce-result-count,
.woocommerce-ordering {
@include phone-portrait {
width: 100%;
margin-bottom: 2%;
}
}
.woocommerce-result-count {
@include phone-portrait {
text-align: center;
}
}
.woocommerce-ordering .orderby {
@include phone-portrait {
display: block;
float: none;
margin: 0 auto;
}
}
}
.edgtf-woocommerce-page.edgtf-woocommerce-columns-5,
.edgtf-woocommerce-page .woocommerce.columns-5{
.products .product {
@include ipad-landscape {
width: 32%;
margin-right: 2%!important;
margin-bottom: 2%;
&:nth-child(3n) {
margin-right: 0!important;
}
&:nth-child(3n+1) {
clear: both;
margin-right: 2%!important;
}
&:nth-child(5n+1) {
clear: none;
}
}
@include ipad-portrait {
width: 49%;
margin-right: 2%!important;
margin-bottom: 2%;
&:nth-child(2n) {
margin-right: 0!important;
}
&:nth-child(2n+1) {
clear: both;
margin-right: 2%!important;
}
&:nth-child(3n+1),
&:nth-child(5n+1) {
clear: none;
}
}
@include phone-portrait {
width: 100%;
margin-right: 0!important;
margin-bottom: 2%;
}
}
}
.edgtf-woocommerce-page.edgtf-woocommerce-columns-4{
.products .product {
@include ipad-landscape {
width: 32%;
margin-right: 2%;
margin-bottom: 2%;
&:nth-child(3n) {
margin-right: 0;
}
&:nth-child(3n+1) {
clear: both;
margin-right: 2%;
}
&:nth-child(4n+1) {
clear: none;
}
}
@include ipad-portrait {
width: 49%;
margin-right: 2%;
margin-bottom: 2%;
&:nth-child(2n) {
margin-right: 0;
}
&:nth-child(2n+1) {
clear: both;
margin-right: 2%;
}
&:nth-child(3n+1),
&:nth-child(4n+1) {
clear: none;
}
}
@include phone-portrait {
width: 100%;
margin-right: 0;
margin-bottom: 2%;
}
}
.edgtf-woocommerce-with-sidebar .products .product {
@include ipad-landscape {
width: 49%;
margin-right: 2%;
margin-bottom: 2%;
&:nth-child(2n) {
margin-right: 0;
}
&:nth-child(2n+1) {
clear: both;
margin-right: 2%;
}
&:nth-child(3n+1),
&:nth-child(4n+1) {
clear: none;
}
}
@include ipad-portrait {
width: 100%;
}
}
}
.edgtf-woocommerce-page.edgtf-woocommerce-columns-3 {
.products .product {
@include ipad-portrait {
width: 49%;
margin-right: 2%;
margin-bottom: 2%;
&:nth-child(2n) {
margin-right: 0;
}
&:nth-child(2n+1) {
clear: both;
margin-right: 2%;
}
&:nth-child(3n+1),
&:nth-child(4n+1) {
clear: none;
}
}
@include phone-portrait {
width: 100%;
margin-right: 0;
margin-bottom: 2%;
}
}
.edgtf-woocommerce-with-sidebar .products .product{
@include ipad-portrait {
width: 100%;
}
}
}
.edgtf-woocommerce-page.edgtf-woocommerce-columns-2,
.edgtf-woocommerce-page .columns-2{
.products .product {
@include ipad-portrait {
width: 100%;
}
}
}
/* Woocommerce product list - end
========================================================================== */
/* Woocommerce widget - start
========================================================================== */
.woocommerce{
&.widget{
.buttons .button{
@include ipad-landscape{
width:100%;
}
}
}
}
/* Woocommerce widget - end
========================================================================== */
/* Woocommerce single product - begin
========================================================================== */
.edgtf-single-product-images,
.edgtf-single-product-summary {
@include ipad-portrait {
width: 100%;
margin: 0;
}
}
.edgtf-woocommerce-single-page{
.comment_container{
.comment-text{
@include laptop-landscape{
margin-top:10px;
width:100%;
}
}
}
}
/* Woocommerce single product - end
========================================================================== */
/* Woocommerce quantity buttons - begin
========================================================================== */
.edgtf-woocommerce-page .edgtf-quantity-buttons {
.edgtf-quantity-minus,
.edgtf-quantity-plus,
.edgtf-quantity-input {
@include phone-landscape {
width: 22px;
height: 22px;
line-height: 22px;
}
span{
@include phone-landscape {
width: 22px;
height: 22px;
line-height: 22px;
font-size:15px;
vertical-align:top;
}
}
}
}
/* Woocommerce quantity buttons - end
========================================================================== */
/* Woocommerce table - begin
========================================================================== */
.edgtf-woocommerce-page {
table td {
@include phone-landscape {
padding: 5px 5px;
}
}
td.product-thumbnail img{
@include phone-portrait {
display: none;
}
}
td.actions {
.coupon,
.edgtf-cart-proceed-update {
@include phone-landscape {
width: 100%;
margin-bottom: 20px;
}
}
.edgtf-cart-proceed-update .checkout-button {
@include phone-landscape {
float: left;
}
}
}
.coupon {
input[type="text"] {
@include ipad-portrait {
width: 150px;
}
}
}
}
/* Woocommerce table - end
========================================================================== */
/* Woocommerce shipping calculator - begin
========================================================================== */
.edgtf-woocommerce-page {
.edgtf-shipping-calculator {
@include phone-landscape {
width: 100%;
margin-bottom: 25px;
}
}
}
/* Woocommerce shipping calculator - end
========================================================================== */
/* Woocommerce totals - begin
========================================================================== */
.edgtf-woocommerce-page {
.edgtf-cart-totals {
@include phone-landscape {
width: 100%;
}
}
}
/* Woocommerce totals - end
========================================================================== */
/* Woocommerce checkout - begin
========================================================================== */
.edgtf-woocommerce-page {
.woocommerce-checkout .col-1,
.woocommerce-checkout .col-2 {
@include ipad-portrait {
width: 100%;
}
}
}
/* Woocommerce checkout - end
========================================================================== */
/* Woocommerce account - begin
========================================================================== */
@include ipad-landscape {
.woocommerce-account {
.woocommerce-MyAccount-navigation {
width: 28%;
padding: 0 15px 0 0;
}
.woocommerce-MyAccount-content {
width: 72%;
padding: 0 0 0 15px;
}
}
}
@include ipad-portrait {
.woocommerce-account {
.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content {
float: none;
width: 100%;
padding: 0;
}
.woocommerce-MyAccount-content {
margin: 50px 0 0;
}
}
}
/* Woocommerce account - end
========================================================================== */
/* Woocommerce dropdown cart - begin
========================================================================== */
@media only screen and (max-width: $ipad-landscape) {
.edgtf-shopping-cart-outer:hover{
.edgtf-shopping-cart-dropdown{
display: none;
visibility: hidden;
}
}
.edgtf-top-bar .edgtf-shopping-cart-outer{
float: none;
}
}
@media only screen and (max-width: $smaller-phone-portrait) {
.edgtf-shopping-cart-outer{
display: none;
}
}
/* Woocommerce dropdown cart - begin
========================================================================== */
/* ==========================================================================
# Woocommerce responsive style - end
========================================================================== */