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

Compare commits

base: rayelliott:782807f5ae8fbf3eda8fde18fa2403bf7bcb6880
Branches Tags
rayelliott:master
..
compare: rayelliott:2d1822a53ad0741bf81e094ce459682eccbb15bd
Branches Tags
rayelliott:master

No commits in common. "782807f5ae8fbf3eda8fde18fa2403bf7bcb6880" and "2d1822a53ad0741bf81e094ce459682eccbb15bd" have entirely different histories.
782807f5ae ... 2d1822a53a

5 changed files with 138 additions and 181 deletions
Show Stats Expand all files Collapse all files

28
src/scss/_feature-sunset.scss
View File

@ -2,17 +2,11 @@ body.rwavw-custom {
.widget.rwavw-feature-sunset { .widget.rwavw-feature-sunset {
.pure-g { .pure-g {
> div:first-child { > div:first-child {
z-index: 10;
padding: 20px 80px; padding: 20px 80px;
} }
> div:last-child {
z-index: 5;
max-width: 40em;
}
} }
.heading-section-title { h2, h3, h4, h5, h6 {
position: relative; position: relative;
margin-bottom: 44px; margin-bottom: 44px;
} }
@ -32,7 +26,7 @@ body.rwavw-custom {
} }
} }
.heading-section-title { h2, h3, h4, h5, h6 {
font-size: 28px; font-size: 28px;
margin-bottom: 22px; margin-bottom: 22px;
} }
@ -51,7 +45,7 @@ body.rwavw-custom {
&:first-child { &:first-child {
position: absolute; position: absolute;
width: 100%; width: 100%;
max-width: 40em; max-width: 728px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
height: 100%; height: 100%;
@ -73,29 +67,29 @@ body.rwavw-custom {
} }
@media (min-width: 64em) { @media (min-width: 64em) {
.heading-section-title, p { h2, h3, h4, h5, h6, p {
text-align: right !important; text-align: right !important;
} }
.heading-section-title { h2, h3, h4, h5, h6 {
&::before { &::before {
$color: rgb(3, 41, 109); $bg-color: rgb(3, 41, 109);
z-index: -1; z-index: -1;
content: ''; content: '';
display: block; display: block;
position: absolute; position: absolute;
width: 230%; width: 230%;
height: 275%; height: 300%;
top: 35px; top: 48px;
left: -22px; left: -22px;
border-radius: $border-radius; border-radius: 3px;
background-image: linear-gradient( background-image: linear-gradient(
140deg, 140deg,
rgba($color, 0.05), rgba($bg-color, 0.01),
rgba($color, 0.1) rgba($bg-color, 0.05)
); );
} }
} }

174
src/scss/_featured.scss
View File

@ -3,15 +3,15 @@ body.rwavw-custom {
.widget[class^='rwavw-feature'], .widget[class^='rwavw-feature'],
.widget[class*=' rwavw-feature'] { .widget[class*=' rwavw-feature'] {
img.bg {
// TODO where is that iomage comiong from?
display: none !important;
}
h2, h3, h4, h5, h6 { h2, h3, h4, h5, h6 {
color: #000a38; color: #000a38;
} }
h2, h3 {
font-weight: 400;
margin: 0;
}
h4, h5, h6 { h4, h5, h6 {
font-weight: 600; font-weight: 600;
font-size: 22px; font-size: 22px;
@ -39,8 +39,6 @@ body.rwavw-custom {
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: stretch; align-items: stretch;
margin-left: auto;
margin-right: auto;
} }
@media (min-width: 67.98em) { @media (min-width: 67.98em) {
@ -62,16 +60,17 @@ body.rwavw-custom {
justify-content: flex-start; justify-content: flex-start;
} }
h2, h3 {
font-size: 60px;
line-height: 1;
margin-bottom: 44px;
}
.row-group { .row-group {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
text-align: center;
}
p, .heading-section-title {
margin-bottom: 22px;
} }
p { p {
@ -80,6 +79,7 @@ body.rwavw-custom {
line-height: 33px; line-height: 33px;
padding-right: 18px; padding-right: 18px;
margin-top: 0; margin-top: 0;
margin-bottom: 44px;
opacity: 0.6; opacity: 0.6;
a { a {
@ -88,13 +88,12 @@ body.rwavw-custom {
font-size: 18px; font-size: 18px;
font-weight: 600; font-weight: 600;
background-color: rgba(0, 10, 56, 0.05); background-color: rgba(0, 10, 56, 0.05);
margin-left: -22px;
padding: 0 22px; padding: 0 22px;
border-radius: 22px; border-radius: 22px;
line-height: 42px; line-height: 42px;
height: 44px; height: 44px;
box-shadow: $box-shadow-sk;; box-shadow: 4px 4px 6px rgba(0, 10, 56, 0.25), -4px -4px 6px rgba(#fff, 0.5);
svg { svg {
position: relative; position: relative;
@ -103,20 +102,16 @@ body.rwavw-custom {
margin-left: 4px; margin-left: 4px;
} }
} }
&.text-right a {
margin-right: -22px;
}
} }
.swiper-container { .swiper-container {
border-radius: $border-radius; border-radius: 6px;
box-shadow: 4px 4px 6px 0 rgba(0, 10, 56, 0.2); box-shadow: 4px 4px 6px 0 rgba(0, 10, 56, 0.2);
} }
.swiper-wrapper { .swiper-wrapper {
position: relative; position: relative;
border-radius: $border-radius; border-radius: 6px;
overflow: hidden; overflow: hidden;
&::after { &::after {
@ -135,30 +130,6 @@ body.rwavw-custom {
opacity: 0.6; opacity: 0.6;
} }
} }
@media (min-width: 767px) {
}
@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;
}
}
} }
.widget.rwavw-feature-details { .widget.rwavw-feature-details {
@ -178,7 +149,7 @@ body.rwavw-custom {
} }
.widget.rwavw-feature-limits { .widget.rwavw-feature-limits {
h2, h3, h4, h5, h6 { k h2, h3, h4, h5, h6 {
margin-top: 44px; margin-top: 44px;
@media (min-width: 64em) { @media (min-width: 64em) {
@ -188,6 +159,76 @@ body.rwavw-custom {
} }
} }
.widget.rwavw-feature-sunset {
.pure-g {
> div:first-child {
z-index: 10;
}
> div:last-child {
z-index: 5;
}
}
.h2, h3, h4, h5, h6 {
position: relative;
margin-bottom: 44px;
}
@media (max-width: 63.98em) {
.pure-g {
> div {
position: relative;
&:first-child {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
}
}
}
@media (min-width: 64em) {
h2, h3, h4, h5, h6, p {
text-align: right !important;
}
h2, h3, h4, h5, h6 {
&::before {
$color: rgb(3, 41, 109);
z-index: -1;
content: '';
display: block;
position: absolute;
width: 230%;
height: 300%;
top: 48px;
left: -22px;
border-radius: 3px;
background-image: linear-gradient(
140deg,
rgba($color, 0.01),
rgba($color, 0.05)
);
}
}
> div:first-child {
z-index: 10;
}
> div:last-child {
z-index: 5;
}
}
}
.widget.rwavw-feature-main { .widget.rwavw-feature-main {
margin-top: 0; margin-top: 0;
@ -405,48 +446,5 @@ body.rwavw-custom {
} }
} }
} }
.widget.rwavw-feature-shortlist {
.pure-g > .pure-u-1 {
position: relative;
.heading-col-title {
font-size: 18px;
font-weight: 600;
margin: 110px 0 22px;
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.4;
}
}
}
}
.widget.rwavw-feature-extras {
p, .heading-section-title {
color: inherit;
}
p {
&.lead {
font-size: 22px;
margin-bottom: 44px;
}
}
}
} }

55
src/scss/_social-proof.scss
View File

@ -1,44 +1,21 @@
body.rwavw-custom { body.rwavw-custom {
.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;
}
}
.testimonials-widget-testimonial.list {
}
.bx-wrapper {
height: 270px;
}
.testimonials-widget { .testimonials-widget {
max-width: 100%;
// display: flex;
// flex-direction: row;
// flex-wrap: wrap;
// justify-content: center;
// align-items: center;
> .image { > .image {
position: relative; order: 2;
width: 66px; flex: 1 1 auto;
height: 66px; width: 4em;
margin-bottom: 22px; height: 4em;
border-radius: 50%; border-radius: 50%;
background-color: #999; background-color: #999;
overflow: hidden; overflow: hidden;
box-shadow: 2px 2px 4px rgba(#000, 0.075);
> img { > img {
width: 100%; width: 100%;
height: auto; height: auto;
@ -46,15 +23,15 @@ body.rwavw-custom {
} }
> blockquote { > blockquote {
order: 1;
flex: 0 0 100%;
background-color: rgba(red, 0.1);
} }
> .credit { > .credit {
} order: 3;
} flex: 0 1 100%;
background-color: rgba(orange, 0.1);
@media (min-width: 64em) {
.widget.social-proof {
min-height: 296px;
} }
} }
} }

23
src/scss/_variables.scss
View File

@ -1,10 +1,25 @@
@import "color";
$color--accent-500: #fc8d00; $bp-s: 576px;
$bp-m: 768px;
$bp-l: 992px;
$bp-xl: 1200px;
$color--neutral-900: #231f20; // use with max- queries - so that min- and max- queries with equal
// breakpoints do not both evaluate to true
$bp-max-s: 575.98px;
$bp-max-m: 767.98px;
$bp-max-l: 991.98px;
$bp-max-xl: 1199.98px;
$column-max-width: 1140px;
$box-shadow-sk: 4px 4px 6px rgba(0, 10, 56, 0.15), -4px -4px 9px rgba(#fff, 0.75); $line-height: 1.5;
$border-radius: 6px;
$btn-border-radius: 12px;
$btn-border-width: 0;
$btn-border-color: currentColor;
$color-body: $color__neutral-700;
$background-color: $color__white;

37
src/scss/style.scss
View File

@ -1,4 +1,3 @@
@import "variables";
@import "hero"; @import "hero";
@import "featured"; @import "featured";
@import "feature-sunset"; @import "feature-sunset";
@ -52,18 +51,13 @@ body.rwavw-custom {
} }
} }
.wrapper-site > .wrapper-content > .widget { .custom-logo-link img {
margin-bottom: 44px; // max-height: 70px;
&:not(:first-child) {
margin-top: 44px;
} }
&.rwavw-feature-details { .heading-page-title {
@media (max-width: 64em) { // font-weight: 300;
margin-top: -44px; // opacity: 0.7;
}
}
} }
.widget.rwavw-boxed { .widget.rwavw-boxed {
@ -150,25 +144,4 @@ body.rwavw-custom {
rgba(#000, 0) 50% rgba(#000, 0) 50%
); );
} }
.heading-section-title {
font-weight: 400;
font-size: 32px;
line-height: 1.2;
margin-bottom: 44px;
@media (max-width: 767px) {
}
@media (min-width: 766.98px) {
}
@media (max-width: 63.98em) {
text-align: center !important;
}
@media (min-width: 64em) {
font-size: 60px;
}
}
} }