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

update

This commit is contained in:
rayelliott 2020-06-04 14:29:17 +00:00
parent 2d1822a53a
commit fcdfeeb400
2 changed files with 114 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

98
src/scss/_featured.scss
View File

@ -3,13 +3,13 @@ body.rwavw-custom {
.widget[class^='rwavw-feature'], .widget[class^='rwavw-feature'],
.widget[class*=' rwavw-feature'] { .widget[class*=' rwavw-feature'] {
h2, h3, h4, h5, h6 { img.bg {
color: #000a38; // TODO where is that iomage comiong from?
display: none !important;
} }
h2, h3 { h2, h3, h4, h5, h6 {
font-weight: 400; color: #000a38;
margin: 0;
} }
h4, h5, h6 { h4, h5, h6 {
@ -39,6 +39,8 @@ 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) {
@ -60,17 +62,16 @@ 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 {
@ -79,7 +80,6 @@ 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,6 +88,7 @@ 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;
@ -102,6 +103,10 @@ body.rwavw-custom {
margin-left: 4px; margin-left: 4px;
} }
} }
&.text-right a {
margin-right: -22px;
}
} }
.swiper-container { .swiper-container {
@ -130,6 +135,30 @@ 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 {
@ -149,7 +178,7 @@ body.rwavw-custom {
} }
.widget.rwavw-feature-limits { .widget.rwavw-feature-limits {
k h2, h3, h4, h5, h6 { h2, h3, h4, h5, h6 {
margin-top: 44px; margin-top: 44px;
@media (min-width: 64em) { @media (min-width: 64em) {
@ -446,5 +475,48 @@ k h2, h3, h4, h5, h6 {
} }
} }
} }
.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;
}
}
}
} }

35
src/scss/style.scss
View File

@ -51,13 +51,15 @@ body.rwavw-custom {
} }
} }
.custom-logo-link img { .wrapper-site > .wrapper-content > .widget {
// max-height: 70px; margin-top: 44px;
} margin-bottom: 44px;
.heading-page-title { &.rwavw-feature-details {
// font-weight: 300; @media (max-width: 64em) {
// opacity: 0.7; margin-top: -44px;
}
}
} }
.widget.rwavw-boxed { .widget.rwavw-boxed {
@ -144,4 +146,25 @@ 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;
}
}
} }