Compare commits

...

4 Commits

Author SHA1 Message Date
rayelliott 49c56f9db0 update 2020-05-31 19:29:55 +00:00
rayelliott 1f860d06a5 update 2020-05-31 17:59:20 +00:00
rayelliott 8888d0ca0b add footer styling 2020-05-31 12:13:31 +00:00
rayelliott 0e546d6aa9 update 2020-05-30 21:11:48 +00:00
4 changed files with 305 additions and 58 deletions

View File

@ -12,13 +12,22 @@
*/
function roomwithavw_custom_add_scripts() {
wp_register_script( 'roomwithavw-custom-script', plugins_url( 'assets/js/index.js', __FILE__ ), ['jquery-ui-datepicker'], '1.0', true );
wp_register_script( 'roomwithavw-custom-script', plugins_url( 'assets/js/index.js', __FILE__ ), '', '1.0', true );
wp_enqueue_script( 'roomwithavw-custom-script' );
wp_enqueue_style( 'roomwithavw-custom-styles', plugins_url( 'assets/css/style.css', __FILE__ ), '', '1.0' );
}
add_action( 'wp_enqueue_scripts', 'roomwithavw_custom_add_scripts' );
function roowitahvw_dequeue_scripts() {
wp_dequeue_script( LAYERS_THEME_SLUG . '-map-api' );
wp_deregister_script( LAYERS_THEME_SLUG . '-map-api' );
// wp_dequeue_script( LAYERS_THEME_SLUG . '-map-trigger' );
// wp_deregister_script( LAYERS_THEME_SLUG . '-map-trigger' );
}
add_action( 'wp_enqueue_scripts', 'roowitahvw_dequeue_scripts', 99 );
function roomwithavw_custom_enquiry_form() {
?>
<p class="lead">

View File

@ -1,12 +1,12 @@
body.rwavw-custom {
@media (min-width: 766.98px) {
#faq > .layout-boxed {
@media (min-width: 766.98px) and (min-height: 650px) {
.widget.rwavw-custom > #faq > .layout-boxed {
position: relative;
bottom: 18rem;
}
}
.wrapper-content > .layers-pro-accordion {
.wrapper-content > .layers-pro-accordion.rwavw-custom {
margin-left: 0;
margin-right: 0;
@ -39,7 +39,13 @@ body.rwavw-custom {
color: #4a5568;
}
@media (min-width: 766.98px) {
@media (min-width: 766.98px) and (min-height: 650px) {
.accordion-row {
margin-top: -30rem;
}
}
@media (min-width: 766.98px) and (min-height: 850px) {
margin-left: 15px;
margin-right: 15px;

133
src/scss/_featured.scss Normal file
View File

@ -0,0 +1,133 @@
body.rwavw-custom {
.widget.rwavw-featured {
h2 {
color: red;
}
> .fg {
padding-top: 0;
}
.pure-g {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
> .pure-u-1 {
flex: 0 0 100%;
&:nth-child(2n) {
background-color: rgba(#000, 0.05);
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 1.5rem;
font-size: 2.5rem;
font-weight: 500;
}
p {
font-size: 2rem;
}
img {
max-width: 46em;
}
> .row {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
> div {
// flex: 0 0 50%;
width: auto;
}
}
@media (max-width: 63.98em) {
&:nth-child(2n) {
}
}
@media (min-width: 64em) {
&:nth-child(2n) {
}
}
}
}
}
#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,9 +1,50 @@
@import "featured";
@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 {
@ -15,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;
@ -39,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%
);
}
}