first commit

This commit is contained in:
2024-07-15 11:28:08 +02:00
commit f52d538ea5
21891 changed files with 6161164 additions and 0 deletions

View File

@@ -0,0 +1,69 @@
.jet-woo-product-gallery-anchor-nav{
display: flex;
&-items{
flex: 0 1 100%;
max-width: 100%;
}
&-controller{
position: absolute;
flex: 0 1 100%;
max-width: 100%;
width: 100%;
margin: 0;
list-style: none;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
align-self: flex-start;
align-content: stretch;
flex-wrap: nowrap;
transition: none;
.controller-item{
display: block;
&__bullet{
width: 10px;
height: 10px;
background-color: #d8dbe3;
border-radius: 50px;
display: block;
margin: 5px 15px;
}
a.current-item{
.controller-item__bullet{
background-color: #3c4b71;
}
}
}
}
.jet-woo-product-gallery__image{
img{
width: 100%;
}
}
}
.jet-woo-product-gallery-anchor-nav-controller-left{
.jet-woo-product-gallery-anchor-nav{
flex-direction: row-reverse;
}
.jet-woo-product-gallery-anchor-nav-controller {
left: 0;
}
}
.jet-woo-product-gallery-anchor-nav-controller-right{
.jet-woo-product-gallery-anchor-nav{
flex-direction: row;
}
.jet-woo-product-gallery-anchor-nav-controller {
right: 0;
}
}

View File

@@ -0,0 +1,113 @@
.jet-woo-product-gallery-grid{
.jet-woo-product-gallery__image{
img{
width: 100%;
}
}
}
.col-row {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
&.disable-cols-gap {
div[class*="col-desk"] {
padding-left: 0;
padding-right: 0;
}
}
&.disable-rows-gap {
div[class*="col-desk"] {
padding-top: 0;
padding-bottom: 0;
}
}
}
.col-desk-1, .col-desk-2, .col-desk-3, .col-desk-4, .col-desk-5, .col-desk-6, .col-tab-1, .col-tab-2, .col-tab-3, .col-tab-4, .col-tab-5, .col-tab-6, .col-mob-1, .col-mob-2, .col-mob-3, .col-mob-4, .col-mob-5, .col-mob-6 {
position: relative;
min-height: 1px;
padding: 10px;
box-sizing: border-box;
width: 100%;
}
.col-mob-1 {
flex: 0 0 100%;
max-width: 100%;
}
.col-mob-2 {
flex: 0 0 50%;
max-width: 50%;
}
.col-mob-3 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-mob-4 {
flex: 0 0 25%;
max-width: 25%;
}
.col-mob-5 {
flex: 0 0 20%;
max-width: 20%;
}
.col-mob-6 {
flex: 0 0 16.66666%;
max-width: 16.66666%;
}
@media ( min-width: 768px ) {
.col-tab-1 {
flex: 0 0 100%;
max-width: 100%;
}
.col-tab-2 {
flex: 0 0 50%;
max-width: 50%;
}
.col-tab-3 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-tab-4 {
flex: 0 0 25%;
max-width: 25%;
}
.col-tab-5 {
flex: 0 0 20%;
max-width: 20%;
}
.col-tab-6 {
flex: 0 0 16.66666%;
max-width: 16.66666%;
}
}
@media ( min-width: 1025px ) {
.col-desk-1 {
flex: 0 0 100%;
max-width: 100%;
}
.col-desk-2 {
flex: 0 0 50%;
max-width: 50%;
}
.col-desk-3 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-desk-4 {
flex: 0 0 25%;
max-width: 25%;
}
.col-desk-5 {
flex: 0 0 20%;
max-width: 20%;
}
.col-desk-6 {
flex: 0 0 16.66666%;
max-width: 16.66666%;
}
}

View File

@@ -0,0 +1,46 @@
.jet-woo-product-gallery-modern{
.jet-woo-product-gallery__image{
img{
width: 100%;
}
}
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
.jet-woo-product-gallery__image-item{
padding: 15px;
&:nth-child(5n+1){
width: 100%;
flex: 1 1 100%;
}
&:nth-child(5n+2){
width: 100%;
flex: 1 1 100%;
max-width: 70%;
}
&:nth-child(5n+3){
width: 100%;
flex: 1 1 100%;
max-width: 30%;
}
&:nth-child(5n+4){
width: 100%;
flex: 1 1 100%;
max-width: 30%;
}
&:nth-child(5n+5){
width: 100%;
flex: 1 1 100%;
max-width: 70%;
}
}
}

View File

@@ -0,0 +1,329 @@
.jet-woo-slick__wrapper {
.jet-woo-product-video__popup-wrapper {
width: 100%;
display: block;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-list .slick-slide{
display: block;
height: auto;
border: none;
}
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
&:focus {
outline: none;
}
&.dragging {
cursor: pointer;
cursor: hand;
}
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
&:before,
&:after {
content: "";
display: table;
}
&:after {
clear: both;
}
.slick-loading & {
visibility: hidden;
}
}
.slick-slide {
height: auto;
[dir="rtl"] & {
float: right;
}
> div {
font-size: 0;
}
img {
display: block;
}
&.slick-loading img {
display: none;
}
display: none;
&.dragging img {
pointer-events: none;
}
}
.slick-arrow.slick-hidden {
display: none;
}
/* Slider */
.slick-list {
.slick-loading & {
//background: #fff slick-image-url("ajax-loader.gif") center center no-repeat;
}
}
/* Arrows */
.slick-prev,
.slick-next {
position: absolute;
display: block;
height: auto;
width: auto;
line-height: 0;
cursor: pointer;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
z-index: 1;
color: #000;
&:hover, &:focus {
outline: none;
background: transparent;
}
&.slick-disabled {
cursor: not-allowed;
}
&:before {
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
}
.slick-prev {
left: 0;
[dir="rtl"] & {
left: auto;
right: 0;
}
}
.slick-next {
right: 0;
[dir="rtl"] & {
left: 0;
right: auto;
}
}
/* Dots */
.slick-dots {
position: relative;
bottom: 0;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
li {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
cursor: pointer;
button {
display: block;
font-size: 0;
outline: none;
padding: 0;
cursor: pointer;
border-radius: 50%;
width: 10px;
height: 10px;
background-color: #d8dbe3;
margin: 5px 15px;
&:hover, &:focus {
outline: none;
background-color: #3c4b71;
}
}
&.slick-active button {
background-color: #3c4b71;
}
}
}
}
.jet-woo-slick-type-bullets {
.slick-dots {
font-size: 0;
}
.jet-woo-slick {
max-width: 100%;
}
.jet-woo-slick .slick-list {
max-width: 100%;
flex: 0 1 100%;
}
&.jet-woo-slick-direction-vertical {
.jet-woo-slick {
display: flex;
align-items: flex-start;
justify-content: flex-start;
.slick-dots {
flex: 0 1 auto;
width: auto;
li {
display: block;
}
}
}
&.jet-woo-slick-v-pos-right .jet-woo-slick {
flex-direction: row;
}
&.jet-woo-slick-v-pos-left .jet-woo-slick {
flex-direction: row-reverse;
}
}
&.jet-woo-slick-direction-horizontal {
.jet-woo-slick {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
&.jet-woo-slick-h-pos-top .jet-woo-slick {
flex-direction: column-reverse;
}
&.jet-woo-slick-h-pos-bottom .jet-woo-slick {
flex-direction: column;
}
}
}
.jet-woo-slick-type-thumbnails {
> * {
max-width: 100%;
}
.jet-woo-slick-control-thumbs {
position: relative;
margin: 0;
list-style: none;
}
&.jet-woo-slick-direction-horizontal {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: nowrap;
&.jet-woo-slick-h-pos-top {
flex-direction: column-reverse;
}
&.jet-woo-slick-h-pos-bottom {
flex-direction: column;
}
}
&.jet-woo-slick-direction-vertical {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: nowrap;
.jet-woo-slick-control-thumbs {
.slick-prev,
.slick-next {
transform-style: preserve-3d;
transform-origin: 50% 50%;
backface-visibility: hidden;
transform: translate(-50%, 0) rotate(90deg);
}
.slick-prev {
top: 0;
bottom: auto;
left: 50%;
right: auto;
}
.slick-next {
bottom: 0;
top: auto;
left: 50%;
right: auto;
}
}
&.jet-woo-slick-v-pos-left {
flex-direction: row-reverse;
}
&.jet-woo-slick-v-pos-right {
flex-direction: row;
}
}
}