From 3fe9116bb9f46687a47f4f21799dc177f084d2eb Mon Sep 17 00:00:00 2001 From: Justinabes007 <103206213+Justinabes007@users.noreply.github.com> Date: Thu, 12 Dec 2024 08:34:16 +0200 Subject: [PATCH 1/4] TO - Additional Info Read More JS Styling fixes to slider Block Additional Info Read More JS --- assets/css/style.css | 146 ++++++++++++++++++++++++++++++++ assets/img/left-arrow-dark.svg | 3 + assets/img/right-arrow-dark.svg | 3 + assets/js/src/custom.js | 43 +++++++++- 4 files changed, 194 insertions(+), 1 deletion(-) create mode 100644 assets/img/left-arrow-dark.svg create mode 100644 assets/img/right-arrow-dark.svg diff --git a/assets/css/style.css b/assets/css/style.css index fa499b57..1895e53a 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -222,6 +222,26 @@ display: inline-block; left: 12px; } +.wp-block-query.lsx-to-slider{position:relative;} +.wp-block-query.lsx-to-slider .slick-arrow:before, +.wp-block-query .slick-lightbox-inner .slick-arrow:before{ border-color: #000!important; +height:30px; width:30px;} + +.wp-block-query.lsx-to-slider .slick-arrow, +.slick-lightbox-inner .slick-arrow {cursor: pointer; + border-color: #000!important;height:30px; width:30px;} + +.wp-block-query.lsx-to-slider .slick-arrow.slick-prev:before, +.wp-block-query .slick-lightbox-inner .slick-arrow.slick-prev:before{background: url('../img/left-arrow-dark.svg') no-repeat center center; + width: 20px;left: 3px; + height: 20px;} + +.wp-block-query.lsx-to-slider .slick-arrow.slick-next:before, +.wp-block-query .slick-lightbox-inner .slick-arrow.slick-next:before{background: url('../img/right-arrow-dark.svg') no-repeat center center; + width: 20px;left: 3px; + height: 20px;} + + .wp-block-query.lsx-to-slider .slick-slide{padding:15px!important;} .lsx-to-slider .slick-dots:not(.dropdown-menu) { align-items: center; @@ -277,5 +297,131 @@ .lsx-units-wrapper .hidden { display: none; } +.wp-block-query.lsx-to-slider{gap: var(--wp--preset--spacing--small) var(--wp--preset--spacing--small);} + /*# sourceMappingURL=style.css.map */ +/* Inner group for icon and label */ +.fast-facts-wrapper > .wp-block-group .wp-block-group:first-child { + display: flex; + align-items: flex-start; /* Align content in this group to the top */ + gap: 5px; /* Space between icon and text */ + flex-shrink: 0; /* Prevent group from shrinking */ +} + +/* Style the image icon */ +.fast-facts-wrapper > .wp-block-group .wp-block-image img { + width: 20px; /* Fixed width */ + height: 20px; /* Fixed height */ + display: inline-block; + object-fit: contain; /* Ensure image doesn't stretch or distort */ +} + +/* Styling for the label (e.g., "Special Interests:") */ +.fast-facts-wrapper > .wp-block-group .wp-block-group:first-child p { + margin: 0; + white-space: nowrap; /* Prevent wrapping for label */ + vertical-align: middle; /* Align text with the middle of the icon */ + line-height: 1.2; /* Improve readability */ + display: inline-block; /* Keep text inline */ +} + +/* Styling for the flowing text */ +.fast-facts-wrapper > .wp-block-group .wp-block-group:last-child { + display: flex; + flex-wrap: nowrap; /* Keep the text flowing inline */ + white-space: normal; /* Allow wrapping for text if it overflows */ + overflow-wrap: break-word; /* Ensure long words wrap correctly */ + word-break: break-word; /* Break long words when needed */ + flex: 1; /* Allow the container to use available space */ + align-items: flex-start; /* Ensure text starts at the top */ +} + +/* Specific styling for the text content */ +.fast-facts-wrapper > .wp-block-group .wp-block-group:last-child p { + white-space: normal; /* Allow wrapping for long text */ + overflow-wrap: break-word; /* Break words when needed */ + word-break: break-word; /* Break words on legacy browsers */ + line-height: 1.4; /* Improve readability */ + text-transform: capitalize; /* Capitalize text */ + padding: 0; /* Ensure no unnecessary padding */ + margin: 0; /* Remove extra margins */ + display: inline; /* Ensure the text flows inline with the label */ +} + +.facilities-list li::marker{display:none;} +.facilities-list{padding-left:0!important;} + +.facilities-list li { + margin-left: 10px; + list-style: none; /* Remove default list marker */ + position: relative; /* Position for pseudo-element */} + +.facilities-list li::before{ + content: ''; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); /* Center the icon vertically */ + width: 20px; /* Adjust the size of the tick icon */ + height: 20px; + background-image: url('../img/tick.svg'); /* Replace with the path to your tick.svg */ + background-size: contain; + background-repeat: no-repeat; + left:-28px +} + +.additional-info .wp-block-group.content .read-more-btn,.additional-info .wp-block-group.content .read-less-btn{ + color: #0073aa; + cursor: pointer; + font-weight: bold; +} + +.additional-info .wp-block-group.content .read-more-btn:hover { + text-decoration: underline; +} + +.additional-info .wp-block-group.content .read-less-btn{display:none;} + +@media (min-width: 800px) { +.single-tour-operator .toggle-button {display:none;} +} + +/* Optional: Responsive adjustments for smaller screens */ +@media (max-width: 768px) { + + /* Styling for the toggle button */ +.single-tour-operator .toggle-button { + display: inline-flex; + align-items: center; + padding: 5px; + background: none; + border: none; + cursor: pointer; + font-size: 14px; + color: var(--wp--preset--color--contrast); +} + +/* Styling for the SVG icons */ +.single-tour-operator .toggle-icon { + width: 16px; + height: 16px; + fill: var(--wp--preset--color--contrast); + margin-left: 5px; +} + +/* Collapsed state for the second wp-block-group */ +.single-tour-operator section.wp-block-group .wp-block-group.collapsed { + display: none; /* Hide the content */ +} + + + .fast-facts-wrapper > .wp-block-group { + flex-wrap: wrap; /* Allow wrapping for better readability */ + gap: 5px; + } + + .fast-facts-wrapper > .wp-block-group .wp-block-group.is-layout-flex:last-child { + flex-wrap: wrap; /* Allow text to wrap on smaller screens */ + } +} \ No newline at end of file diff --git a/assets/img/left-arrow-dark.svg b/assets/img/left-arrow-dark.svg new file mode 100644 index 00000000..24b52a97 --- /dev/null +++ b/assets/img/left-arrow-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/img/right-arrow-dark.svg b/assets/img/right-arrow-dark.svg new file mode 100644 index 00000000..e4eb09b8 --- /dev/null +++ b/assets/img/right-arrow-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/js/src/custom.js b/assets/js/src/custom.js index 59795b2d..6545dc53 100755 --- a/assets/js/src/custom.js +++ b/assets/js/src/custom.js @@ -310,4 +310,45 @@ if ( window.location.hash ) { lsx_to.build_slider_lightbox(); } ); -} )( jQuery, window, document ); + document.addEventListener('DOMContentLoaded', function () { + const paragraphs = document.querySelectorAll('.additional-info .wp-block-group.content p'); + + paragraphs.forEach(function (p) { + const text = p.innerText.trim(); + + if (text.split(' ').length > 30) { // Check if paragraph exceeds 30 words + const fullText = p.innerText.trim(); + const truncatedText = fullText.split(' ').slice(0, 30).join(' ') + '...'; + p.innerHTML = `${truncatedText}`; + + // Create Read More button + const readMoreBtn = document.createElement('span'); + readMoreBtn.textContent = ' Read More'; + readMoreBtn.classList.add('read-more-btn'); + p.appendChild(readMoreBtn); + + // Create Read Less button + const readLessBtn = document.createElement('span'); + readLessBtn.textContent = ' Read Less'; + readLessBtn.classList.add('read-less-btn'); + p.appendChild(readLessBtn); + + // Add functionality to toggle text + readMoreBtn.addEventListener('click', function () { + p.querySelector('.truncated-text').style.display = 'none'; + p.querySelector('.full-text').style.display = 'inline'; + readMoreBtn.style.display = 'none'; + readLessBtn.style.display = 'inline'; + }); + + readLessBtn.addEventListener('click', function () { + p.querySelector('.truncated-text').style.display = 'inline'; + p.querySelector('.full-text').style.display = 'none'; + readMoreBtn.style.display = 'inline'; + readLessBtn.style.display = 'none'; + }); + } + }); + }); + +} )( jQuery, window, document ); \ No newline at end of file From 7fa4557f8ede967993b3723cee88774209742d0e Mon Sep 17 00:00:00 2001 From: Warwick Date: Thu, 12 Dec 2024 12:01:12 +0200 Subject: [PATCH 2/4] Adding in the files needed for the scss --- assets/css/scss/_additional.scss | 0 assets/css/style.css.map | 2 +- assets/css/style.scss | 3 +-- assets/js/src/custom.js | 14 ++++++++------ 4 files changed, 10 insertions(+), 9 deletions(-) create mode 100644 assets/css/scss/_additional.scss diff --git a/assets/css/scss/_additional.scss b/assets/css/scss/_additional.scss new file mode 100644 index 00000000..e69de29b diff --git a/assets/css/style.css.map b/assets/css/style.css.map index e28c0f80..3e9b98be 100644 --- a/assets/css/style.css.map +++ b/assets/css/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","style.scss","scss/_icons.scss","scss/_slider.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;;EAAA;ACEE;;;EACC,gBAAA;EACA,iBAAA;AFKH;AEKG;;;;;;;;;;;;;;;EAAU,YAAA;AFYb;AERG;;;EAAU,YAAA;AFab;AETG;;;EAAU,YAAA;AFcb;AEVG;;;EAAU,YAAA;AFeb;AEXG;;;EAAU,aAAA;AFgBb;AEZG;;;EAAU,YAAA;AFiBb;AEZG;;;;;EAAU,YAAA;AFmBb;AEfG;;;EAAU,YAAA;AFoBb;AEhBG;;;EAAU,YAAA;AFqBb;AEjBG;;;EAAU,YAAA;AFsBb;AElBG;;;EAAU,YAAA;AFuBb;AEnBG;;;EAAU,YAAA;AFwBb;AEpBG;;;EAAU,aAAA;AFyBb;AErBG;;;EAAU,aAAA;AF0Bb;AEtBG;;;EAAU,aAAA;AF2Bb;AEtBG;;;;;EAAU,aAAA;AF6Bb;AEzBG;;;EAAU,cAAA;AF8Bb;AE1BG;;;EAAU,cAAA;AF+Bb;AE3BG;;;EAAU,cAAA;AFgCb;AE5BG;;;EAAU,cAAA;AFiCb;AE7BG;;;EAAU,aAAA;AFkCb;AE9BG;;;EAAU,aAAA;AFmCb;;AE7BA;;;;;;;;;;EAAA;AAYA;;;EAGC;;IAAA;AFiCD;AE1BE;;;EACC,6BAAA;AF8BH;AE1BG;;;EAAU,iBAAA;AF+Bb;;AGpKA;EACC,WAAA;EACA,SAAA;AHuKD;;AGhKC;;EACC,uBAAA;EACA,kBAAA;EACA,mBAAA;EACA,iBAAA;EACA,WAAA;EACA,YAAA;EACA,sCAAA;EACA,UAAA;EACA,iBAAA;EACA,2BAAA;EACA,6BAAA;EACA,WAAA;EACA,UAAA;AHoKF;AGlKE;;EACC,cAAA;EACA,0BAAA;EACA,eAAA;EACA,cAAA;EACA,kBAAA;EACA,oBAAA;EACA,QAAA;EACA,2BAAA;EACA,4BAAA;EAEA,mCAAA;EACA,kCAAA;AHoKH;AGjKE;;EAAmB,mBAAA;AHqKrB;AGlKG;;EACC,gBAAA;EACA,YAAA;AHqKJ;AGhKG;;EACC,gBAAA;EACA,YAAA;AHmKJ;;AG5JC;EACC,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;EACA,uBAAA;EACA,gBAAA;EACA,gBAAA;EACA,UAAA;AH+JF;AG7JE;EACC,cAAA;EACA,YAAA;AH+JH;AG7JG;EACC,uBAAA;EACA,mBAAA;EACA,iBAAA;EACA,WAAA;EACA,YAAA;EACA,iCAAA;EACA,WAAA;AH+JJ;AGzJE;EAAe,WAAA;AH4JjB;AG3JE;EAAe,YAAA;AH8JjB;;AGzJC;EAAoB,gBAAA;AH6JrB;;AGzJC;EACC,aAAA;AH4JF;AG1JE;EAAU,UAAA;AH6JZ;;AGzJA;EAAgC,qBAAA;AH6JhC;;AGxJE;;EACC,iBAAA;AH4JH;;AC9PC;;EACC,aAAA;ADkQF","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","style.scss","scss/_icons.scss","scss/_slider.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;;EAAA;ACEE;;;EACC,gBAAA;EACA,iBAAA;AFKH;AEKG;;;;;;;;;;;;;;;EAAU,YAAA;AFYb;AERG;;;EAAU,YAAA;AFab;AETG;;;EAAU,YAAA;AFcb;AEVG;;;EAAU,YAAA;AFeb;AEXG;;;EAAU,aAAA;AFgBb;AEZG;;;EAAU,YAAA;AFiBb;AEZG;;;;;EAAU,YAAA;AFmBb;AEfG;;;EAAU,YAAA;AFoBb;AEhBG;;;EAAU,YAAA;AFqBb;AEjBG;;;EAAU,YAAA;AFsBb;AElBG;;;EAAU,YAAA;AFuBb;AEnBG;;;EAAU,YAAA;AFwBb;AEpBG;;;EAAU,aAAA;AFyBb;AErBG;;;EAAU,aAAA;AF0Bb;AEtBG;;;EAAU,aAAA;AF2Bb;AEtBG;;;;;EAAU,aAAA;AF6Bb;AEzBG;;;EAAU,cAAA;AF8Bb;AE1BG;;;EAAU,cAAA;AF+Bb;AE3BG;;;EAAU,cAAA;AFgCb;AE5BG;;;EAAU,cAAA;AFiCb;AE7BG;;;EAAU,aAAA;AFkCb;AE9BG;;;EAAU,aAAA;AFmCb;;AE7BA;;;;;;;;;;EAAA;AAmBE;;;EACC,6BAAA;AF0BH;AEtBG;;;EAAU,iBAAA;AF2Bb;;AG7JA;EACC,WAAA;EACA,SAAA;AHgKD;;AGzJC;;EACC,uBAAA;EACA,kBAAA;EACA,mBAAA;EACA,iBAAA;EACA,WAAA;EACA,YAAA;EACA,sCAAA;EACA,UAAA;EACA,iBAAA;EACA,2BAAA;EACA,6BAAA;EACA,WAAA;EACA,UAAA;AH6JF;AG3JE;;EACC,cAAA;EACA,0BAAA;EACA,eAAA;EACA,cAAA;EACA,kBAAA;EACA,oBAAA;EACA,QAAA;EACA,2BAAA;EACA,4BAAA;EAEA,mCAAA;EACA,kCAAA;AH6JH;AG1JE;;EAAmB,mBAAA;AH8JrB;AG3JG;;EACC,gBAAA;EACA,YAAA;AH8JJ;AGzJG;;EACC,gBAAA;EACA,YAAA;AH4JJ;;AGrJC;EACC,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;EACA,uBAAA;EACA,gBAAA;EACA,gBAAA;EACA,UAAA;AHwJF;AGtJE;EACC,cAAA;EACA,YAAA;AHwJH;AGtJG;EACC,uBAAA;EACA,mBAAA;EACA,iBAAA;EACA,WAAA;EACA,YAAA;EACA,iCAAA;EACA,WAAA;AHwJJ;AGlJE;EAAe,WAAA;AHqJjB;AGpJE;EAAe,YAAA;AHuJjB;;AGlJC;EAAoB,gBAAA;AHsJrB;;AGlJC;EACC,aAAA;AHqJF;AGnJE;EAAU,UAAA;AHsJZ;;AGlJA;EAAgC,qBAAA;AHsJhC;;AGjJE;;EACC,iBAAA;AHqJH;;ACvPC;;EACC,aAAA;AD2PF","file":"style.css"} \ No newline at end of file diff --git a/assets/css/style.scss b/assets/css/style.scss index 047822cb..78f72409 100644 --- a/assets/css/style.scss +++ b/assets/css/style.scss @@ -4,7 +4,7 @@ @import 'scss/icons'; @import 'scss/slider'; - +@import 'scss/additional'; .lsx-itinerary-wrapper, .lsx-units-wrapper { @@ -12,4 +12,3 @@ display: none; } } - \ No newline at end of file diff --git a/assets/js/src/custom.js b/assets/js/src/custom.js index 6545dc53..2ce8c27d 100755 --- a/assets/js/src/custom.js +++ b/assets/js/src/custom.js @@ -208,7 +208,7 @@ if ( window.location.hash ) { draggable: false, infinite: true, swipe: false, - dots: true, + dots: false, slidesToShow: 3, slidesToScroll: 1, autoplay: false, @@ -217,23 +217,25 @@ if ( window.location.hash ) { //appendDots: $this.parent(), responsive: [ { - breakpoint: 1279, + breakpoint: 1028, settings: { slidesToShow: 2, slidesToScroll: 1, - draggable: false, - arrows: true, - swipe: false, + draggable: true, + arrows: false, + swipe: true, + dots: true, } }, { - breakpoint: lsx_to_params.slickSlider.mobile.breakpoint, + breakpoint: 782, settings: { slidesToShow: 1, slidesToScroll: 1, draggable: true, arrows: false, swipe: true, + dots: true, } } ] From ccabb3ad4d5b9d5adbdf7bdc0ff7d9d2f1d1ade0 Mon Sep 17 00:00:00 2001 From: Justinabes007 <103206213+Justinabes007@users.noreply.github.com> Date: Thu, 12 Dec 2024 13:21:21 +0200 Subject: [PATCH 3/4] Updates to SCSS file --- assets/css/scss/_additional.scss | 94 +++++++++ assets/css/scss/_slider.scss | 318 +++++++++++++++++++++---------- 2 files changed, 313 insertions(+), 99 deletions(-) diff --git a/assets/css/scss/_additional.scss b/assets/css/scss/_additional.scss index e69de29b..b5dac513 100644 --- a/assets/css/scss/_additional.scss +++ b/assets/css/scss/_additional.scss @@ -0,0 +1,94 @@ +/* Additional information specific styles */ + +/* Fast Facts Wrapper */ +.fast-facts-wrapper > .wp-block-group .wp-block-group:first-child { + display: flex; + align-items: flex-start; /* Align content in this group to the top */ + gap: 5px; /* Space between icon and text */ + flex-shrink: 0; /* Prevent group from shrinking */ + } + + /* Style the image icon */ + .fast-facts-wrapper > .wp-block-group .wp-block-image img { + width: 20px; /* Fixed width */ + height: 20px; /* Fixed height */ + display: inline-block; + object-fit: contain; /* Ensure image doesn't stretch or distort */ + } + + /* Styling for the label (e.g., "Special Interests:") */ + .fast-facts-wrapper > .wp-block-group .wp-block-group:first-child p { + margin: 0; + white-space: nowrap; /* Prevent wrapping for label */ + vertical-align: middle; /* Align text with the middle of the icon */ + line-height: 1.2; /* Improve readability */ + display: inline-block; /* Keep text inline */ + } + + /* Styling for the flowing text */ + .fast-facts-wrapper > .wp-block-group .wp-block-group:last-child { + display: flex; + flex-wrap: nowrap; /* Keep the text flowing inline */ + white-space: normal; /* Allow wrapping for text if it overflows */ + overflow-wrap: break-word; /* Ensure long words wrap correctly */ + word-break: break-word; /* Break long words when needed */ + flex: 1; /* Allow the container to use available space */ + align-items: flex-start; /* Ensure text starts at the top */ + } + + /* Specific styling for the text content */ + .fast-facts-wrapper > .wp-block-group .wp-block-group:last-child p { + white-space: normal; /* Allow wrapping for long text */ + overflow-wrap: break-word; /* Break words when needed */ + word-break: break-word; /* Break words on legacy browsers */ + line-height: 1.4; /* Improve readability */ + text-transform: capitalize; /* Capitalize text */ + padding: 0; /* Ensure no unnecessary padding */ + margin: 0; /* Remove extra margins */ + display: inline; /* Ensure the text flows inline with the label */ + } + + /* Facilities List */ + .facilities-list li::marker { + display: none; + } + + .facilities-list { + padding-left: 0 !important; + } + + .facilities-list li { + margin-left: 10px; + list-style: none; /* Remove default list marker */ + position: relative; /* Position for pseudo-element */ + } + + .facilities-list li::before { + content: ''; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); /* Center the icon vertically */ + width: 20px; /* Adjust the size of the tick icon */ + height: 20px; + background-image: url('../../img/tick.svg'); /* Replace with the path to your tick.svg */ + background-size: contain; + background-repeat: no-repeat; + left: -28px; + } + + /* Additional Info */ + .additional-info .wp-block-group.content .read-more-btn, + .additional-info .wp-block-group.content .read-less-btn { + color: #0073aa; + cursor: pointer; + font-weight: bold; + } + + .additional-info .wp-block-group.content .read-more-btn:hover { + text-decoration: underline; + } + + .additional-info .wp-block-group.content .read-less-btn { + display: none; + } \ No newline at end of file diff --git a/assets/css/scss/_slider.scss b/assets/css/scss/_slider.scss index c8f98a3c..d87455a5 100644 --- a/assets/css/scss/_slider.scss +++ b/assets/css/scss/_slider.scss @@ -1,112 +1,232 @@ -.slick-lightbox-close { - right: 32px; - top: 32px; -} - - +/* Slider specific code */ +/* Slick Slider Arrows and Lightbox styles */ .lsx-to-slider, .slick-lightbox-inner { - .slick-arrow { - background: transparent; - border-radius: 50%; - border-style: solid; - border-width: 2px; - font: 0/0 a; - height: 4rem; - margin-top: calc((2.25rem - 17px) / 2); - padding: 0; - text-shadow: none; - transform: translateY(-50%); - transition: border 300ms ease; - width: 4rem; - z-index: 3; - - &:before { - display: block; - font-family: 'FontAwesome'; - font-size: 3rem; - line-height: 1; - position: absolute; - text-rendering: auto; - top: 47%; - transform: translateY(-50%); - transition: color 300ms ease; - - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - - &.slick-disabled { cursor: not-allowed; } - - &.slick-prev { - &:before { - content: '\f104'; - left: 1.1rem; - } - } - - &.slick-next { - &:before { - content: '\f105'; - left: 1.5rem; - } - } - } -} - -.lsx-to-slider { - .slick-dots:not(.dropdown-menu) { - align-items: center; - display: flex; - flex-flow: row wrap; - height: auto; - justify-content: center; - list-style: none; - margin: 2rem 0 0; - padding: 0; - - & > li { - line-height: 1; - padding: 5px; - - & > button { - background: transparent; - border-style: solid; - border-width: 1px; - font: 0/0 a; - height: 12px; - transition: all 300ms ease-in-out; - width: 4rem; - } - } - } - - .slick-arrow { - &.slick-prev { left: -4rem; } - &.slick-next { right: -4rem; } - } -} - -.lsx-to-slider { - &.slider-disabled { overflow: hidden; } + .slick-arrow { + background: transparent; + border-radius: 50%; + position: absolute; + top: 50%; + border-style: solid; + border-color: #fff; + border-width: 2px; + font: 0/0 a; + height: 4rem; + margin-top: calc((2.25rem - 17px) / 2); + padding: 0; + text-shadow: none; + transform: translateY(-50%); + transition: border 300ms ease; + width: 4rem; + z-index: 3; + color: white; + + &:before { + display: block; + font-family: "slick"; + color: white; + font-size: 3rem; + line-height: 1; + position: absolute; + text-rendering: auto; + top: 47%; + transform: translateY(-50%); + transition: color 300ms ease; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + + &.slick-disabled { + cursor: not-allowed; + } + + &.slick-prev { + &:before { + content: ''; /* Remove font icon */ + background: url('../../img/left-arrow-new.svg') no-repeat center center; + width: 40px; + height: 40px; + display: inline-block; + left: 10px; + } + } + + &.slick-next { + &:before { + content: ''; /* Remove font icon */ + background: url('../../img/right-arrow.svg') no-repeat center center; + width: 40px; + height: 40px; + display: inline-block; + left: 12px; + } + } + } + + .slick-dots:not(.dropdown-menu) { + align-items: center; + display: flex; + flex-flow: row wrap; + height: auto; + justify-content: center; + list-style: none; + margin: 2rem 0 0; + padding: 0; + + & > li { + line-height: 1; + padding: 5px; + + & > button { + background: transparent; + border-style: solid; + border-width: 1px; + font: 0/0 a; + height: 12px; + transition: all 300ms ease-in-out; + width: 4rem; + } + } + } + + .slick-arrow { + &.slick-prev { left: -4rem; } + &.slick-next { right: -4rem; } + } + + &.slider-disabled { + overflow: hidden; + } } +/* Lightbox Arrow */ .slick-lightbox-inner { - .slick-arrow { - opacity: .75; + .slick-arrow { + opacity: 0.75; - &:hover { opacity: 1; } - } + &:hover { opacity: 1; } + } } -.slick-lightbox-slick-caption { display: inline-block; } +.slick-lightbox-slick-caption { + display: inline-block; +} .lsx-to-slider, .lsx-post-carousel-items { - .slick-slide { - .lazy-hidden { - max-height: 154px; - } - } + .slick-slide { + .lazy-hidden { + max-height: 154px; + } + } +} + +/* Additional Slider Styles */ +.slick-lightbox-close { + right: 32px; + top: 32px; +} + +/* Slick Slider Arrows and Lightbox styles */ +.wp-block-query.lsx-to-slider{ + .slick-arrow { + background: transparent; + border-radius: 50%; + position: absolute; + top: 50%; + border-style: solid; + border-color: #fff; + border-width: 2px; + font: 0/0 a; + height: 4rem; + margin-top: calc((2.25rem - 17px) / 2); + padding: 0; + text-shadow: none; + transform: translateY(-50%); + transition: border 300ms ease; + width: 4rem; + z-index: 3; + color: white; + + &:before { + display: block; + font-family: "slick"; + color: white; + font-size: 3rem; + line-height: 1; + position: absolute; + text-rendering: auto; + top: 47%; + transform: translateY(-50%); + transition: color 300ms ease; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + + &.slick-disabled { + cursor: not-allowed; + } + + &.slick-prev { + &:before { + content: ''; /* Remove font icon */ + background: url('../../img/left-arrow-new.svg') no-repeat center center; + width: 40px; + height: 40px; + display: inline-block; + left: 10px; + } + } + + &.slick-next { + &:before { + content: ''; /* Remove font icon */ + background: url('../../img/right-arrow.svg') no-repeat center center; + width: 40px; + height: 40px; + display: inline-block; + left: 12px; + } + } + } + + .slick-dots:not(.dropdown-menu) { + align-items: center; + display: flex; + flex-flow: row wrap; + height: auto; + justify-content: center; + list-style: none; + margin: 2rem 0 0; + padding: 0; + + & > li { + line-height: 1; + padding: 5px; + + & > button { + background: transparent; + border-style: solid; + border-width: 1px; + font: 0/0 a; + height: 12px; + transition: all 300ms ease-in-out; + width: 4rem; + } + } + } + + .slick-arrow { + &.slick-prev { + left: -4rem; + } + &.slick-next { + right: -4rem; + } + } + + &.slider-disabled { + overflow: hidden; + } } \ No newline at end of file From 14d62aaa7c181aec8bc312f2459317c47f0a65f9 Mon Sep 17 00:00:00 2001 From: Warwick Date: Thu, 12 Dec 2024 14:47:51 +0200 Subject: [PATCH 4/4] Updating the SASS files --- assets/css/scss/_slider.scss | 344 ++++++++++++++++------------------- assets/css/style.css | 321 ++++++++++++++++---------------- assets/css/style.css.map | 2 +- assets/css/style.scss | 2 +- 4 files changed, 311 insertions(+), 358 deletions(-) diff --git a/assets/css/scss/_slider.scss b/assets/css/scss/_slider.scss index d87455a5..17acd340 100644 --- a/assets/css/scss/_slider.scss +++ b/assets/css/scss/_slider.scss @@ -1,42 +1,96 @@ -/* Slider specific code */ +.wp-block-query { + &.lsx-to-slider { + gap: var(--wp--preset--spacing--small) var(--wp--preset--spacing--small); + position: relative; + + .slick-arrow { + cursor: pointer; + border-color: #000 !important; + height: 30px; + width: 30px; + + &:before { + border-color: #000 !important; + height: 30px; + width: 30px; + } + + &.slick-prev:before { + background: url('../img/left-arrow-dark.svg') no-repeat center center; + width: 20px; + left: 3px; + height: 20px; + } + + &.slick-next:before { + background: url('../img/right-arrow-dark.svg') no-repeat center center; + width: 20px; + left: 3px; + height: 20px; + } + } + + .slick-slide { + padding: 15px !important; + } + } +} + +.slick-lightbox-close { + right: 52px; + top: 35px; + + &:before { + font-size: 40px; + } +} -/* Slick Slider Arrows and Lightbox styles */ .lsx-to-slider, .slick-lightbox-inner { .slick-arrow { - background: transparent; - border-radius: 50%; - position: absolute; - top: 50%; - border-style: solid; - border-color: #fff; - border-width: 2px; - font: 0/0 a; - height: 4rem; - margin-top: calc((2.25rem - 17px) / 2); - padding: 0; - text-shadow: none; - transform: translateY(-50%); - transition: border 300ms ease; - width: 4rem; - z-index: 3; - color: white; - - &:before { - display: block; - font-family: "slick"; - color: white; - font-size: 3rem; - line-height: 1; - position: absolute; - text-rendering: auto; - top: 47%; - transform: translateY(-50%); - transition: color 300ms ease; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } + background: transparent; + border-radius: 50%; + position: absolute; + top: 50%; + border-style: solid; + border-color: #fff; + border-width: 2px; + font: 0/0 a; + height: 4rem; + margin-top: calc((2.25rem - 17px) / 2); + padding: 0; + text-shadow: none; + transform: translateY(-50%); + transition: border 300ms ease; + width: 4rem; + z-index: 3; + color: white; + + &:before { + display: block; + font-family: "slick"; + color: white; + font-size: 3rem; + line-height: 1; + position: absolute; + text-rendering: auto; + top: 47%; + transform: translateY(-50%); + transition: color 300ms ease; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + } +} +.slick-prev svg, +.slick-next svg { + color: white; +} + +.lsx-to-slider, +.slick-lightbox-inner { + .slick-arrow { &.slick-disabled { cursor: not-allowed; } @@ -44,7 +98,6 @@ &.slick-prev { &:before { content: ''; /* Remove font icon */ - background: url('../../img/left-arrow-new.svg') no-repeat center center; width: 40px; height: 40px; display: inline-block; @@ -55,7 +108,6 @@ &.slick-next { &:before { content: ''; /* Remove font icon */ - background: url('../../img/right-arrow.svg') no-repeat center center; width: 40px; height: 40px; display: inline-block; @@ -63,170 +115,82 @@ } } } +} - .slick-dots:not(.dropdown-menu) { - align-items: center; - display: flex; - flex-flow: row wrap; - height: auto; - justify-content: center; - list-style: none; - margin: 2rem 0 0; - padding: 0; - - & > li { - line-height: 1; - padding: 5px; - - & > button { - background: transparent; - border-style: solid; - border-width: 1px; - font: 0/0 a; - height: 12px; - transition: all 300ms ease-in-out; - width: 4rem; - } - } - } - - .slick-arrow { - &.slick-prev { left: -4rem; } - &.slick-next { right: -4rem; } - } - - &.slider-disabled { - overflow: hidden; - } +.lsx-to-slider { + .slick-dots:not(.dropdown-menu) { + align-items: center; + display: flex; + flex-flow: row wrap; + height: auto; + justify-content: center; + list-style: none; + margin: 2rem 0 0; + padding: 0; + + > li { + line-height: 1; + padding: 5px; + + > button { + background: transparent; + border-style: solid; + border-width: 1px; + font: 0/0 a; + height: 12px; + transition: all 300ms ease-in-out; + width: 4rem; + } + } + } + + .slick-arrow { + &.slick-prev { + left: -4rem; + } + + &.slick-next { + right: -4rem; + } + } + + &.slider-disabled { + overflow: hidden; + } + + .slick-slide { + .lazy-hidden { + max-height: 154px; + } + } } -/* Lightbox Arrow */ .slick-lightbox-inner { - .slick-arrow { - opacity: 0.75; - - &:hover { opacity: 1; } - } + .slick-arrow { + opacity: 0.75; + + &:hover { + opacity: 1; + } + } } .slick-lightbox-slick-caption { - display: inline-block; + display: inline-block; } -.lsx-to-slider, .lsx-post-carousel-items { - .slick-slide { - .lazy-hidden { - max-height: 154px; - } - } + .slick-slide { + .lazy-hidden { + max-height: 154px; + } + } } -/* Additional Slider Styles */ -.slick-lightbox-close { - right: 32px; - top: 32px; +.lsx-itinerary-wrapper, +.lsx-units-wrapper { + .hidden { + display: none; + } } - -/* Slick Slider Arrows and Lightbox styles */ -.wp-block-query.lsx-to-slider{ - .slick-arrow { - background: transparent; - border-radius: 50%; - position: absolute; - top: 50%; - border-style: solid; - border-color: #fff; - border-width: 2px; - font: 0/0 a; - height: 4rem; - margin-top: calc((2.25rem - 17px) / 2); - padding: 0; - text-shadow: none; - transform: translateY(-50%); - transition: border 300ms ease; - width: 4rem; - z-index: 3; - color: white; - - &:before { - display: block; - font-family: "slick"; - color: white; - font-size: 3rem; - line-height: 1; - position: absolute; - text-rendering: auto; - top: 47%; - transform: translateY(-50%); - transition: color 300ms ease; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - - &.slick-disabled { - cursor: not-allowed; - } - - &.slick-prev { - &:before { - content: ''; /* Remove font icon */ - background: url('../../img/left-arrow-new.svg') no-repeat center center; - width: 40px; - height: 40px; - display: inline-block; - left: 10px; - } - } - - &.slick-next { - &:before { - content: ''; /* Remove font icon */ - background: url('../../img/right-arrow.svg') no-repeat center center; - width: 40px; - height: 40px; - display: inline-block; - left: 12px; - } - } - } - - .slick-dots:not(.dropdown-menu) { - align-items: center; - display: flex; - flex-flow: row wrap; - height: auto; - justify-content: center; - list-style: none; - margin: 2rem 0 0; - padding: 0; - - & > li { - line-height: 1; - padding: 5px; - - & > button { - background: transparent; - border-style: solid; - border-width: 1px; - font: 0/0 a; - height: 12px; - transition: all 300ms ease-in-out; - width: 4rem; - } - } - } - - .slick-arrow { - &.slick-prev { - left: -4rem; - } - &.slick-next { - right: -4rem; - } - } - - &.slider-disabled { - overflow: hidden; - } -} \ No newline at end of file + \ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css index 1895e53a..d8d306af 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -157,18 +157,146 @@ margin-right: 0px; } +/* Additional information specific styles */ +/* Fast Facts Wrapper */ +.fast-facts-wrapper > .wp-block-group .wp-block-group:first-child { + display: flex; + align-items: flex-start; /* Align content in this group to the top */ + gap: 5px; /* Space between icon and text */ + flex-shrink: 0; /* Prevent group from shrinking */ +} + +/* Style the image icon */ +.fast-facts-wrapper > .wp-block-group .wp-block-image img { + width: 20px; /* Fixed width */ + height: 20px; /* Fixed height */ + display: inline-block; + -o-object-fit: contain; + object-fit: contain; /* Ensure image doesn't stretch or distort */ +} + +/* Styling for the label (e.g., "Special Interests:") */ +.fast-facts-wrapper > .wp-block-group .wp-block-group:first-child p { + margin: 0; + white-space: nowrap; /* Prevent wrapping for label */ + vertical-align: middle; /* Align text with the middle of the icon */ + line-height: 1.2; /* Improve readability */ + display: inline-block; /* Keep text inline */ +} + +/* Styling for the flowing text */ +.fast-facts-wrapper > .wp-block-group .wp-block-group:last-child { + display: flex; + flex-wrap: nowrap; /* Keep the text flowing inline */ + white-space: normal; /* Allow wrapping for text if it overflows */ + overflow-wrap: break-word; /* Ensure long words wrap correctly */ + word-break: break-word; /* Break long words when needed */ + flex: 1; /* Allow the container to use available space */ + align-items: flex-start; /* Ensure text starts at the top */ +} + +/* Specific styling for the text content */ +.fast-facts-wrapper > .wp-block-group .wp-block-group:last-child p { + white-space: normal; /* Allow wrapping for long text */ + overflow-wrap: break-word; /* Break words when needed */ + word-break: break-word; /* Break words on legacy browsers */ + line-height: 1.4; /* Improve readability */ + text-transform: capitalize; /* Capitalize text */ + padding: 0; /* Ensure no unnecessary padding */ + margin: 0; /* Remove extra margins */ + display: inline; /* Ensure the text flows inline with the label */ +} + +/* Facilities List */ +.facilities-list li::marker { + display: none; +} + +.facilities-list { + padding-left: 0 !important; +} + +.facilities-list li { + margin-left: 10px; + list-style: none; /* Remove default list marker */ + position: relative; /* Position for pseudo-element */ +} + +.facilities-list li::before { + content: ""; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); /* Center the icon vertically */ + width: 20px; /* Adjust the size of the tick icon */ + height: 20px; + background-image: url("../../img/tick.svg"); /* Replace with the path to your tick.svg */ + background-size: contain; + background-repeat: no-repeat; + left: -28px; +} + +/* Additional Info */ +.additional-info .wp-block-group.content .read-more-btn, +.additional-info .wp-block-group.content .read-less-btn { + color: #0073aa; + cursor: pointer; + font-weight: bold; +} + +.additional-info .wp-block-group.content .read-more-btn:hover { + text-decoration: underline; +} + +.additional-info .wp-block-group.content .read-less-btn { + display: none; +} + +.wp-block-query.lsx-to-slider { + gap: var(--wp--preset--spacing--small) var(--wp--preset--spacing--small); + position: relative; +} +.wp-block-query.lsx-to-slider .slick-arrow { + cursor: pointer; + border-color: #000 !important; + height: 30px; + width: 30px; +} +.wp-block-query.lsx-to-slider .slick-arrow:before { + border-color: #000 !important; + height: 30px; + width: 30px; +} +.wp-block-query.lsx-to-slider .slick-arrow.slick-prev:before { + background: url("../img/left-arrow-dark.svg") no-repeat center center; + width: 20px; + left: 3px; + height: 20px; +} +.wp-block-query.lsx-to-slider .slick-arrow.slick-next:before { + background: url("../img/right-arrow-dark.svg") no-repeat center center; + width: 20px; + left: 3px; + height: 20px; +} +.wp-block-query.lsx-to-slider .slick-slide { + padding: 15px !important; +} + .slick-lightbox-close { right: 52px; top: 35px; } -.slick-lightbox-close:before{font-size:40px;} +.slick-lightbox-close:before { + font-size: 40px; +} .lsx-to-slider .slick-arrow, .slick-lightbox-inner .slick-arrow { background: transparent; border-radius: 50%; - position:absolute; - top:50%; + position: absolute; + top: 50%; border-style: solid; border-color: #fff; border-width: 2px; @@ -183,8 +311,6 @@ z-index: 3; color: white; } -.slick-prev svg, .slick-next svg{color: white;} - .lsx-to-slider .slick-arrow:before, .slick-lightbox-inner .slick-arrow:before { display: block; @@ -200,48 +326,32 @@ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } + +.slick-prev svg, +.slick-next svg { + color: white; +} + .lsx-to-slider .slick-arrow.slick-disabled, .slick-lightbox-inner .slick-arrow.slick-disabled { cursor: not-allowed; } .lsx-to-slider .slick-arrow.slick-prev:before, .slick-lightbox-inner .slick-arrow.slick-prev:before { - content: ''; /* Remove font icon */ - background: url('../img/left-arrow-new.svg') no-repeat center center; - width: 40px; - height: 40px; - display: inline-block; - left: 10px; + content: ""; /* Remove font icon */ + width: 40px; + height: 40px; + display: inline-block; + left: 10px; } .lsx-to-slider .slick-arrow.slick-next:before, .slick-lightbox-inner .slick-arrow.slick-next:before { - content: ''; /* Remove font icon */ - background: url('../img/right-arrow.svg') no-repeat center center; - width: 40px; - height: 40px; - display: inline-block; - left: 12px; -} -.wp-block-query.lsx-to-slider{position:relative;} -.wp-block-query.lsx-to-slider .slick-arrow:before, -.wp-block-query .slick-lightbox-inner .slick-arrow:before{ border-color: #000!important; -height:30px; width:30px;} - -.wp-block-query.lsx-to-slider .slick-arrow, -.slick-lightbox-inner .slick-arrow {cursor: pointer; - border-color: #000!important;height:30px; width:30px;} - -.wp-block-query.lsx-to-slider .slick-arrow.slick-prev:before, -.wp-block-query .slick-lightbox-inner .slick-arrow.slick-prev:before{background: url('../img/left-arrow-dark.svg') no-repeat center center; - width: 20px;left: 3px; - height: 20px;} - -.wp-block-query.lsx-to-slider .slick-arrow.slick-next:before, -.wp-block-query .slick-lightbox-inner .slick-arrow.slick-next:before{background: url('../img/right-arrow-dark.svg') no-repeat center center; - width: 20px;left: 3px; - height: 20px;} - - .wp-block-query.lsx-to-slider .slick-slide{padding:15px!important;} + content: ""; /* Remove font icon */ + width: 40px; + height: 40px; + display: inline-block; + left: 12px; +} .lsx-to-slider .slick-dots:not(.dropdown-menu) { align-items: center; @@ -272,10 +382,12 @@ height:30px; width:30px;} .lsx-to-slider .slick-arrow.slick-next { right: -4rem; } - .lsx-to-slider.slider-disabled { overflow: hidden; } +.lsx-to-slider .slick-slide .lazy-hidden { + max-height: 154px; +} .slick-lightbox-inner .slick-arrow { opacity: 0.75; @@ -288,7 +400,6 @@ height:30px; width:30px;} display: inline-block; } -.lsx-to-slider .slick-slide .lazy-hidden, .lsx-post-carousel-items .slick-slide .lazy-hidden { max-height: 154px; } @@ -297,131 +408,9 @@ height:30px; width:30px;} .lsx-units-wrapper .hidden { display: none; } -.wp-block-query.lsx-to-slider{gap: var(--wp--preset--spacing--small) var(--wp--preset--spacing--small);} - -/*# sourceMappingURL=style.css.map */ - -/* Inner group for icon and label */ -.fast-facts-wrapper > .wp-block-group .wp-block-group:first-child { - display: flex; - align-items: flex-start; /* Align content in this group to the top */ - gap: 5px; /* Space between icon and text */ - flex-shrink: 0; /* Prevent group from shrinking */ -} - -/* Style the image icon */ -.fast-facts-wrapper > .wp-block-group .wp-block-image img { - width: 20px; /* Fixed width */ - height: 20px; /* Fixed height */ - display: inline-block; - object-fit: contain; /* Ensure image doesn't stretch or distort */ -} -/* Styling for the label (e.g., "Special Interests:") */ -.fast-facts-wrapper > .wp-block-group .wp-block-group:first-child p { - margin: 0; - white-space: nowrap; /* Prevent wrapping for label */ - vertical-align: middle; /* Align text with the middle of the icon */ - line-height: 1.2; /* Improve readability */ - display: inline-block; /* Keep text inline */ -} - -/* Styling for the flowing text */ -.fast-facts-wrapper > .wp-block-group .wp-block-group:last-child { - display: flex; - flex-wrap: nowrap; /* Keep the text flowing inline */ - white-space: normal; /* Allow wrapping for text if it overflows */ - overflow-wrap: break-word; /* Ensure long words wrap correctly */ - word-break: break-word; /* Break long words when needed */ - flex: 1; /* Allow the container to use available space */ - align-items: flex-start; /* Ensure text starts at the top */ -} - -/* Specific styling for the text content */ -.fast-facts-wrapper > .wp-block-group .wp-block-group:last-child p { - white-space: normal; /* Allow wrapping for long text */ - overflow-wrap: break-word; /* Break words when needed */ - word-break: break-word; /* Break words on legacy browsers */ - line-height: 1.4; /* Improve readability */ - text-transform: capitalize; /* Capitalize text */ - padding: 0; /* Ensure no unnecessary padding */ - margin: 0; /* Remove extra margins */ - display: inline; /* Ensure the text flows inline with the label */ -} - -.facilities-list li::marker{display:none;} -.facilities-list{padding-left:0!important;} - -.facilities-list li { - margin-left: 10px; - list-style: none; /* Remove default list marker */ - position: relative; /* Position for pseudo-element */} - -.facilities-list li::before{ - content: ''; - position: absolute; - left: 0; - top: 50%; - transform: translateY(-50%); /* Center the icon vertically */ - width: 20px; /* Adjust the size of the tick icon */ - height: 20px; - background-image: url('../img/tick.svg'); /* Replace with the path to your tick.svg */ - background-size: contain; - background-repeat: no-repeat; - left:-28px -} - -.additional-info .wp-block-group.content .read-more-btn,.additional-info .wp-block-group.content .read-less-btn{ - color: #0073aa; - cursor: pointer; - font-weight: bold; -} - -.additional-info .wp-block-group.content .read-more-btn:hover { - text-decoration: underline; -} - -.additional-info .wp-block-group.content .read-less-btn{display:none;} - -@media (min-width: 800px) { -.single-tour-operator .toggle-button {display:none;} -} - -/* Optional: Responsive adjustments for smaller screens */ -@media (max-width: 768px) { - - /* Styling for the toggle button */ -.single-tour-operator .toggle-button { - display: inline-flex; - align-items: center; - padding: 5px; - background: none; - border: none; - cursor: pointer; - font-size: 14px; - color: var(--wp--preset--color--contrast); -} - -/* Styling for the SVG icons */ -.single-tour-operator .toggle-icon { - width: 16px; - height: 16px; - fill: var(--wp--preset--color--contrast); - margin-left: 5px; -} - -/* Collapsed state for the second wp-block-group */ -.single-tour-operator section.wp-block-group .wp-block-group.collapsed { - display: none; /* Hide the content */ +.lsx-itinerary-wrapper .hidden, +.lsx-units-wrapper .hidden { + display: none; } - - - .fast-facts-wrapper > .wp-block-group { - flex-wrap: wrap; /* Allow wrapping for better readability */ - gap: 5px; - } - - .fast-facts-wrapper > .wp-block-group .wp-block-group.is-layout-flex:last-child { - flex-wrap: wrap; /* Allow text to wrap on smaller screens */ - } -} \ No newline at end of file +/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/assets/css/style.css.map b/assets/css/style.css.map index 3e9b98be..4b9562ef 100644 --- a/assets/css/style.css.map +++ b/assets/css/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","style.scss","scss/_icons.scss","scss/_slider.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;;EAAA;ACEE;;;EACC,gBAAA;EACA,iBAAA;AFKH;AEKG;;;;;;;;;;;;;;;EAAU,YAAA;AFYb;AERG;;;EAAU,YAAA;AFab;AETG;;;EAAU,YAAA;AFcb;AEVG;;;EAAU,YAAA;AFeb;AEXG;;;EAAU,aAAA;AFgBb;AEZG;;;EAAU,YAAA;AFiBb;AEZG;;;;;EAAU,YAAA;AFmBb;AEfG;;;EAAU,YAAA;AFoBb;AEhBG;;;EAAU,YAAA;AFqBb;AEjBG;;;EAAU,YAAA;AFsBb;AElBG;;;EAAU,YAAA;AFuBb;AEnBG;;;EAAU,YAAA;AFwBb;AEpBG;;;EAAU,aAAA;AFyBb;AErBG;;;EAAU,aAAA;AF0Bb;AEtBG;;;EAAU,aAAA;AF2Bb;AEtBG;;;;;EAAU,aAAA;AF6Bb;AEzBG;;;EAAU,cAAA;AF8Bb;AE1BG;;;EAAU,cAAA;AF+Bb;AE3BG;;;EAAU,cAAA;AFgCb;AE5BG;;;EAAU,cAAA;AFiCb;AE7BG;;;EAAU,aAAA;AFkCb;AE9BG;;;EAAU,aAAA;AFmCb;;AE7BA;;;;;;;;;;EAAA;AAmBE;;;EACC,6BAAA;AF0BH;AEtBG;;;EAAU,iBAAA;AF2Bb;;AG7JA;EACC,WAAA;EACA,SAAA;AHgKD;;AGzJC;;EACC,uBAAA;EACA,kBAAA;EACA,mBAAA;EACA,iBAAA;EACA,WAAA;EACA,YAAA;EACA,sCAAA;EACA,UAAA;EACA,iBAAA;EACA,2BAAA;EACA,6BAAA;EACA,WAAA;EACA,UAAA;AH6JF;AG3JE;;EACC,cAAA;EACA,0BAAA;EACA,eAAA;EACA,cAAA;EACA,kBAAA;EACA,oBAAA;EACA,QAAA;EACA,2BAAA;EACA,4BAAA;EAEA,mCAAA;EACA,kCAAA;AH6JH;AG1JE;;EAAmB,mBAAA;AH8JrB;AG3JG;;EACC,gBAAA;EACA,YAAA;AH8JJ;AGzJG;;EACC,gBAAA;EACA,YAAA;AH4JJ;;AGrJC;EACC,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;EACA,uBAAA;EACA,gBAAA;EACA,gBAAA;EACA,UAAA;AHwJF;AGtJE;EACC,cAAA;EACA,YAAA;AHwJH;AGtJG;EACC,uBAAA;EACA,mBAAA;EACA,iBAAA;EACA,WAAA;EACA,YAAA;EACA,iCAAA;EACA,WAAA;AHwJJ;AGlJE;EAAe,WAAA;AHqJjB;AGpJE;EAAe,YAAA;AHuJjB;;AGlJC;EAAoB,gBAAA;AHsJrB;;AGlJC;EACC,aAAA;AHqJF;AGnJE;EAAU,UAAA;AHsJZ;;AGlJA;EAAgC,qBAAA;AHsJhC;;AGjJE;;EACC,iBAAA;AHqJH;;ACvPC;;EACC,aAAA;AD2PF","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","style.scss","scss/_icons.scss","scss/_additional.scss","scss/_slider.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/assets/css/style.scss b/assets/css/style.scss index 78f72409..e7f0bb64 100644 --- a/assets/css/style.scss +++ b/assets/css/style.scss @@ -3,8 +3,8 @@ */ @import 'scss/icons'; -@import 'scss/slider'; @import 'scss/additional'; +@import 'scss/slider'; .lsx-itinerary-wrapper, .lsx-units-wrapper {