This commit is contained in:
rayelliott 2020-06-01 20:08:41 +00:00
parent 49c56f9db0
commit 2541c8051f
4 changed files with 257 additions and 0 deletions

View File

@ -15,6 +15,9 @@ function roomwithavw_custom_add_scripts() {
wp_register_script( 'roomwithavw-custom-script', plugins_url( 'assets/js/index.js', __FILE__ ), '', '1.0', true );
wp_enqueue_script( 'roomwithavw-custom-script' );
wp_register_script( 'iconify', 'https://code.iconify.design/1/1.0.6/iconify.min.js', '', '1.0', true );
wp_enqueue_script( 'iconify' );
wp_enqueue_style( 'roomwithavw-custom-styles', plugins_url( 'assets/css/style.css', __FILE__ ), '', '1.0' );
}
add_action( 'wp_enqueue_scripts', 'roomwithavw_custom_add_scripts' );

View File

@ -1,5 +1,187 @@
body.rwavw-custom {
.widget.rwavw-feature-sunset {
.pure-g > div:first-child {
padding-right: 44px;
display: flex;
flex-direction: column;
justify-content: center;
}
.h2, h3, h4, h5, h6 {
font-weight: 400;
text-align: right !important;
color: #000a38;
margin-top: 0;
margin-bottom: 44px;
}
p {
font-size:19px;
margin-bottom: 22px;
color: #020121;
text-align: right !important;
}
}
.widget.rwavw-feature-main {
margin-top: 0;
margin-left: auto;
margin-right: auto;
max-width: 1800px;
.gallery-item {
flex: 100% 0 0;
.gallery-link {
}
}
.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 {
h2 {
color: red;

71
src/scss/_footer.scss Normal file
View File

@ -0,0 +1,71 @@
body.rwavw-custom {
#footer {
// TODO set using theme - how?
color: #b0b0b0;
background-color: #272729;
a {
color: #fff;
font-weight: 600;
opacity: 0.8;
&.button-social {
color: #fff;
&.btn-massive > i {
font-size: 24px;
}
}
}
h2, h3, h4, h5, h6 {
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;
}
}
}

View File

@ -1,6 +1,7 @@
@import "featured";
@import "contact";
@import "faq";
@import "footer";
#top-nav .ext-nav-toggle,
.state2 body.rwavw-custom .page-border.top {