rayelliott
/
gulp-web
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update

This commit is contained in:
rayelliott 2020-05-31 17:59:20 +00:00
parent 8888d0ca0b
commit 1f860d06a5
2 changed files with 127 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/scss/_featured.scss
View File

@ -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;
}
}
}

126
src/scss/style.scss
View File

@ -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 {
.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;
width: 100%;
height: 4px;
bottom: 100%;
left: 0;
background: linear-gradient(
to top,
rgba(#000, 0.1),
rgba(#000, 0)
);
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%
);
}
}