Your IP : 216.73.216.162
_woocommerce-animation.scss 0000666 00000000173 15114016411 0012073 0 ustar 00 /**
* _animation.scss
* Custom WooCommerce Animations.
*/
@keyframes spin {
100% {
transform: rotate( 360deg );
}
}
_woocommerce-main.scss 0000666 00000023711 15114016411 0011043 0 ustar 00 /**
* woocommerce.scss
* Governs the general look and feel of WooCommerce sections of stores using themes that do not
* integrate with WooCommerce specifically.
*/
/**
* Global styles
*/
p.demo_store,
.woocommerce-store-notice {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0;
width: 100%;
font-size: 1em;
padding: 1em 0;
text-align: center;
background-color: $primary;
color: $primarytext;
z-index: 99998;
box-shadow: 0 1px 1em rgba(0, 0, 0, 0.2);
display: none;
a {
color: $primarytext;
text-decoration: underline;
}
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.admin-bar p.demo_store {
top: 32px;
}
/**
* Utility classes
*/
.clear {
clear: both;
}
/**
* Main WooCommerce styles
*/
/**
* Quantity input
*/
.input-qty-pm {
border-radius: 1px;
display: inline-flex;
align-items: center;
flex-wrap: wrap;
border: 1px solid #E5E5E5;
background: #f2f2f2;
color: inherit;
input, input[type="text"] {
box-shadow: none !important;
border-radius: 0px;
border-top: none;
border-bottom: none;
}
.input-pm-act {
text-align: center;
line-height: 2.2em;
min-height: 2.6em;
padding: 0px 0.2em;
min-width: 1.5em;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
box-shadow: none;
font-weight: 400;
background: #f9f9f9;
&:hover {
background: #f0f0f0;
color: inherit;
}
}
}
.woocommerce {
.blockUI.blockOverlay {
position: relative;
z-index: 35 !important;
@include loader();
}
.loader {
@include loader();
}
small.note {
display: block;
color: $subtext;
font-size: 0.857em;
margin-top: 10px;
}
.woocommerce-breadcrumb {
@include clearfix();
margin: 0 0 1.5em;
padding: 0;
color: $subtext;
a {
color: $subtext;
}
}
.quantity .qty {
width: 3em;
text-align: center;
}
nav.woocommerce-pagination {
text-align: center;
ul {
display: inline-block;
white-space: nowrap;
padding: 0;
clear: both;
border: 1px solid darken( $secondary, 10% );
border-right: 0;
margin: 1px;
li {
border-right: 1px solid darken( $secondary, 10% );
padding: 0;
margin: 0;
float: left;
display: inline;
overflow: hidden;
a,
span {
margin: 0;
text-decoration: none;
padding: 0;
line-height: 1;
font-size: 1em;
font-weight: normal;
padding: 0.5em;
min-width: 1em;
display: block;
}
span.current,
a:hover,
a:focus {
background: $secondary;
color: darken( $secondary, 40% );
}
}
}
}
p.woocommerce-shipping-contents {
margin: 0;
}
}
.woocommerce-no-js {
form.woocommerce-form-login,
form.woocommerce-form-coupon {
display: block !important;
}
.woocommerce-form-login-toggle,
.woocommerce-form-coupon-toggle,
.showcoupon {
display: none !important;
}
}
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
padding: 1em 2em 1em 3.5em;
margin: 0 auto 2em;
position: relative;
background-color: lighten($secondary, 5%);
border-top: 3px solid $primary;
color: $secondarytext;
list-style: none outside;
@include clearfix();
width: auto;
word-wrap: break-word;
&::before {
font-family: 'WooCommerce';
content: '\e028';
display: inline-block;
position: absolute;
top: 1em;
left: 1.5em;
}
.button {
float: right;
}
li {
list-style: none outside !important; // Required for default theme compatibility
padding-left: 0 !important; // Required for default theme compatibility
margin-left: 0 !important; // Required for default theme compatibility
}
}
.woocommerce-message {
border-top-color: #8fae1b;
&::before {
content: '\e015';
color: #8fae1b;
}
}
.woocommerce-info {
border-top-color: #1e85be;
&::before {
color: #1e85be;
}
}
.woocommerce-error {
border-top-color: #b81c23;
&::before {
content: '\e016';
color: #b81c23;
}
}
/**
* Tables
*/
table.shop_attributes {
border: 0;
border-top: 1px dotted rgba(0, 0, 0, 0.1);
margin-bottom: 1.618em;
width: 100%;
th {
width: 150px;
font-weight: 600;
padding: 1em;
border-top: 0;
border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
margin: 0;
line-height: 1.5;
}
td {
font-style: italic;
padding: 1em;
border-top: 0;
border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
margin: 0;
line-height: 1.5;
p {
margin: 0;
padding: 0px 0 10px 0px;
&:last-child {
padding-bottom: 0;
}
}
}
//tr:nth-child(even) td,
//tr:nth-child(even) th {
// background: rgba(0, 0, 0, 0.025);
//}
tbody tr:nth-child(2n) td {
background: #fafafa;
}
}
table.shop_table {
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
border-collapse: separate;
border-collapse: collapse;
thead {
tr {
th {
border-bottom: 2px solid $color_border;
color: #252525;
}
}
}
tfoot {
tr {
th {
color: #252525;
}
}
}
th {
font-weight: 600;
padding: 9px 12px;
background: transparent;
}
td {
border-top: 1px solid $color_border;
padding: 10px 10px;
vertical-align: middle;
background: transparent;
small {
font-weight: normal;
}
}
tr:nth-child(2n) {
td {
background: transparent;
}
}
tbody:first-child tr:first-child {
th,
td {
border-top: 0;
}
}
tfoot {
td,th {
border-top: 1px solid $color_border;
vertical-align: middle;
}
tr:first-of-type {
td, th {
border-width: 2px;
}
}
}
}
table.my_account_orders {
font-size: 0.85em;
th,
td {
padding: 4px 8px;
vertical-align: middle;
}
.button {
white-space: nowrap;
}
.order-actions {
text-align: right;
.button {
margin: 0.125em 0 0.125em 0.25em;
}
}
}
table.woocommerce-MyAccount-downloads {
td,
th {
vertical-align: top;
text-align: center;
&:first-child {
text-align: left;
}
&:last-child {
text-align: left;
}
.woocommerce-MyAccount-downloads-file::before {
content: '\2193';
display: inline-block;
}
}
}
td.product-name {
dl.variation, .wc-item-meta {
list-style: none outside;
dt, .wc-item-meta-label {
float: left;
clear: both;
margin-right: .25em;
display: inline-block;
list-style: none outside;
}
dd {
margin: 0;
}
p,
&:last-child {
margin-bottom: 0;
}
}
p.backorder_notification {
font-size: 0.83em;
}
}
td.product-quantity {
min-width: 80px;
}
/**
* Right to left styles
*/
.rtl.woocommerce .price_label,
.rtl.woocommerce .price_label span {
/* rtl:ignore */
direction: ltr;
unicode-bidi: embed;
}
/**
* Account page
*/
.woocommerce-account {
.woocommerce {
@include clearfix();
}
.addresses .title {
@include clearfix();
h3 {
float: left;
}
.edit {
float: right;
}
}
ol.commentlist.notes li.note {
p.meta {
font-weight: 600;
margin-bottom: 0;
}
.description p:last-child {
margin-bottom: 0;
}
}
ul.digital-downloads {
margin-left: 0;
padding-left: 0;
li {
list-style: none;
margin-left: 0;
padding-left: 0;
&::before {
@include iconbefore( '\e00a' );
}
.count {
float: right;
}
}
}
}
.woocommerce-terms-and-conditions {
border: 1px solid rgba(0,0,0,.2);
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
background: rgba(0,0,0,.05);
}
.woocommerce-invalid {
#terms {
outline: 2px solid red;
outline-offset: 2px;
}
}
/**
* Password strength meter
*/
.woocommerce-password-strength {
text-align: center;
font-weight: 600;
padding: 3px 0.5em;
font-size: 1em;
&.strong {
background-color: #c1e1b9;
border-color: #83c373;
}
&.short {
background-color: #f1adad;
border-color: #e35b5b;
}
&.bad {
background-color: #fbc5a9;
border-color: #f78b53;
}
&.good {
background-color: #ffe399;
border-color: #ffc733;
}
}
.woocommerce-password-hint {
margin: 0.5em 0 0;
display: block;
}
_wc-widgets.scss 0000666 00000014472 15114016411 0007663 0 ustar 00 /*
* General WC widgets
*/
.product_list_widget {
list-style: none outside;
padding: 0;
margin: 0;
.wc-product-name, .quantity {
display: block;
}
.reviewer {
font-size: 0.72em;
position: relative;
top: -4px;
text-transform: uppercase;
}
li {
margin: 0;
list-style: none;
position: relative;
padding-left: 0px;
display: block;
padding-bottom: 12px;
margin-bottom: 12px !important;
border-bottom: 1px solid $color_border;
&:last-child {
border-bottom: none;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
&.has_thumbnail {
.widget-product-item {
display: flex;
align-items: flex-start;
}
.media-info {
flex-basis: 60px;
}
.tex-info {
flex-basis: calc( 100% - 60px );
padding-left: 15px;
}
}
a {
display: block;
line-height: 1.2;
text-decoration: none;
&:hover {
text-decoration: none;
}
}
.product-title {
display: block;
}
.amount {
font-size: 0.9em;
margin-top: 4px;
}
img {
width: 100%;
height: auto;
box-shadow: none;
&:hover {
opacity: 0.8;
}
}
dl {
margin: 0;
padding-left: 1em;
border-left: 2px solid rgba(0, 0, 0, 0.1);
@include clearfix();
dt,
dd {
display: inline-block;
float: left;
margin-bottom: 1em;
}
dt {
font-weight: 700;
padding: 0 0 0.25em;
margin: 0 4px 0 0;
clear: left;
}
dd {
padding: 0 0 0.25em;
p:last-child {
margin-bottom: 0;
}
}
}
.star-rating {
float: none;
margin: 5px 0px;
}
li {
margin-bottom: 15px;
}
}
}
/*
* Widgets Search
*/
.widget_product_search {
.search-field {
margin-bottom: 5px;
}
}
.woocommerce-product-search {
position: relative;
.search-field {
width: 100%;
display: block;
}
button[type="submit"] {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
padding: 9px 14px;
margin-left: -46px;
overflow: hidden;
box-shadow: none;
background: transparent;
color: #aaaaaa;
line-height: 0px;
&:hover {
svg #svg-search {
fill: #444444;
}
}
svg {
width: 18px;
height: 18px;
}
}
}
/**
* Layered nav widget
*/
.woocommerce-widget-layered-nav-list {
margin: 0;
padding: 0;
border: 0;
list-style: none outside;
.woocommerce-widget-layered-nav-list__item {
@include clearfix();
padding: 0 0 1px;
list-style: none;
a,
span {
padding: 1px 0;
}
a {
&:before {
@include iconbefore( '\e039' );
color: #c6c7ce;
position: relative;
top: 1px;
}
}
}
.woocommerce-widget-layered-nav-list__item--chosen a::before {
@include iconbefore( '\e015' );
color: #c6c7ce;
}
}
.woocommerce-widget-layered-nav-dropdown__submit {
margin-top: 1em;
}
.widget_layered_nav_filters ul {
margin: 0;
padding: 0;
border: 0;
list-style: none outside;
overflow: hidden;
zoom: 1;
li {
float: left;
padding: 0 1em 1px 1px;
list-style: none;
a {
text-decoration: none;
&::before {
@include iconbefore( '\e013' );
color: $red;
vertical-align: inherit;
margin-right: .5em;
}
}
}
}
/**
* Price filter widget
*/
.widget_price_filter {
.price_slider {
margin-bottom: 1em;
}
.price_slider_amount {
text-align: right;
line-height: 2.4;
font-size: 0.8751em;
.from, .to {
font-weight: bolder;
}
.button {
font-size: 0.875em;
float: left;
background: $color_meta;
min-height: auto;
}
}
.ui-slider {
position: relative;
text-align: left;
margin-left: 0.5em;
margin-right: 0.5em;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1em;
height: 1em;
background-color: #FFF;
border: 2px solid $color_meta;
border-radius: 1em;
cursor: ew-resize;
outline: none;
top: -0.3em;
/* rtl:ignore */
margin-left: -0.5em;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0.7em;
display: block;
border: 0;
border-radius: 1em;
background-color: $color_meta;
}
.price_slider_wrapper .ui-widget-content {
border-radius: 1em;
background-color: $color_border;
border: 0;
}
.ui-slider-horizontal {
height: 0.5em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: -1px;
}
.ui-slider-horizontal .ui-slider-range-max {
right: -1px;
}
}
/**
* Rating Filter Widget
*/
.widget_rating_filter ul {
margin: 0;
padding: 0;
border: 0;
list-style: none outside;
li {
@include clearfix();
padding: 0 0 1px;
list-style: none;
a {
padding: 1px 0;
text-decoration: none;
}
.star-rating {
float: none;
display: inline-block;
}
}
li.chosen a::before {
@include iconbefore( '\e013' );
color: $red;
}
} _wc-elements.scss 0000666 00000003514 15114016411 0010024 0 ustar 00 /*
# Buttons
# Price amount
*/
.button.add_to_cart_button,
.button.alt,
.button.added_to_cart,
.button.checkout,
.button.product_type_grouped,
.button.product_type_external,
.button.product_type_variable {
background: $color_secondary;
position: relative;
cursor: pointer;
&.added {
i {
&::before {
font-family: "FontAwesome";
content: "\f00c";
}
}
}
}
.products {
.button.add_to_cart_button,
.button.added_to_cart,
.button.product_type_variable,
.wc-product-contents .button {
font-size: 0.8em;
min-height: auto;
}
}
.single_add_to_cart_button {
font-size: 1.04em;
}
/* Remove Button */
a.remove {
width: 20px;
height: 20px;
color: #888888;
background: rgba(255, 255, 255, 0.5);
border-radius: 100px;
font-family: sans-serif !important;
font-size: 16px !important;
font-weight: normal;
line-height: 18px !important;
display: inline-block;
text-align: center;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
opacity: 0.7;
&:hover {
color: #333;
opacity: 1;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.26),
0 0 0 1px rgba(0, 0, 0, 0.18);
background-color: rgba(255, 255, 255, 0.99);
}
}
a.remove2x {
width: 30px;
height: 30px;
color: #888888;
background: rgba(255, 255, 255, 0.5);
border-radius: 100px;
font-family: sans-serif !important;
font-size: 24px !important;
font-weight: normal;
line-height: 26px !important;
display: inline-block;
text-align: center;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
opacity: 0.7;
&:hover {
color: #333;
opacity: 1;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.26),
0 0 0 1px rgba(0, 0, 0, 0.18);
background-color: rgba(255, 255, 255, 0.99);
}
}
/* Price */
.price {
line-height: 1;
}
.site-content,
.cart-dropdown-box {
span.amount,
.price {
font-weight: 500;
color: #252525;
}
}
_wc-reviews.scss 0000666 00000012553 15114016411 0007677 0 ustar 00 /**
* Reviews
*/
#reviews {
margin-bottom: 1.41575em;
.comment-reply-title {
font-size: 1.4em;
margin-bottom: 1em;
line-height: 1.216;
display: block;
}
h2 small {
float: right;
font-size: 15px;
margin: 10px 0 0;
}
#comment {
height: 75px;
}
.comment-form {
margin-bottom: 0px;
}
#comments {
.add_review {
@include clearfix();
}
h2 {
clear: none;
}
ol.commentlist {
@include clearfix();
margin: 0;
width: 100%;
background: none;
list-style: none;
li {
padding: 0;
margin: 0 0 20px;
border: 0;
position: relative;
background: 0;
border: 0;
width: 100%;
.meta {
color: $subtext;
font-size: 0.75em;
}
img.avatar {
float: left;
position: absolute;
top: 0;
left: 0;
width: 50px;
height: auto;
border: 1px solid $color_border;
margin: 0;
box-shadow: none;
}
.comment-text {
margin: 0 0 0 70px;
border: 1px solid $color_border;
border-radius: 1px;
padding: 1em 1em 0;
@include clearfix();
p {
margin: 0 0 1em;
}
p.meta {
font-size: 0.83em;
time {
text-transform: uppercase;
letter-spacing: 0.5px;
font-size: 0.8em;
}
}
.star-rating {
margin-bottom: 4px;
}
}
}
ul.children {
list-style: none outside;
margin: 20px 0 0 50px;
.star-rating {
display: none;
}
}
#respond {
border: 1px solid darken( $secondary, 3% );
border-radius: 4px;
padding: 1em 1em 0;
margin: 20px 0 0 50px;
}
}
.commentlist > li::before {
content: '';
}
}
}
/* Review Form */
#review_form {
padding: 1.6em 2em 2em;
border: 2px solid $color_primary;
.comment-reply-title {
}
#respond {
p {
margin: 0 0 15px;
&.form-submit {
margin-bottom: 0;
}
}
.comment-form-author, .comment-form-email {
width: 48%;
}
.comment-form-author {
float: left;
margin-right: 3.8823529412%;
}
.comment-form-email {
float: right;
}
.form-submit {
width: 100%;
}
.comment-subscription-form {
margin-bottom: 0;
}
label {
text-transform: uppercase;
letter-spacing: 0.5px;
font-size: 0.875em;
}
}
}
/**
* Star ratings
*/
.comment-form-rating a, .star-rating{
color: $color_secondary;
&:hover, &:focus {
color: $color_secondary;
}
}
.star-rating {
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
font-size: 0.857em;
width: 5.4em;
font-family: 'star';
&::before {
content: '\73\73\73\73\73';
color: darken( $secondary, 10% );
float: left;
top: 0;
left: 0;
position: absolute;
}
span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
span::before {
content: '\53\53\53\53\53';
top: 0;
position: absolute;
left: 0;
}
}
.woocommerce-product-rating {
@include clearfix();
line-height: 2;
display: block;
.star-rating {
margin: 0.5em 4px 0 0;
float: left;
}
}
.products .star-rating {
display: inline-block;
float: none;
}
.hreview-aggregate .star-rating {
margin: 10px 0 0;
}
p.stars {
a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
&::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: 'WooCommerce';
content: '\e021';
text-indent: 0;
}
&:hover ~ a::before {
content: '\e021';
}
}
&:hover a::before {
content: '\e020';
}
&.selected {
a.active {
&::before {
content: '\e020';
}
~ a::before {
content: '\e021';
}
}
a:not( .active )::before {
content: '\e020';
}
}
}
_wc-cart.scss 0000666 00000013374 15114016411 0007146 0 ustar 00 // Mini cart
/**
* Cart sidebar
*/
.widget {
.woocommerce-mini-cart {
.mini_cart_item {
display: flex;
&__thumb {
width: 60px;
flex-basis: 60px;
img {
width: 100%;
display: block;
}
}
&__info {
flex-basis: calc(100% - 60px);
width: calc(100% - 60px);
padding: 0px 25px 0px 1em;
}
}
}
.cart_list {
list-style: none outside;
padding: 0;
margin: 0;
.wc-product-name,
.quantity {
display: block;
}
li {
margin: 0 0 1em 0;
list-style: none;
position: relative;
a.remove {
position: absolute;
right: 0px;
top: 15px;
}
a {
display: block;
}
a:not(.remove) {
line-height: 1.35;
}
img {
height: auto;
box-shadow: none;
}
dl {
margin: 0;
padding-left: 1em;
border-left: 2px solid rgba(0, 0, 0, 0.1);
@include clearfix();
dt,
dd {
display: inline-block;
float: left;
}
dt {
font-weight: 700;
padding: 0 0 0.25em;
margin: 0 4px 0 0;
clear: left;
}
dd {
padding: 0 0 0.25em;
p:last-child {
margin-bottom: 0;
}
}
}
.star-rating {
float: none;
}
}
}
}
.wc-mini-cart-footer {
border-top: 1px solid $color_border;
padding: 1.25em;
}
.widget-area {
&.sidebar-inner {
.widget_shopping_cart {
.cart_list {
margin-bottom: 1.25em;
}
.wc-mini-cart-footer {
padding: 1.25em 0 0px;
}
}
}
.widget_shopping_cart {
.quantity {
text-transform: uppercase;
display: block;
margin-top: 7px;
}
.total {
display: block;
margin-top: 0px;
margin-bottom: 1.1em;
.amount {
float: right;
font-size: 110%;
position: relative;
top: -2px;
}
}
.cart_list {
&:after {
content: none !important;
display: none !important;
}
}
.buttons {
a {
text-align: center;
display: block;
margin-bottom: 0.6em;
font-size: 0.9em;
min-height: auto;
&:last-child {
margin-bottom: 0px;
}
}
}
}
}
// Header Item: Shopping Cart
.item--wc_cart {
position: relative;
.cart-item-link {
display: flex;
align-items: center;
font-weight: 600;
font-size: 0.85em;
> span {
margin: 0 2px;
&:first-child {
margin-left: 0px;
}
&:last-child {
margin-right: 0px;
}
}
.tax_label {
display: none;
}
}
.cart-icon {
display: inline-block;
position: relative;
font-size: 1.3em;
i {
width: 1.3em;
height: 1.3em;
display: block;
position: relative;
top: -1px;
&:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
.cart-qty {
position: absolute;
top: -4px;
right: 2px;
left: auto;
transform: translate(50%, 0%);
font-size: 11px;
min-width: 16px;
min-height: 16px;
line-height: 16px;
display: block;
text-align: center;
.customify-wc-total-qty {
color: #ffffff;
box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
font-size: 11px;
min-width: 16px;
min-height: 16px;
line-height: 16px;
border-radius: 20px;
background: $color_secondary;
display: block;
&.hide-qty {
display: none;
}
}
}
}
.cart-dropdown-box {
position: absolute;
text-align: left;
top: 100%;
right: 0px;
left: auto;
z-index: 30;
min-width: 300px;
padding: 10px 0 0;
transition: all 0.3s ease;
opacity: 0;
height: 0;
visibility: hidden;
display: block;
color: $color_text;
transform: translateY(40px);
.woocommerce-mini-cart {
max-height: 300px;
overflow: auto;
display: block;
padding: 1.25em;
li {
&:last-child {
margin-bottom: 0;
}
}
}
.widget {
border: 1px solid #eaecee;
background: #ffffff;
box-shadow: $boxshadow_dropdown;
position: relative;
&::before {
border-top: 1px solid $color_border;
border-left: 1px solid $color_border;
background: #fff;
content: "";
display: block;
position: absolute;
width: 15px;
height: 15px;
transform: rotate(45deg);
z-index: 27;
}
}
// When cart empty
.woocommerce-mini-cart__empty-message {
padding: 1.25em;
}
}
&:hover,
&.cart-active {
.cart-dropdown-box {
opacity: 1;
height: auto;
overflow: initial;
visibility: visible;
display: block;
transform: translateY(0px);
}
}
}
.item--wc_cart {
&.d-align-right {
.cart-dropdown-box {
left: auto;
right: -8px;
.widget {
&:before {
top: -8px;
right: 15px;
}
}
}
}
&.d-align-left {
.cart-dropdown-box {
left: 0px;
right: auto;
.widget {
&:before {
top: -8px;
left: 15px;
}
}
}
}
@include for_device(mobile) {
.wc-cart-mobile-hide {
display: none !important;
}
.wc-cart-mobile-show {
display: inline-block !important;
}
}
@include for_device(tablet) {
.wc-cart-tablet-hide {
display: none;
}
.wc-cart-tablet-show {
display: inline-block;
}
}
@include for_device(desktop) {
.wc-cart-desktop-hide {
display: none;
}
.wc-cart-desktop-show {
display: inline-block;
}
}
}
.header-menu-sidebar-inner {
.cart-dropdown-box {
display: none !important;
visibility: hidden;
height: 0px;
}
}
// Hide cart on mobile
.cb-row--mobile {
.cart-dropdown-box {
@include for_device(mobile) {
display: none !important;
}
}
}
.site-header {
.builder-header-wc_cart-item {
.widget_shopping_cart {
.widgettitle {
display: none;
}
}
}
}
_woocommerce-fonts.scss 0000666 00000001565 15114016411 0011253 0 ustar 00 /**
* _fonts.scss
* Custom WooCommerce fonts.
*/
@font-face {
font-family: 'star';
src: url('../../fonts/WooCommerce/star.eot');
src: url('../../fonts/WooCommerce/star.eot?#iefix') format('embedded-opentype'),
url('../../fonts/WooCommerce/star.woff') format('woff'),
url('../../fonts/WooCommerce/star.ttf') format('truetype'),
url('../../fonts/WooCommerce/star.svg#star') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'WooCommerce';
src: url('../../fonts/WooCommerce/WooCommerce.eot');
src: url('../../fonts/WooCommerce/WooCommerce.eot?#iefix') format('embedded-opentype'),
url('../../fonts/WooCommerce/WooCommerce.woff') format('woff'),
url('../../fonts/WooCommerce/WooCommerce.ttf') format('truetype'),
url('../../fonts/WooCommerce/WooCommerce.svg#WooCommerce') format('svg');
font-weight: normal;
font-style: normal;
} _woocommerce-layout.scss 0000666 00000014505 15114016411 0011435 0 ustar 00 /**
* Applies layout to the default WooCommerce frontend design
*/
.woocommerce-cart, .woocommerce-checkout {
.entry-header {
text-align: center;
.entry-title {
font-size: 1.9em;
text-transform: uppercase;
@include for_device( mobile ) {
font-size: 1.7em;
}
}
margin: 0em 0 3em;
}
}
/* Breadcrumb */
.woocommerce-breadcrumb {
a {
&:after {
border-top: 1px solid currentColor;
border-left: 1px solid currentColor;
content: "";
width: 5px;
height: 5px;
display: inline-block;
transform: rotate(135deg);
left: auto;
position: relative;
top: -1px;
margin: 0px 10px;
}
}
}
// Before listing Products
.wc-catalog-header {
display: flex;
align-items: center;
margin-bottom: 0.5em;
}
.wc-svg-btn {
cursor: pointer;
padding: 5px 5px 4px 5px;
border: 1px solid $color_border;
border-radius: 1px;
line-height: 1;
height: 2em;
display: inline-flex;
align-items: center;
margin-right: 10px;
svg {
width: 1.2em;
height: 1.2em;
display: inline-block;
fill: currentColor;
}
&.active {
color: $color_primary;
border-color: $color_primary;
}
}
.wc-view-switcher, .woocommerce-ordering, .woocommerce-result-count {
margin-bottom: 0;
display: flex;
align-items: center;
}
.wc-view-switcher {
@include for_device( mobile ) {
display: none;
}
}
.woocommerce-ordering {
margin-right: 0px;
margin-left: 0px;
select {
padding: 0 2em 0 15px;
border: 1px solid $color_border;
border-radius: 0px;
position: relative;
height: 2.3em;
font-size: 0.95em;
@include for_device(mobile) {
min-width: 150px;
}
}
}
// <img src="data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzODYuMjU3IDM4Ni4yNTciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM4Ni4yNTcgMzg2LjI1NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgo8cG9seWdvbiBwb2ludHM9IjAsOTYuODc5IDE5My4xMjksMjg5LjM3OSAzODYuMjU3LDk2Ljg3OSAiIGZpbGw9IiMwMDAwMDAiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==" />
.woocommerce-result-count {
margin-left: auto;
margin-right: 1em;
@include for_device(mobile) {
display: none;
}
}
.woocommerce, .woocommerce-page {
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
.button {
float: right;
}
}
/**
* General layout styles
*/
.col2-set {
@include clearfix();
width: 100%;
.col-1 {
float: left;
width: 48%;
}
.col-2 {
float: right;
width: 48%;
}
}
img {
height: auto;
max-width: 100%;
}
/**
* Cart page
*/
.woocommerce-cart-form {
width: 60%;
float: left;
@include for_device( tablet ) {
width: 100%;
float: none;
}
}
.cart-collaterals {
width: 35%;
float: right;
@include for_device( tablet ) {
width: 100%;
float: none;
}
}
table.cart,
#content table.cart {
img {
height: auto;
}
}
/**
* Checkout Page
*/
.woocommerce-checkout {
.col2-set {
.col-1, .col-2 {
float: none;
width: 100%;
}
}
#order_review_heading {
display: none;
}
#customer_details {
width: 55%;
float: left;
@include for_device( tablet ) {
width: 100%;
float: none;
}
}
.woocommerce-checkout-review-order {
width: 40%;
float: right;
@include for_device( tablet ) {
width: 100%;
float: none;
}
}
}
/**
* Forms
*/
form {
.form-row {
@include clearfix();
label {
display: block;
&.checkbox {
display: inline;
}
}
select {
width: 100%;
}
.input-text {
box-sizing: border-box;
width: 100%;
}
}
.form-row-first,
.form-row-last {
width: 47%;
overflow: visible;
}
.form-row-first {
float: left;
/*rtl:raw:
float: right;
*/
}
.form-row-last {
float: right;
}
.form-row-wide {
clear: both;
}
}
#payment {
.form-row {
select {
width: auto;
}
}
.wc-terms-and-conditions, .terms {
text-align: left;
padding: 0 1em 0 0;
float: left;
}
}
.woocommerce-billing-fields,
.woocommerce-shipping-fields {
@include clearfix();
}
.woocommerce-terms-and-conditions {
margin-bottom: 1.618em;
padding: 1.618em;
}
/**
* oEmbeds
*/
.woocommerce-oembed {
position: relative;
}
}
.woocommerce-account {
.woocommerce-MyAccount-navigation {
float: left;
width: 30%;
}
.woocommerce-MyAccount-content {
float: right;
width: 68%;
}
}
/**
* RTL styles.
*/
.rtl {
.woocommerce, .woocommerce-page {
.col2-set {
.col-1 {
float: right;
}
.col-2 {
float: left;
}
}
}
}
_wc-cart-checkout.scss 0000666 00000034140 15114016411 0010743 0 ustar 00 /**
* Cart/checkout page
*/
// Heading
.cart-collaterals .cart_totals h2,
.woocommerce-checkout-review-order h3 {
font-size: 1.2em;
text-transform: uppercase;
font-weight: 500;
padding-bottom: 15px;
margin-bottom: 0px;
}
.woocommerce-billing-fields h3 {
font-size: 1.2em;
text-transform: uppercase;
font-weight: 500;
}
#ship-to-different-address {
font-size: 1em;
margin: 1.5em 0;
text-transform: uppercase;
font-weight: 500;
span {
position: relative;
top: 1px;
font-weight: 500;
cursor: pointer;
}
}
// Empty cart page
.cart-empty,
.return-to-shop {
text-align: center;
}
// Sidebar Box style
.cart-collaterals,
.woocommerce-checkout-review-order, .group-highlight-box {
background: #f9f9f9;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
padding: 1.8em 2em 2em 2em;
border-radius: 2px;
margin-top: 1em;
@include for_device(mobile) {
padding: 1em;
form.cart .group_table td {
padding-right: 0.5em;
}
}
> * {
&:last-child {
margin-bottom: 0px;
}
}
}
form.woocommerce-checkout {
@include clearfix;
margin: 2em 0;
@include for_device(tablet) {
margin: 1em 0;
}
}
.woocommerce-cart,
.woocommerce-checkout,
#add_payment_method {
table.cart {
.product-thumbnail {
width: 100px;
}
.product-quantity {
min-width: 8em;
}
img {
width: 90px;
box-shadow: none;
display: block;
}
th,
td {
vertical-align: middle;
}
input {
margin: 0;
vertical-align: middle;
}
td.actions {
padding: 15px 0px 15px 0px;
}
tr {
th:first-of-type {
padding-left: 0px;
}
th:last-of-type {
padding-right: 0px;
text-align: right;
}
td:first-of-type {
padding-left: 1px;
}
td:last-of-type {
padding-right: 0px;
text-align: right;
}
}
}
.wc-proceed-to-checkout {
@include clearfix;
a.checkout-button {
display: block;
text-align: center;
font-size: 1.25em;
}
}
.cart-collaterals {
.shipping_calculator {
.button {
width: 100%;
float: none;
display: block;
}
.shipping-calculator-button::after {
@include iconafter( '\e019' );
}
}
.cart_totals {
p small {
color: $subtext;
font-size: 0.83em;
}
.discount td {
color: $highlight;
}
}
.cross-sells ul.products li.product {
margin-top: 0;
}
}
.checkout {
.col-2 {
h3#ship-to-different-address {
float: left;
clear: none;
}
.notes {
clear: left;
}
.form-row-first {
clear: left;
}
}
.create-account small {
font-size: 11px;
color: $subtext;
font-weight: normal;
}
div.shipping-address {
padding: 0;
clear: left;
width: 100%;
}
.shipping_address {
clear: both;
}
}
#payment {
ul.payment_methods {
@include clearfix();
text-align: left;
margin: 0;
list-style: none outside;
> li {
line-height: 2;
text-align: left;
margin: 0;
font-weight: normal;
border-bottom: 1px solid $color_border;
padding-top: 1em;
line-height: 1.2;
position: relative;
> label {
padding-left: 32px;
margin-bottom: 0.8em;
display: inline-block;
cursor: pointer;
font-weight: 500;
line-height: 1.2;
font-size: 1.05em;
position: relative;
top: -2px;
}
p {
padding: 0 2em 1.2em 32px;
line-height: 1.7;
}
img {
vertical-align: middle;
margin: -2px 0 0 0.5em;
padding: 0;
position: relative;
box-shadow: none;
}
img + img {
margin-left: 2px;
}
.input-radio {
position: absolute;
left: 0;
}
&.payment_method_paypal {
> label {
display: block;
}
img {
float: right;
max-height: 35px;
vertical-align: middle;
position: relative;
top: -5px;
margin-left: 15px;
}
.about_paypal {
float: right;
font-size: 0.8em;
border-bottom: 1px dotted currentColor;
}
}
&.payment_method_stripe {
img {
max-height: 15px;
margin: 2px -5px 0 !important;
}
input#payment_method_stripe {
top: auto !important;
}
p {
margin-bottom: 0;
}
}
}
[class*="payment_method_stripe_"] {
.input-radio {
top: auto !important;
}
}
li:not(.woocommerce-notice) {
@include clearfix;
}
}
div.payment_box {
position: relative;
box-sizing: border-box;
width: 100%;
font-size: 0.9em;
border-radius: 2px;
line-height: 1.5;
input.input-text, textarea {
border-color: darken( $secondary, 15% );
border-top-color: darken( $secondary, 20% );
}
::-webkit-input-placeholder {
color: darken( $secondary, 20% );
}
:-moz-placeholder {
color: darken( $secondary, 20% );
}
:-ms-input-placeholder {
color: darken( $secondary, 20% );
}
.woocommerce-SavedPaymentMethods {
list-style: none outside;
margin: 0;
.woocommerce-SavedPaymentMethods-token,
.woocommerce-SavedPaymentMethods-new {
margin: 0 0 0.5em;
label {
cursor: pointer;
}
}
.woocommerce-SavedPaymentMethods-tokenInput {
vertical-align: middle;
margin: -3px 1em 0 0;
position: relative;
}
}
.wc-credit-card-form {
border: 0;
padding: 0 2em 0em 32px;
margin: 0;
}
.wc-credit-card-form-card-number,
.wc-credit-card-form-card-expiry,
.wc-credit-card-form-card-cvc {
font-size: 1.5em;
padding: 8px;
background-repeat: no-repeat;
background-position: right 0.618em center;
background-size: 32px 20px;
&.visa {
background-image: url('../../images/icons/credit-cards/visa.svg');
}
&.mastercard {
background-image: url('../../images/icons/credit-cards/mastercard.svg');
}
&.laser {
background-image: url('../../images/icons/credit-cards/laser.svg');
}
&.dinersclub {
background-image: url('../../images/icons/credit-cards/diners.svg');
}
&.maestro {
background-image: url('../../images/icons/credit-cards/maestro.svg');
}
&.jcb {
background-image: url('../../images/icons/credit-cards/jcb.svg');
}
&.amex {
background-image: url('../../images/icons/credit-cards/amex.svg');
}
&.discover {
background-image: url('../../images/icons/credit-cards/discover.svg');
}
}
span.help {
font-size: 0.857em;
color: $subtext;
font-weight: normal;
}
.form-row {
margin: 0 0 0.5em;
}
p:last-child {
margin-bottom: 0;
}
}
.place-order {
padding: 2em 0 0 0;
}
}
}
/* Minimal style for cart/checkout page */
// Messages
.woocommerce-form-coupon-toggle,
.woocommerce-form-login-toggle {
.woocommerce-message,
.woocommerce-info {
max-width: 600px;
margin: 1em auto 1em;
border: 0px none;
padding: 0px;
background: none;
text-align: center;
&:before {
display: inline-block;
position: relative;
top: auto;
left: auto;
font-size: 0.8em;
margin-right: 0.4em;
}
}
}
.woocommerce-form-login-toggle {
.woocommerce-info {
&:before {
content: '\e03a';
}
}
}
.woocommerce-form-coupon-toggle {
.woocommerce-info {
&:before {
content: '\e600';
}
}
}
// Cart Collaterals Box.
.cart-collaterals {
table {
&.shop_table {
background: none;
border: none;
th {
width: 30%;
}
tr, td, th {
background: none;
//border: none;
}
th {
padding-left: 0px;
}
td {
text-align: right;
}
}
}
}
// Login form
.woocommerce-page {
.woocommerce-form-login {
max-width: 500px;
margin: 1em auto;
.form-row {
width: 100%;
float: none;
.button {
width: 100%;
text-align: center;
display: block;
}
}
.woocommerce-form__label-for-checkbox {
display: inline-block;
margin-top: 12px;
input[type="checkbox"] {
position: relative;
margin-top: -1px;
}
}
.lost_password {
float: right;
margin: -37px 0px 0px;
}
}
// Coupon Form
.actions {
.button[type="submit"] {
float: right;
}
.coupon {
float: left;
width: 50%;
}
}
.woocommerce-form-coupon {
max-width: 500px;
margin: 2em auto;
}
.input-group-text-button, .coupon {
position: relative;
min-width: 50%;
label {
display: none;
}
.input-text {
padding-right: 3em;
width: 100%;
}
.button {
position: absolute;
top: 0px;
right: 0px;
width: 3em;
height: 2.6em;
overflow: hidden;
display: block;
background: transparent;
border-color: transparent;
&:hover {
box-shadow: none;
&:before {
color: #252525;
}
}
&:before {
font-family: "WooCommerce";
content: "\e008";
color: #CCCCCC;
font-size: 17px;
margin-right: 2em;
}
}
}
}
.later-wc-version {
.woocommerce-form-login {
.lost_password {
float: none;
clear: both;
text-align:right;
margin-top: 0;
padding: 0 3px;
}
.woocommerce-form-login__rememberme{
margin-top: 5px;
margin-bottom: 15px;
}
}
}
// Checkout Review Order Box.
.woocommerce-checkout-review-order {
table {
&.shop_table {
tr, td, th {
//border: none;
padding-left: 0px;
}
tr {
&.cart-subtotal td,
.product-total {
text-align: right;
}
}
tbody {
tr {
.product-name {
width: 180px;
}
td {
border-top: 1px solid $color_border;
}
&:last-of-type td {
border-bottom: 1px solid $color_border;
}
}
}
tfoot {
tr {
&.shipping {
p {
margin-bottom: 0px;
}
}
}
tr:last-of-type {
th,td {
//border-bottom: 2px solid $color_border;
}
}
.order-total .amount {
font-size: 1.5em;
}
}
}
}
#place_order {
display: block;
width: 100%;
}
}
_wc-order.scss 0000666 00000003246 15114016411 0007325 0 ustar 00 /**
* Order page
*/
ul.order_details {
@include clearfix();
margin: 0 0 3em;
list-style: none;
li {
float: left;
margin-right: 2em;
text-transform: uppercase;
font-size: 0.715em;
line-height: 1;
border-right: 1px dashed darken( $secondary, 10% );
padding-right: 2em;
margin-left: 0;
padding-left: 0;
list-style-type: none;
strong {
display: block;
font-size: 1.4em;
text-transform: none;
line-height: 1.5;
}
&:last-of-type {
border: none;
}
}
}
.wc-bacs-bank-details-account-name {
font-weight: bold;
}
.woocommerce-order-downloads,
.woocommerce-customer-details,
.woocommerce-order-details {
margin-bottom: 2em;
*:last-child {
margin-bottom: 0;
}
}
.woocommerce-customer-details {
address {
font-style: normal;
margin-bottom: 0;
border: 1px solid rgba(0, 0, 0, 0.1);
border-bottom-width: 2px;
border-right-width: 2px;
text-align: left;
width: 100%;
border-radius: 5px;
padding: 6px 12px;
}
.woocommerce-customer-details--phone,
.woocommerce-customer-details--email {
margin-bottom: 0;
padding-left: 1.5em;
}
.woocommerce-customer-details--phone::before {
@include iconbefore( '\e037' );
margin-left: -1.5em;
line-height: 1.75;
position: absolute;
}
.woocommerce-customer-details--email::before {
@include iconbefore( '\e02d' );
margin-left: -1.5em;
line-height: 1.75;
position: absolute;
}
} _wc-forms.scss 0000666 00000007427 15114016411 0007345 0 ustar 00 /**
* Forms
*/
form .form-row {
padding: 3px;
margin: 0 0 6px;
[placeholder]:focus::-webkit-input-placeholder {
transition: opacity 0.5s 0.5s ease;
opacity: 0;
}
label {
line-height: 2;
}
label.hidden {
visibility: hidden;
}
label.inline {
display: inline;
}
.woocommerce-input-wrapper {
.description {
background: #1e85be;
color: #fff;
border-radius: 3px;
padding: 1em;
margin: .5em 0 0;
clear: both;
display: none;
position: relative;
a {
color: #fff;
text-decoration: underline;
border: 0;
box-shadow: none;
}
&:before {
left: 50%;
top: 0%;
margin-top: -4px;
transform: translatex(-50%) rotate(180deg);
content: "";
position: absolute;
border-width: 4px 6px 0 6px;
border-style: solid;
border-color: #1e85be transparent transparent transparent;
z-index: 100;
display: block;
}
}
}
select {
cursor: pointer;
margin: 0;
}
.required {
color: red;
font-weight: 700;
border: 0 !important;
text-decoration: none;
visibility: hidden; // Only show optional by default.
}
.optional {
visibility: visible;
}
.input-checkbox {
display: inline;
margin: -2px 8px 0 0;
text-align: center;
vertical-align: middle;
}
input.input-text,
textarea {
box-sizing: border-box;
width: 100%;
margin: 0;
outline: 0;
line-height: normal;
}
textarea {
height: 4em;
line-height: 1.5;
display: block;
}
.select2-container {
width: 100%;
line-height: 2em;
}
&.woocommerce-invalid {
label {
color: $red;
}
.select2-container,
input.input-text,
select {
border-color: $red;
}
}
&.woocommerce-validated {
.select2-container,
input.input-text,
select {
border-color: $green;
}
}
::-webkit-input-placeholder {
line-height: normal;
}
:-moz-placeholder {
line-height: normal;
}
:-ms-input-placeholder {
line-height: normal;
}
}
form.login,
form.checkout_coupon,
form.register {
padding: 20px;
margin: 2em 0;
text-align: left;
border-radius: 1px;
}
form.checkout_coupon {
border: 2px dashed #eaeaea;
}
ul#shipping_method {
list-style: none outside;
margin: 0;
padding: 0;
li {
margin: 0;
padding: 4px 0px;
text-indent: -22px;
list-style: none outside;
input {
margin: 3px 0.5ex;
}
label {
display: inline;
}
&:first-child {
padding-top: 0px;
}
}
.amount {
//font-weight: 700;
}
}
/* Checkout form */
#customer_details {
margin-bottom: 2em;
}
/* Shipping calculator form */
.woocommerce-shipping-calculator {
margin-bottom: 0;
.shipping-calculator-form {
margin: 15px 0px;
}
p {
margin-bottom: 0px;
}
.form-row {
padding: 0;
margin: 0 0 10px;
font-size: 0.85em;
}
#calc_shipping_country_field {
margin-bottom: 13px;
text-align: left;
}
select {
text-align: left;
}
button {
font-size: 0.85em;
display: block;
width: 100%;
min-height: auto;
}
} _wc-loop.scss 0000666 00000010453 15114016411 0007161 0 ustar 00 /**
* Product loops
*/
.woocommerce {
.woocommerce-loop-category__title {
margin-top: 10px;
padding: 0;
font-size: 1em;
}
ul.products li.product {
h3,
.woocommerce-loop-product__title
{
padding: 0;
margin: 0;
font-size: 1.1em;
line-height: 1.35;
}
a img {
width: 100%;
height: auto;
display: block;
}
strong {
display: block;
}
.price {
display: inline-block;
font-weight: normal;
font-size: 0.857em;
del {
opacity: 0.5;
display: inline-block;
}
ins {
background: none;
font-weight: 700;
display: inline-block;
}
.from {
font-size: 0.67em;
margin: -2px 0 0 0;
text-transform: uppercase;
color: rgba(desaturate($highlight, 75%), 0.5);
}
}
}
ul.products {
margin: 0 -1em 0;
padding: 0;
list-style: none outside;
clear: both;
li.product, > li{
list-style: none outside;
margin: 1em 0px;
}
}
}
.wc-product-inner {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
&:last-child{ // only have child
&:first-child {
height: auto;
}
}
> div {
flex: 1;
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
}
.woocommerce-loop-product__desc p {
&:last-child {
margin-bottom: 0;
}
}
.wc-product-contents {
padding-top: 0.7em;
padding-bottom: 0.7em;
> * {
margin-top: 0.7em;
&:first-child {
margin-top: 0px;
}
&:last-child {
margin-bottom: 0;
}
}
}
.wc-product__part {
&:last-child {
margin-bottom: 0px;
}
.ajax_add_to_cart.added {
display: none;
}
}
.wc-product-media {
position: relative;
flex-shrink: initial;
flex-grow: 0;
text-align: center;
margin: 0em;
img {
transition: all .3s ease;
margin-bottom: 0px;
object-fit: cover;
}
.secondary-image {
position: absolute;
z-index: 5;
top: 0px;
left: 0px;
right: 0px;
display: block;
height: auto;
opacity: 0;
}
}
.wc-product__category,
.wc-product__price,
.wc-product__rating {
line-height: 1;
}
}
// Secondary image when hover if exist
.product-has-gallery {
> .wc-product-inner {
&:hover {
img {
opacity: 0;
}
.secondary-image {
opacity: 1;
}
}
}
}
.wc-loop-cats-separator {
clear: both !important;;
flex: none !important;
display: block !important;
width: 100%;
}
.wc-grid-view {
.hide-in-grid {
display: none;
}
}
// List view
.wc-list-view {
.hide-in-list {
display: none;
}
.product {
&.customify-col:not(.product-category) {
width: 100%;
flex: none;
max-width: 999999px;
.wc-product-inner {
flex-direction: row;
@include for_device(mobile) {
flex-direction: column;
}
.wc-product-media {
flex-basis: 32%;
margin-right: 2em;
@include for_device(mobile) {
flex-direction: column;
flex-basis: 100%;
margin-right: 0;
}
}
.wc-product-contents {
flex-basis: 68%;
@include for_device(mobile) {
flex-basis: 100%;
}
display: inline-block;
flex-direction: column;
}
}
}
}
} _woocommerce-mixins.scss 0000666 00000011612 15114016411 0011423 0 ustar 00 /**
* Deprecated
* Fallback for bourbon equivalent
*/
@mixin clearfix() {
*zoom: 1;
&::before,
&::after {
content: ' ';
display: table;
}
&::after {
clear: both;
}
}
/**
* Deprecated
* Vendor prefix no longer required.
*/
@mixin border_radius($radius: 1px) {
border-radius: $radius;
}
/**
* Deprecated
* Vendor prefix no longer required.
*/
@mixin border_radius_right($radius: 1px) {
border-top-right-radius: $radius;
border-bottom-right-radius: $radius;
}
/**
* Deprecated
* Vendor prefix no longer required.
*/
@mixin border_radius_left($radius: 1px) {
border-top-left-radius: $radius;
border-bottom-left-radius: $radius;
}
/**
* Deprecated
* Vendor prefix no longer required.
*/
@mixin border_radius_bottom($radius: 1px) {
border-bottom-left-radius: $radius;
border-bottom-right-radius: $radius;
}
/**
* Deprecated
* Vendor prefix no longer required.
*/
@mixin border_radius_top($radius: 1px) {
border-top-left-radius: $radius;
border-top-right-radius: $radius;
}
/**
* Deprecated
* Vendor prefix no longer required.
*/
@mixin opacity( $opacity: 0.75 ) {
opacity: $opacity;
}
/**
* Deprecated
* Vendor prefix no longer required.
*/
@mixin box_shadow($shadow_x: 3px, $shadow_y: 3px, $shadow_rad: 3px, $shadow_in: 3px, $shadow_color: #888) {
box-shadow: $shadow_x $shadow_y $shadow_rad $shadow_in $shadow_color;
}
/**
* Deprecated
* Vendor prefix no longer required.
*/
@mixin inset_box_shadow($shadow_x: 3px, $shadow_y: 3px, $shadow_rad: 3px, $shadow_in: 3px, $shadow_color: #888) {
box-shadow: inset $shadow_x $shadow_y $shadow_rad $shadow_in $shadow_color;
}
/**
* Deprecated
* Vendor prefix no longer required.
*/
@mixin text_shadow($shadow_x: 3px, $shadow_y: 3px, $shadow_rad: 3px, $shadow_color: #fff) {
text-shadow: $shadow_x $shadow_y $shadow_rad $shadow_color;
}
/**
* Deprecated
* Vendor prefix no longer required.
*/
@mixin vertical_gradient($from: #000, $to: #fff) {
background-color: $from;
background: -webkit-linear-gradient($from, $to);
}
/**
* Deprecated
* Vendor prefix no longer required.
*/
@mixin transition($selector: all, $animation: ease-in-out, $duration: 0.2s) {
transition: $selector $animation $duration;
}
/**
* Deprecated
* Use bourbon mixin instead `@include transform(scale(1.5));`
*/
@mixin scale($ratio: 1.5) {
-webkit-transform: scale($ratio);
transform: scale($ratio);
}
/**
* Deprecated
* Use bourbon mixin instead `@include box-sizing(border-box);`
*/
@mixin borderbox() {
box-sizing: border-box;
}
@mixin darkorlighttextshadow($a, $opacity: 0.8) {
@if lightness($a) >= 65% {
@include text_shadow(0, -1px, 0, rgba(0, 0, 0, $opacity));
}
@else {
@include text_shadow(0, 1px, 0, rgba(255, 255, 255, $opacity));
}
}
/**
* Objects
*/
@mixin menu() {
@include clearfix();
li {
display: inline-block;
}
}
@mixin mediaright() {
@include clearfix();
img {
float: right;
height: auto;
}
}
@mixin medialeft() {
@include clearfix();
img {
float: right;
height: auto;
}
}
@mixin ir() {
display: block;
text-indent: -9999px;
position: relative;
height: 1em;
width: 1em;
}
@mixin icon( $glyph: '\e001' ) {
font-family: 'WooCommerce';
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
margin: 0;
text-indent: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
content: $glyph;
}
@mixin icon_dashicons( $glyph: '\f333' ) {
font-family: 'Dashicons';
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin: 0;
text-indent: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
content: $glyph;
}
@mixin iconbefore( $glyph: '\e001' ) {
font-family: 'WooCommerce';
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: 0.418em;
content: $glyph;
text-decoration: none;
}
@mixin iconbeforedashicons( $glyph: '\f333' ) {
font-family: 'Dashicons';
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
content: $glyph;
text-decoration: none;
}
@mixin iconafter( $glyph: '\e001' ) {
font-family: 'WooCommerce';
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-left: 0.618em;
content: $glyph;
text-decoration: none;
}
@mixin loader() {
&::before {
height: 1em;
width: 1em;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-left: -0.5em;
margin-top: -0.5em;
content: '';
animation: spin 1s ease-in-out infinite;
background: url('../../images/woocommerce/icons/loader.svg') center center;
background-size: cover;
line-height: 1;
text-align: center;
font-size: 2em;
color: rgba(#000, 0.75);
}
}
_woocommerce-vars.scss 0000666 00000001636 15114016411 0011074 0 ustar 00 /**
* WooCommerce CSS Variables
*/
$woocommerce: #a46497;
$green: #7ad03a;
$red: #a00;
$orange: #ffba00;
$blue: #2ea2cc;
$primary: #a46497; // Primary color for buttons (alt)
$primarytext: desaturate(lighten($primary, 50%), 18%); // Text on primary color bg
$secondary: desaturate(lighten($primary, 40%), 21%); // Secondary buttons
$secondarytext: desaturate(darken($secondary, 60%), 21%); // Text on secondary color bg
$highlight: adjust-hue($primary, 150deg); // Prices, In stock labels, sales flash
$highlightext: desaturate(lighten($highlight, 50%), 18%); // Text on highlight color bg
$contentbg: #fff; // Content BG - Tabs (active state)
$subtext: #777; // small, breadcrumbs etc _wc-single-product.scss 0000666 00000015753 15114016411 0011157 0 ustar 00 /*
# Product meta
# Product tabs
# Upsell + Related products section
*/
/**
* Nav Product - next - prev button
*/
.product_title-wrapper {
position: relative;
}
.wc-product-nav {
position: absolute;
top: 0.5em; right: -5px;
> a {
margin: 0px 3px;
display: inline-block;
&:hover {
.nav-thumbnail {
z-index: 100;
left: 50%;
opacity: 1;
}
}
}
.nav-thumbnail {
position: absolute;
top: 100%;
left: -999999px;
width: 100px;
display: block;
transform: translateX( - 50% );
transition: opacity .25s ease-in-out;
z-index: -1;
opacity: 0;
img {
display: block;
margin-top: 10px;
box-shadow: 1px 1px 10px rgba(0,0,0,.06);
}
}
}
.nav-in-title {
.product_title {
margin-right: 70px;
}
}
/**
Product Slider
*/
.flex-direction-nav {
list-style: none;
margin: 0px !important;
padding: 0px !important;
.flex-prev,
.flex-next {
position: absolute;
display: block;
top: 50%;
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
z-index: 15;
opacity: 0;
transition: opacity 0.3s linear;
}
.flex-prev {
left: 15px;
}
.flex-next {
right: 15px;
}
.flex-disabled {
.nav-btn {
visibility: hidden;
}
}
}
.woocommerce-product-gallery:hover {
.flex-direction-nav {
.flex-prev,
.flex-next {
opacity: 1;
}
}
}
/**
* Product meta
*/
.product_meta {
font-size: 0.875em;
color: $color_meta;
margin: 1.41575em 0px;
> span {
display: block;
padding: 6px 0px;
border-top: 1px dotted $color_border;
}
}
/**
* Product tabs
*/
.woocommerce-tabs {
clear: both;
margin-bottom: 2em;
ul.tabs {
list-style: none;
padding: 0;
margin: 0 0 1.41575em;
position: relative;
li {
position: relative;
a {
color: currentColor;
}
}
}
&.wc-tabs-horizontal {
ul.tabs {
border-bottom: 1px solid $color_border;
li {
border-bottom: 1px solid transparent;
display: inline-block;
position: relative;
z-index: 0;
padding: 0;
margin: 0 1em -1px;
&:first-child {
margin-left: 0px;
}
&:last-child {
margin-right: 0px;
}
a {
display: inline-block;
padding: 0.5em 0px;
font-size: 1.05em;
}
&.active {
z-index: 2;
border-bottom-color: $color_primary;
a {
color: $color_primary;
text-shadow: inherit;
}
}
}
}
} // wc-tabs-horizontal
&.wc-tabs-vertical {
.wc-tabs {
width: 26%;
margin-right: 4%;
margin-bottom: 2em;
float: left;
@include for_device( mobile ) {
width: 100%;
margin-right: 0;
margin-bottom: 2em;
}
li {
border-bottom: 1px solid $color_border;
&:first-child {
border-top: 1px solid $color_border;
}
&:after {
content: '';
width: .5em;
height: .5em;
display: block;
position: absolute;
top: 50%;
right: .8em;
left: auto;
opacity: 0;
transform: rotate(45deg) translateY( -50% );
border-top: 1px solid #111111;
border-right: 1px solid #111111;
transition: all .3s ease;
}
a {
display: block;
padding: 0.72em 0px;
color: currentColor;
}
&.active {
&:after {
opacity: 1;
}
}
}
}
.wc-tabs-contents {
width: 70%;
float: right;
@include for_device( mobile ) {
width: 100%;
}
}
}
.wc-tabs-contents {
margin-bottom: 2em;
.woocommerce-Tabs-panel--description {
p:last-child {
margin-bottom: 0px;
}
}
}
}
/**
Section and Toggle
*/
.wc-tabs-sections, .wc-tabs-toggle {
.woocommerce-Reviews-title {
display: none;
}
}
.wc-tabs-sections {
.tab-section-heading {
font-size: 1.4em;
a {
color: currentColor;
}
}
.tab-section-content {
margin-top: 0px;
padding-top: 0px;
margin-bottom: 2em;
}
}
.wc-tabs-toggle {
.tab-section-heading {
border-bottom: 1px solid $color_border;
font-size: 1.1em;
font-weight: normal;
display: block;
padding: 0;
margin: 0px;
a {
color: currentColor;
display: block;
padding: 0.9em 0px;
position: relative;
}
a {
&:before, &:after {
content: "";
display: block;
background-color: $color_border;
position: absolute;
top: 50%;
right: 0px;
opacity: 1;
transition: opacity 0.3s linear;
}
&:before{
width: 13px;
height: 2px;
top: 50%;
transform: translateY( - 50% );
}
&:after {
width: 2px;
height: 13px;
top: 50%;
right: 6px;
transform: translate( 1px, -50% );
}
&.active {
&:after{
opacity: 0;
}
}
}
}
.tab-section.active {
.tab-section-heading {
a {
&:after {
opacity: 0;
}
}
}
}
}
.tab-section-content {
padding-top: 1em;
}
/* Upsell + Related products section */
.related.products, .upsells.products {
margin-bottom: 2em;
h2 {
font-size: 1.4em;
margin-bottom: 0px;
}
}
/**
* WooCommerce related heading
*/
.woocommerce-Reviews-title,
.cross-sells h2,
.cart_totals h2,
.wc-tab > h2
{
font-size: 1.4em;
margin-bottom: 1em;
}
_wc-product.scss 0000666 00000021331 15114016411 0007665 0 ustar 00 /**
* Product page
*/
div.product {
div.images {
@include for_device(mobile) {
order: 5;
}
}
div.thumbnails {
@include clearfix();
a {
float: left;
width: 30.75%;
margin-right: 3.8%;
margin-bottom: 1em;
}
a.last {
margin-right: 0;
}
a.first {
clear: both;
}
&.columns-1 {
a {
width: 100%;
margin-right: 0;
float: none;
}
}
&.columns-2 {
a {
width: 48%;
}
}
&.columns-4 {
a {
width: 22.05%;
}
}
&.columns-5 {
a {
width: 16.9%;
}
}
}
#reviews {
.comment {
@include mediaright();
}
}
}
.woocommerce-pagination {
ul.page-numbers {
@include menu();
}
}
div.product {
margin-bottom: 0;
position: relative;
.product_title {
clear: none;
margin-top: 0;
padding: 0;
font-size: 2em;
line-height: 1.216;
@include for_device( tablet ) {
font-size: 1.9em;
}
@include for_device( mobile ) {
font-size: 1.7em;
}
}
span.price,
p.price {
font-size: 1.25em;
margin-bottom: 0.875em;
ins {
background: inherit;
font-weight: 500;
display: inline-block;
}
del {
opacity: 0.5;
display: inline-block;
}
}
.stock {
color: $highlight;
}
.out-of-stock {
color: red;
}
.woocommerce-product-rating {
margin-bottom: 0.72em;
.woocommerce-review-link {
display: none;
}
}
.wc-product-images {
position: relative;
}
div.images {
margin-bottom: 2em;
img {
display: block;
width: 100%;
height: auto;
box-shadow: none;
}
div.thumbnails {
padding-top: 1em;
}
&.woocommerce-product-gallery {
position: relative;
}
.woocommerce-product-gallery__wrapper {
transition: all cubic-bezier(0.795, -0.035, 0.000, 1.000) .5s;
margin: 0;
padding: 0;
}
.woocommerce-product-gallery__wrapper .zoomImg {
background-color: #fff;
opacity: 0;
}
.woocommerce-product-gallery__image:nth-child(n+2) {
width: 25%;
display: inline-block;
}
.woocommerce-product-gallery__trigger {
position: absolute;
top: 15px;
right: 15px;
font-size: 1em;
z-index: 9;
width: 36px;
height: 36px;
background: rgba(255,255,255,0.5);
border-radius: 100%;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
color: #888888;
opacity: 0.6;
display: inline-block;
transition: all 0.3s linear;
box-sizing: content-box;
overflow: hidden;
line-height: 10em;
&:hover, &:focus {
opacity: 1;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.26), 0 0 0 1px rgba(0, 0, 0, 0.18);
background-color: rgba(255,255,255,0.99);
}
&:before {
content: "\e035";
font-family: "WooCommerce";
display: flex;
height: 100%;
width: 100%;
justify-content: center;
align-items: center;
position: absolute;
top: 50%;
left: 50%;
font-size: 1em;
line-height: 0;
transform: translate( -50%, -50%);
box-sizing: content-box;
}
img {
display: none !important;
}
}
.flex-control-thumbs {
overflow: hidden;
zoom: 1;
margin: 10px -10px 0px;
padding: 0;
li {
width: 25%;
float: left;
margin: 0;
padding: 10px;
list-style: none;
&:last-child {
margin-right: 0px;
}
img {
cursor: pointer;
opacity: .5;
margin: 0;
&.flex-active,
&:hover {
opacity: 1;
}
}
}
}
}
.woocommerce-product-gallery--columns-3 {
.flex-control-thumbs li:nth-child(3n+1) {
clear: left;
}
}
.woocommerce-product-gallery--columns-4 {
.flex-control-thumbs li:nth-child(4n+1) {
clear: left;
}
}
.woocommerce-product-gallery--columns-5 {
.flex-control-thumbs li:nth-child(5n+1) {
clear: left;
}
}
div.summary {
margin-bottom: 2em;
}
div.social {
text-align: right;
margin: 0 0 1em;
span {
margin: 0 0 0 2px;
span {
margin: 0;
}
.stButton .chicklets {
padding-left: 16px;
width: 0;
}
}
iframe {
float: left;
margin-top: 3px;
}
}
p.cart {
margin-bottom: 2em;
@include clearfix();
}
form.cart {
margin-bottom: 1.41575em;
@include clearfix();
div.quantity {
float: left;
margin: 0 1em 0em 0;
}
table {
border-width: 0 0 1px;
td {
padding-left: 0;
}
div.quantity {
float: none;
margin: 0;
}
small.stock {
display: block;
float: none;
}
}
.variations {
margin-bottom: 1.41575em;
border: 0;
width: 100%;
tr {
margin-bottom: 0.72em;
display: block;
&:last-child {
margin-bottom: 0;
}
}
td,
th {
border: 0;
vertical-align: top;
line-height: 2em;
}
label {
font-weight: 500;
}
select {
max-width: 100%;
min-width: 50%;
width: 150px;
display: inline-block;
margin-right: 1em;
color: #444444;
}
td.label {
padding-right: 1em;
}
}
.woocommerce-variation-description p {
margin-bottom: 1em;
}
.reset_variations {
visibility: hidden;
font-size: 0.83em;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.wc-no-matching-variations {
display: none;
}
.button {
vertical-align: middle;
float: left;
}
.group_table {
td.woocommerce-grouped-product-list-item__label {
padding-right: 1em;
padding-left: 1em;
}
td {
vertical-align: top;
//padding-bottom: 0.5em;
border: 0;
}
td:first-child {
width: 11em;
text-align: center;
.button.product_type_variable {
font-size: 0.7em;
min-height: auto;
margin-left: 1em;
}
}
.wc-grouped-product-add-to-cart-checkbox {
display: inline-block;
width: auto;
margin: 0 auto;
transform:scale(1.5, 1.5);
}
}
}
}
span.onsale {
padding: 2px 8px;
position: absolute;
text-align: center;
top: 1em;
left: 1em;
margin: 0;
border-radius: 2px;
background-color: $highlight;
color: $highlightext;
font-size: 0.72em;
z-index: 9;
display: flex;
align-items: center ;
justify-content: center;
text-transform: uppercase;
letter-spacing: 0.5px;
font-weight: bold;
.amount {
color: inherit !important;
}
}