update

add footer styling
2020-05-31 19:29:55 +00:00 · 2020-05-31 17:59:20 +00:00 · 2020-05-31 12:13:31 +00:00 · 2020-05-30 21:11:48 +00:00
4 changed files with 305 additions and 58 deletions
--- a/roomwithavw-custom.php
+++ b/roomwithavw-custom.php
@ -12,55 +12,64 @@
 */

 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">
-We are family run business that enjoys liaising with our clients to ensure we provide the best experience. For this reason, unlike regular camper van hire companies, we are not using an online calendar booking system as we believe it takes away from the personal touch we strive to maintain.
-</p>
+	<p class="lead">
+	We are family run business that enjoys liaising with our clients to ensure we provide the best experience. For this reason, unlike regular camper van hire companies, we are not using an online calendar booking system as we believe it takes away from the personal touch we strive to maintain.
+	</p>

-<p class="lead">
-Fill in the form below and one of our team will be in touch with you shortly.
-</p>
-<div class="enquiry-form wpcf7" role="form" dir="ltr">
-	<div class="screen-reader-response" aria-live="polite"></div>
+	<p class="lead">
+	Fill in the form below and one of our team will be in touch with you shortly.
+	</p>
+	<div class="enquiry-form wpcf7" role="form" dir="ltr">
+		<div class="screen-reader-response" aria-live="polite"></div>

-	<!-- <form action="https://mailthis.to/mailthis@gabbaell.co.uk" method="post" class="wpcf7&#45;form" novalidate="novalidate"> -->
-	<form action="" method="post" id="rwavw-enquiry-form" class="wpcf7-form" novalidate="novalidate">
-		<p><label> Forename (required)<br />
-		<span class="wpcf7-form-control-wrap forename"><input type="text" name="forename" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" /></span> </label></p>
-		<p><label> Surname (required)<br />
-		<span class="wpcf7-form-control-wrap surname"><input type="text" name="surname" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" /></span> </label></p>
+		<!-- <form action="https://mailthis.to/mailthis@gabbaell.co.uk" method="post" class="wpcf7&#45;form" novalidate="novalidate"> -->
+		<form action="" method="post" id="rwavw-enquiry-form" class="wpcf7-form" novalidate="novalidate">
+			<p><label> Forename (required)<br />
+			<span class="wpcf7-form-control-wrap forename"><input type="text" name="forename" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" /></span> </label></p>
+			<p><label> Surname (required)<br />
+			<span class="wpcf7-form-control-wrap surname"><input type="text" name="surname" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" /></span> </label></p>

-		<p class="dates">
-			<label> Booking Date<br />
-				<span class="wpcf7-form-control-wrap booking-date">
-					<input type="date" name="booking-date" value="" class="rwavw-datepicker booking-date wpcf7-form-control wpcf7-date wpcf7-validates-as-date" aria-invalid="false" />
-				</span>
-			</label>
-		</p>
-
-		<p>
-			<label> Number of Days<br />
-				<span class="wpcf7-form-control-wrap day-count">
-						<input type="number" name="day-count" value="3" class="days wpcf7-form-control wpcf7-number wpcf7-validates-as-number" aria-invalid="false" />
+			<p class="dates">
+				<label> Booking Date<br />
+					<span class="wpcf7-form-control-wrap booking-date">
+						<input type="date" name="booking-date" value="" class="rwavw-datepicker booking-date wpcf7-form-control wpcf7-date wpcf7-validates-as-date" aria-invalid="false" />
 					</span>
 				</label>
-		</p>
+			</p>

-		<p><label> Your Email (required)<br />
-		<span class="wpcf7-form-control-wrap replyto"><input type="email" name="_replyto" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false" /></span> </label></p>
-		<p><input type="submit" value="Send" class="wpcf7-form-control wpcf7-submit" /></p>
-		<div class="wpcf7-response-output wpcf7-display-none" aria-hidden="true"></div>
-	</form>
-</p>
-</div>
-	<?php
+			<p>
+				<label> Number of Days<br />
+					<span class="wpcf7-form-control-wrap day-count">
+							<input type="number" name="day-count" value="3" class="days wpcf7-form-control wpcf7-number wpcf7-validates-as-number" aria-invalid="false" />
+						</span>
+					</label>
+			</p>
+
+			<p><label> Your Email (required)<br />
+			<span class="wpcf7-form-control-wrap replyto"><input type="email" name="_replyto" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false" /></span> </label></p>
+			<p><input type="submit" value="Send" class="wpcf7-form-control wpcf7-submit" /></p>
+			<div class="wpcf7-response-output wpcf7-display-none" aria-hidden="true"></div>
+		</form>
+	</p>
+	</div>
+<?php
 }
 add_shortcode('rwavw-capsule-enquiry', 'roomwithavw_custom_enquiry_form');
--- a/src/scss/_faq.scss
+++ b/src/scss/_faq.scss
@ -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;

--- a/src/scss/_featured.scss
+++ b/src/scss/_featured.scss
@ -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;
+		}
+	}
+}
+
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@ -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 {
-		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)
-		);
+	.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;
+			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%
+		);
 	}
 }
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