From e20a283764ec75f6e51bbb87d9ca475626b10403 Mon Sep 17 00:00:00 2001 From: ray Date: Fri, 19 Jun 2020 11:54:12 +0100 Subject: [PATCH] delete rvavw files --- src/scss/_base.scss | 4 +- src/scss/_contact.scss | 72 ------- src/scss/_faq.scss | 58 ----- src/scss/_feature-narrow.scss | 212 ------------------ src/scss/_feature-sunset.scss | 119 ----------- src/scss/_featured.scss | 392 ---------------------------------- src/scss/_footer.scss | 99 --------- src/scss/_hero.scss | 224 ------------------- src/scss/_social-proof.scss | 70 ------ src/scss/_variables.scss | 11 +- src/scss/style.scss | 1 + 11 files changed, 8 insertions(+), 1254 deletions(-) delete mode 100644 src/scss/_contact.scss delete mode 100644 src/scss/_faq.scss delete mode 100644 src/scss/_feature-narrow.scss delete mode 100644 src/scss/_feature-sunset.scss delete mode 100644 src/scss/_featured.scss delete mode 100644 src/scss/_footer.scss delete mode 100644 src/scss/_hero.scss delete mode 100644 src/scss/_social-proof.scss diff --git a/src/scss/_base.scss b/src/scss/_base.scss index 527d18f..506b494 100644 --- a/src/scss/_base.scss +++ b/src/scss/_base.scss @@ -41,7 +41,7 @@ body { font-size: 100%; - line-height: 1.6; + line-height: $line-height; box-sizing: border-box; @@ -56,7 +56,7 @@ h3, h4, h5, h6 { - line-height: 1.3; + line-height: $line-height--heading; @include font-title(); } diff --git a/src/scss/_contact.scss b/src/scss/_contact.scss deleted file mode 100644 index 5df9f3a..0000000 --- a/src/scss/_contact.scss +++ /dev/null @@ -1,72 +0,0 @@ -body.rwavw-custom { - .contact-us-body { - - p.lead { - margin: 48px 0; - font-size: 18px; - line-height: 1.5; - letter-spacing: initial; - opacity: 0.7; - } - - div.wpcf7 { - max-width: 90ch; - margin-right: auto; - margin-left: auto; - } - - .wpcf7 { - padding: 64px 48px 92px; - color: #4a5568; - background-color: rgba(#fff, 1); - border-radius: 3px; - margin-top: 64px; - - p { - margin-bottom: 24px; - } - - label { - font-size: 14px; - font-weight: 600; - letter-spacing: initial; - cursor: pointer; - } - - input, - textarea { - border-radius: 3px; - border-color: #cbd5e0; - background-color: #f7fafc; - cursor: pointer; - - &:focus { - border-color: rgba(#000, 0.8); - } - } - - input.booking-date { - width: 21ch; - } - - input.days { - width: 21ch; - } - - .wpcf7-form-control-wrap { - margin-left: 0; - } - - .wpcf7-submit { - height: auto; - border: 3px solid currentColor; - border-radius: 3px; - color: inherit; - font-size: 16px; - font-weight: 600; - padding: 10px 24px; - letter-spacing: 1px; - } - } - } -} diff --git a/src/scss/_faq.scss b/src/scss/_faq.scss deleted file mode 100644 index bfa0fa4..0000000 --- a/src/scss/_faq.scss +++ /dev/null @@ -1,58 +0,0 @@ -body.rwavw-custom { - @media (min-width: 766.98px) and (min-height: 650px) { - .widget.rwavw-custom > #faq > .layout-boxed { - position: relative; - bottom: 18rem; - } - } - - .wrapper-content > .layers-pro-accordion.rwavw-custom { - margin-left: 0; - margin-right: 0; - - .accordion-row { - position: relative; - z-index: 150; - max-width: 90ch; - - padding: 32px 8px; - - border-radius: 3px; - background-color: #fff; - box-shadow: 2px 3px 4px 0 rgba(#000, 0.03); - } - - .accordion-button { - font-size: 16px; - font-weight: 600; - color: #4a5568; - opacity: 0.8; - - &:hover, - &:active { - opacity: 1; - } - } - - .accordion-content p { - font-size: 16px; - color: #4a5568; - } - - @media (min-width: 766.98px) and (min-height: 650px) { - .accordion-row { - margin-top: -30rem; - } - } - - @media (min-width: 766.98px) and (min-height: 850px) { - margin-left: 15px; - margin-right: 15px; - - .accordion-row { - padding: 64px 48px; - margin-top: -46rem; - } - } - } -} diff --git a/src/scss/_feature-narrow.scss b/src/scss/_feature-narrow.scss deleted file mode 100644 index 7ed619a..0000000 --- a/src/scss/_feature-narrow.scss +++ /dev/null @@ -1,212 +0,0 @@ -body.rwavw-custom { - .widget.rwavw-feature-narrow { - // bg color of row group accent - $bg-color: $accent-500; - - &.pull-up { - margin-top: -132px; - } - - .pure-g > div { - justify-content: flex-start; - } - - .row-group { - position: relative; - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: center; - - margin-bottom: 44px; - text-align: center; - - p { - margin-bottom: 0; - } - - &::before { - content: ''; - display: block; - position: absolute; - top: -11px; - bottom: -11px; - left: -16px; - right: -16px; - background-color: $bg-color; - - background: linear-gradient( - to top right, - rgba($bg-color, 1), - rgba($bg-color, 0.7) - ); - opacity: 0.5; - } - } - - .row-group + p { - opacity: 0.7; - } - - @media (min-width: 64em) { - &.pull-up { - margin-top: -22px; - } - .row-group::before { - top: -11px; - bottom: -11px; - left: calc((100vw - 1000px) / -2); - right: -22px; - background: linear-gradient( - to right, - rgba($bg-color, 0.8), - rgba($bg-color, 1) - ); - opacity: 0.4; - } - - .pure-g > div:last-child .row-group::before { - left: -22px; - right: calc((100vw - 1000px) / -2); - background: linear-gradient( - to left, - rgba($bg-color, 0.8), - rgba($bg-color, 1) - ); - } - } - - p, .heading-section-title { - margin-bottom: 44px; - } - - .heading-section-title + p { - margin-top: -22px; - } - - p { - font-weight: 600; - font-size: 18px; - line-height: 27px; - margin-top: 0; - opacity: 0.6; - - &:not(:last-child) { - padding-right: 18px; - } - - a { - z-index: 1; - position: relative; - display: inline-block; - font-size: 18px; - font-weight: 700; - margin-left: -22px; - padding: 0 22px; - line-height: 42px; - height: 44px; - - &::before { - content: ''; - z-index: -1; - display: block; - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - - background-color: $accent-500; - background-color: linear-gradient( - to top right, - rgba($accent-500, 1), - rgba($accent-500, 0.8) - ); - box-shadow: 4px 4px 6px rgba(47, 28, 4, 0.25), 2px 2px 4px rgba(#fff, 0.25) inset; - - transition: opacity 0.3s, transform 0.3s; - opacity: 1; - } - - - transition: color .3s; - - &:link, - &:visited { - color: $neutral-900; - } - - &:hover, - &:active { - color: #000; - - &::before { - transform: scale(0.975); - opacity: 0.6; - } - } - - svg { - position: relative; - height: 28px; - top: 8px; - margin-left: 4px; - color: inherit; - } - } - - &.text-right a { - margin-right: -22px; - } - } - - .swiper-container { - border-radius: $border-radius; - box-shadow: 4px 4px 6px 0 rgba(0, 10, 56, 0.2); - } - - .swiper-wrapper { - position: relative; - border-radius: $border-radius; - overflow: hidden; - - &::after { - content: ''; - display: block; - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - pointer-events: none; - - background-color: rgba(0, 10, 56, 0.3); - box-shadow: 0 0 66px 0 rgba(0, 10, 56, 0.6) inset; - - opacity: 0.6; - } - } - - @media (max-width: 64em) { - p { - text-align: center !important; - - a { - margin-left: 0; - margin-right: 0; - } - } - - .swiper-wrapper { - display: none; - } - } - - @media (min-width: 64em) { - p, .heading-section-title { - margin-bottom: 44px; - } - } - } -} - diff --git a/src/scss/_feature-sunset.scss b/src/scss/_feature-sunset.scss deleted file mode 100644 index fa3c1fb..0000000 --- a/src/scss/_feature-sunset.scss +++ /dev/null @@ -1,119 +0,0 @@ -body.rwavw-custom { - .widget.rwavw-feature-sunset { - .pure-g { - > div:first-child { - z-index: 10; - padding: 20px 80px; - } - - > div:last-child { - z-index: 5; - max-width: 40em; - } - } - - .heading-section-title { - position: relative; - margin-bottom: 44px; - } - - .gallery-link { - display: flex; - align-items: center; - justify-content: center; - } - - img { - box-shadow: $box-shadow-sk; - border-radius: $border-radius; - } - - @media (max-width: 630px) { - .pure-g { - > div { - &:first-child { - padding: 11px 35px; - } - } - } - - .heading-section-title { - font-size: 28px; - margin-bottom: 22px; - } - - p { - font-size: 18px; - } - } - - @media (max-width: 63.98em) { - .pure-g { - > div { - position: relative; - &:first-child { - position: absolute; - width: 100%; - max-width: 40em; - margin-left: auto; - margin-right: auto; - height: 100%; - top: 0; - left: 50%; - transform: translateX(-50%); - - display: flex; - flex-direction: column; - justify-content: flex-end; - align-items: flex-start; - } - } - } - - .heading-section-title, p { - color: #fff; - } - } - - @media (min-width: 64em) { - .heading-section-title, p { - text-align: right !important; - } - - .heading-section-title { - - &::before { - $color: rgb(3, 41, 109); - z-index: -1; - content: ''; - display: block; - position: absolute; - width: 230%; - height: 275%; - top: 35px; - left: -22px; - - border-radius: $border-radius; - - background-image: linear-gradient( - 140deg, - rgba($color, 0.05), - rgba($color, 0.1) - ); - } - } - - .pure-g { - > div:first-child { - z-index: 5; - } - - > div:last-child { - z-index: 10; - max-width: 40em; - } - } - } - } -} - diff --git a/src/scss/_featured.scss b/src/scss/_featured.scss deleted file mode 100644 index 57a64dd..0000000 --- a/src/scss/_featured.scss +++ /dev/null @@ -1,392 +0,0 @@ -body.rwavw-custom { - - .widget[class^='rwavw-feature'], - .widget[class*=' rwavw-feature'] { - - img.bg { - // TODO where is that iomage comiong from? - display: none !important; - } - - .heading-section-title { - color: #000a38; - } - - h4, h5, h6 { - font-weight: 600; - font-size: 22px; - line-height: 33px; - letter-spacing: 1px; - margin-top: 0; - margin-bottom: 22px; - } - - .col-details { - font-size: 22px; - font-weight: 600; - opacity: 0.5; - line-height: 1.4; - } - - p { - font-size:19px; - margin-bottom: 22px; - letter-spacing: normal; - color: #020121; - - svg { - height: 44px; - width: auto; - // color: $accent-500; - } - } - - .pure-g > div { - display: flex; - flex-direction: column; - justify-content: center; - align-items: stretch; - margin-left: auto; - margin-right: auto; - } - - @media (min-width: 67.98em) { - .pure-g > div { - &:first-child { - padding-right: 44px; - } - - &:last-child { - padding-left: 44px; - } - } - - } - } - - .widget.rwavw-feature-details { - .pure-g > div { - justify-content: flex-start; - } - - .heading-col-title { - color: $accent-500; - } - - p { - font-size:16px; - font-weight: 600; - opacity: 0.8; - - &:last-child { - opacity: 0.7; - } - } - } - - .widget.rwavw-feature-limits { - .heading-section-title { - margin-top: 44px; - - @media (min-width: 64em) { - margin-top: 0; - text-align: left !important; - } - } - - .col-details { - text-transform: none; - } - - img { - box-shadow: $box-shadow-sk; - } - } - - .widget.rwavw-feature-main { - - margin-top: 0; - margin-left: auto; - margin-right: auto; - max-width: 1800px; - - .gallery-item { - flex: 100% 0 0; - } - - .pure-g { - align-items: center; - } - - .pure-u-1 { - color: inherit; - } - - h4, - p { - font-size: 16px; - margin-bottom: 22px; - } - - h4 { - display: flex; - flex-direction: row; - align-items: center; - font-weight: 400; - font-size: 22px; - color: inherit; - - svg { - font-size: 32px; - margin-right: 0.7ch; - - &.small { - font-size: 24px; - } - } - } - - p { - } - - .hover-overlay { - > .overlay { - $color-overlay: #252c03; - - background-color: transparent !important; - background-image: linear-gradient( - to bottom, - rgba($color-overlay, 0.05), - rgba($color-overlay, 0.0) 50%, - rgba($color-overlay, 1) - ), linear-gradient( - to right, - rgba($color-overlay, 0.1), - rgba($color-overlay, 0) 20%, - rgba($color-overlay, 0) 80%, - rgba($color-overlay, 0.1) - ); - - opacity: 1; - - &:hover { - opacity: 0; - } - - > div { - height: 100%; - top: 0; - transform: none; - - display: flex; - flex-direction: row; - justify-content: flex-end; - align-items: flex-end; - padding: 22px; - - h2, h3, h4, h5, h6 { - color: #fff !important; - margin: 0; - line-height: 1.2; - font-size: 26px; - font-weight: 400; - text-align: right; - } - } - } - - &:hover img { - transform: none; - } - } - - @media (max-width: 63.98em) { - text-align: center; - - .hover-overlay { - margin-bottom: 22px; - } - - h4 { - justify-content: center; - } - } - - @media (min-width: 64em) { - margin-top: 44px; - - .gallery-item { - flex: 40% 0 0; - } - - .hover-overlay { - > .overlay { - - &:hover { - } - - > div { - - h2, h3, h4, h5, h6 { - font-size: 32px; - } - } - } - } - - h4, - p { - margin-left: 44px; - } - } - - @media (min-width: 104em) { - .hover-overlay { - > .overlay { - - &:hover { - } - - > div { - - h2, h3, h4, h5, h6 { - font-size: 44px; - } - } - } - } - } - } - - .widget.rwavw-featured { - > .fg { - padding-top: 0; - } - - .pure-g { - display: flex; - flex-direction: row; - flex-wrap: wrap; - justify-content: center; - align-items: center; - - > .pure-u-1 { - flex: 0 0 100%; - - &:nth-child(2n) { - background-color: rgba(#000, 0.05); - } - - h1, h2, h3, h4, h5, h6 { - margin-bottom: 1.5rem; - font-size: 2.5rem; - font-weight: 500; - } - - p { - font-size: 2rem; - } - - img { - max-width: 46em; - } - - > .row { - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; - - > div { - // flex: 0 0 50%; - width: auto; - } - } - - @media (max-width: 63.98em) { - - &:nth-child(2n) { - } - } - - @media (min-width: 64em) { - &:nth-child(2n) { - } - } - } - } - } - - .widget.rwavw-feature-shortlist { - - .pure-g > .pure-u-1 { - position: relative; - - &:last-child { - padding-left: 15; - } - - .heading-col-title { - font-size: 18px; - font-weight: 600; - margin: 110px 0 44px; - opacity: 0.8; - } - - p { - margin: 0; - - svg { - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 50%; - transform: translateX(-50%) !important; - height: 88px; - width: 88px; - opacity: 0.7; - color: $accent-500; - } - } - } - - @media (min-width: 64em) { - .pure-g > .pure-u-1 { - .heading-col-title { - margin: 77px 0 44px; - } - - p svg { - width: 55px; - height: 55px; - } - } - } - } - - .widget.rwavw-feature-extras { - > div.colors-d { - background: linear-gradient( - to right, - rgba($neutral-900, 1), - rgba($neutral-900, 0.92), - rgba($neutral-900, 1), - ); - } - - p, .heading-section-title { - color: inherit; - color: $accent-500; - } - - p { - &.lead { - font-weight: 600; - font-size: 22px; - margin-bottom: 44px; - } - } - } -} - diff --git a/src/scss/_footer.scss b/src/scss/_footer.scss deleted file mode 100644 index 82fed74..0000000 --- a/src/scss/_footer.scss +++ /dev/null @@ -1,99 +0,0 @@ -body.rwavw-custom { - - #footer { - // TODO set using theme - how? - color: #b0b0b0; - background-color: $neutral-900; - - .layout-boxed { - padding-left: 20px; - padding-right: 20px; - } - - * { - background-color: inherit; - } - - a, - button{ - padding-top: 9px; - padding-bottom: 9px; - margin: -9px -6px; - - color: $accent-500; - font-family: "Open Sans", Helvetica, Arial, sans-serif; - font-weight: 600; - text-transform: none; - letter-spacing: 0.5px; - opacity: 0.8; - background-color: transparent; - - &.button-social { - padding-left: 12px; - padding-right: 12px; - margin-left: 0; - margin-right: 0; - color: $accent-500; - - &.btn-massive > i { - font-size: 24px; - } - } - } - - .button--link { - border: 0; - } - - .heading, - .heading-col-title { - color: inherit; - font-size: 2.4rem; - font-weight: 400; - line-height: 22px; - letter-spacing: 0.75px; - margin: 0 0 22px; - } - - .section-title .heading + .excerpt { - margin-top: 22px; - } - - p { - margin: 0 0 22px; - - &:last-child { - margin: 0; - } - } - } - - .footer-widgets { - .widget.invert, - .section-title.invert, - widget *:not(:link) { - color: inherit; - } - - > .pure-g > .pure-u-1 { - padding: 44px 22px 0; - } - - .section-title { - margin: 0 0 22px; - } - - .content-vertical-massive { - padding-top: 0; - padding-bottom: 0; - } - - // FIXME temp fix - why happening in first place?? - .scroll-in-animation { - animation: none; - opacity: 1; - } - } -} - - diff --git a/src/scss/_hero.scss b/src/scss/_hero.scss deleted file mode 100644 index 2b462ae..0000000 --- a/src/scss/_hero.scss +++ /dev/null @@ -1,224 +0,0 @@ -body.rwavw-custom { - .widget.rwavw-hero { - height: 100vh; - - #home { - $shade-color: #000; - - position: relative; - width: 100%; - height: 100%; - - display: flex; - flex-direction: column; - justify-content: space-between; - align-items: center; - padding: 96px 90px 90px !important; - - text-shadow: 0 0 8em $shade-color, - 0 0 2em rgba($shade-color, 0.57), - 0 0 0.5em rgba($shade-color, 0.1); - - &::before { - content: ''; - display: block; - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - - opacity: 0.5; - - background-color: rgba($shade-color, 0.2); - background: linear-gradient( - to bottom, - rgba($shade-color, 0.5), - rgba($shade-color, 0.5) 120px, - rgba($shade-color, 0.2) - ), - linear-gradient( - to top, - rgba($shade-color, 0.3), - rgba($shade-color, 0.3) 160px, - rgba($shade-color, 0) - ); - - } - - > .section-top { - max-width: 1600px; - flex: 0 0 auto; - } - - > .section-cols { - flex: 0 1 100%; - - > .pure-g { - display: flex; - flex-direction: column; - justify-content: space-between; - align-items: center; - height: 100%; - } - } - - .hero-cta { - display: flex; - flex-direction: column; - justify-content: space-around; - align-items: center; - margin: 22px 0; - text-shadow: none; - - a { - margin: 0 22px; - padding: 11px; - font-size: 16px; - font-weight: 600; - min-width: 18ch; - - border: 3px solid $accent-500; - - transition: opacity .2s, transform 0.3s; - - &:link, - &:visited { - opacity: 1; - transform: none; - } - - &:hover, - &:active { - opacity: 0.9; - transform: scale(0.975); - } - - &:first-child { - $bg-color: $accent-500; - - margin-bottom: 22px; - padding: 17px 18px; - color: rgba($neutral-900, 0.85); - border: 0; - background-color: $bg-color; - background: linear-gradient( - to top right, - rgba($bg-color, 0.95), - rgba($bg-color, 0.8) - ); - } - - &:last-child { - $bg-color: $neutral-900; - - color: $accent-500; - background-color: rgba($bg-color, 0.4); - background: linear-gradient( - to top right, - rgba($bg-color, 0.45), - rgba($bg-color, 0.15) - ); - } - } - } - - h1, h2, h3, h4, h5, h6, p, a { - color: #fff; - font-family: Montserrat, Helvetica, sans-serif; - } - - h1 { - margin: 11px; - font-size: 36px; - line-height: 1.2; - font-weight: 400; - } - - .heading-col-title { - font-size: 22px; - line-height: 1.2; - font-weight: 400; - } - - p { - margin-bottom: 22px; - font-size: 16px; - } - - .header-details { - text-transform: none; - text-shadow: 0 0 1.5em $shade-color, - 0 0 1em rgba($shade-color, 0.6); - } - - } - - @media (max-width: 63.98em) { - #home { - justify-content: center; - align-items: center; - padding: 55px 11px 22px !important; - - h1 { - text-align: center; - margin-bottom: 22px; - } - - p { - text-align: center !important; - } - } - } - - @media (min-width: 767px) { - #home { - h1 { - margin: 55px 0; - font-size: 60px; - } - } - } - - @media (min-width: 64em) { - #home { - padding: 55px 11px 55px !important; - - > .section-cols { - > .pure-g { - justify-content: space-around; - } - } - - h1 { - margin: 77px 0 55px; - font-size: 90px; - } - - p { - font-size: 22px; - font-weight: 400; - line-height: 1.2; - margin-bottom: 22px; - } - - .hero-cta { - margin: 66px 0 66px; - flex-direction: row; - - a { - margin: 0 11px; - padding: 14px 18px; - font-size: 20px; - - &:first-child { - margin-bottom: 0; - } - } - } - } - } - - } -} - diff --git a/src/scss/_social-proof.scss b/src/scss/_social-proof.scss deleted file mode 100644 index 6d77a84..0000000 --- a/src/scss/_social-proof.scss +++ /dev/null @@ -1,70 +0,0 @@ -body.rwavw-custom { - .wrapper-site > .wrapper-content > .widget.social-proof.mb-0 { - margin-bottom: 0; - } - - .testimonials-widget-testimonial.list, - .bx-wrapper { - position: relative; - padding: 22px; - - &::before { - content: ''; - display: block; - position: absolute; - width: 100%; - top: 55px; - bottom: 0; - left: 0; - - border-radius: $border-radius; - box-shadow: $box-shadow-sk; - } - } - - .bx-wrapper { - height: 380px; - } - - .testimonials-widget { - max-width: 100%; - - > .image { - position: relative; - width: 66px; - height: 66px; - margin-bottom: 22px; - border-radius: 50%; - background-color: #999; - overflow: hidden; - - box-shadow: 2px 2px 4px rgba(#000, 0.075); - - > img { - width: 100%; - height: auto; - } - } - - > blockquote { - font-size: 15px; - border-color: rgba($accent-500, 0.4); - } - - > .credit { - font-weight: 600; - opacity: 0.75; - } - } - - @media (min-width: 64em) { - .bx-wrapper { - height: 285px; - } - - .widget.social-proof { - min-height: 315px; - } - } -} - diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss index 3b54d03..4944de6 100644 --- a/src/scss/_variables.scss +++ b/src/scss/_variables.scss @@ -1,13 +1,12 @@ +$line-height: 1.6; +$line-height--heading: 1.3; -$accent-500: #fc8d00; - -$neutral-900: #231f20; - +$column-max-width: 1200px; $btn-border-radius: 12px; $btn-border-width: 0; $btn-border-color: currentColor; -$color-body: $color__neutral-700; -$background-color: $color__white; +$color-body: pink; +$background-color: green; diff --git a/src/scss/style.scss b/src/scss/style.scss index 2dd500e..4ca3332 100644 --- a/src/scss/style.scss +++ b/src/scss/style.scss @@ -1,3 +1,4 @@ +@import "color"; @import "variables"; @import "mixins";