From 1f860d06a52b9a9ed554930681fbd8829716b30f Mon Sep 17 00:00:00 2001 From: rayelliott Date: Sun, 31 May 2020 17:59:20 +0000 Subject: [PATCH] update --- src/scss/_featured.scss | 19 +++--- src/scss/style.scss | 132 ++++++++++++++++++++++++++++++++++------ 2 files changed, 127 insertions(+), 24 deletions(-) diff --git a/src/scss/_featured.scss b/src/scss/_featured.scss index c29e165..1c25b78 100644 --- a/src/scss/_featured.scss +++ b/src/scss/_featured.scss @@ -1,4 +1,5 @@ body.rwavw-custom { + .widget.rwavw-featured { h2 { color: red; @@ -69,7 +70,8 @@ body.rwavw-custom { a { color: #fff; - color: #ba815b; + font-weight: 600; + opacity: 0.8; &.button-social { color: #fff; @@ -81,14 +83,11 @@ body.rwavw-custom { h2, h3, h4, h5, h6 { color: inherit; - font-size: 1.8rem; - font-weight: 500; + font-size: 2.4rem; + font-weight: 400; + line-height: 22px; letter-spacing: 0.75px; margin: 0 0 22px; - - &.heading-section-title { - margin: 0; - } } .section-title .heading + .excerpt { @@ -123,6 +122,12 @@ body.rwavw-custom { 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/style.scss b/src/scss/style.scss index f5c4a49..a9127b0 100644 --- a/src/scss/style.scss +++ b/src/scss/style.scss @@ -2,9 +2,49 @@ @import "contact"; @import "faq"; +#top-nav .ext-nav-toggle, +.state2 body.rwavw-custom .page-border.top { + @media (max-width: 767px) { + height: 40px !important; + } +} + body.rwavw-custom { - #top-nav .logo { - margin-top: 16px; + #top-nav { + .nav, + .logo { + float: none; + } + + .logo { + margin-top: 0; + + .sitename { + font-size: 16px; + font-weight: 600; + opacity: 0.9; + } + } + } + + .top-nav-inner { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + + &::before, + &::after { + content: none; + } + + > .logo { + order: 5; + } + + > .nav { + order: 10; + } } .custom-logo-link img { @@ -16,21 +56,67 @@ body.rwavw-custom { opacity: 0.7; } - .page-border.bottom::after { - content: ''; - display: block; - position: absolute; - width: 100%; - height: 4px; - bottom: 100%; - left: 0; - - background: linear-gradient( - to top, - rgba(#000, 0.1), - rgba(#000, 0) - ); + .widget.rwavw-boxed { + width: calc(100% - 80px); + max-width: 1160px; + margin-left: auto; + margin-right: auto; } + + .page-border { + background-color: #fff; + + &::after { + content: ''; + display: block; + position: absolute; + background-color: rgba(#000, 0.03); + } + + &.top::after, + &.bottom::after { + width: 100%; + height: 1px; + left: 0; + } + + &.bottom::after { + bottom: 100%; + background-color: rgba(#000, 0.05); + } + + &.top::after { + top: 100%; + } + + &.left::after, + &.right::after { + width: 1px; + top: 0; + bottom: 0; + } + + &.left::after { + left: 100%; + } + + &.right::after { + right: 100%; + } + + @at-root html.state2 .page-border.left::after { + top: 60px; + } + + @at-root html.state2 .page-border.right::after { + top: 60px; + } + } + + .page-border.bottom::after { + bottom: 100%; + } + .page-border.bottom::before { content: ''; display: block; @@ -40,6 +126,18 @@ body.rwavw-custom { top: 100%; left: 0; - background-color: rgba(#000, 0.9); + background: linear-gradient( + to left, + rgba(#000, 0), + rgba(#000, 0.9) 32px, + rgba(#000, 1) 50%, + rgba(#000, 0) 50% + ), linear-gradient( + to right, + rgba(#000, 0), + rgba(#000, 0.9) 32px, + rgba(#000, 1) 50%, + rgba(#000, 0) 50% + ); } }