Justin Hough justinhough

Setup Drupal with Dockal and Acquia BLT

Disclaimer: After doing some research and digging into issues with the initial setup for Docksal and BLT I have created this walkthrough about to get a Drupal project setup

Create your project by running the following command below. If you run into any errors, such as, Fatal error: Allowed memory size of 1610612736 bytes exhausted then you should proceed to Overriding PHP web settings before proceeding to step 2.

fin run-cli composer create-project --no-interaction acquia/blt-project project-name

cd project-name

	// ----
	// Compass (v1.0.3)
	// ----

	$textSizes:(
	-3:(
	font-size: 10px,
	line-height: 14px
	),
	-2:(

	// Borrowed from https://markus.oberlehner.net/blog/simple-solution-to-prevent-body-scrolling-on-ios/
	// Tweaks made to html element for mobile device cases.

	const body = document.querySelector('body');
	const html = document.querySelector('html');

	let scrollPosition = 0;

	function enableScrollLock() {
	scrollPosition = window.pageYOffset;

	<?php
	/**
	* ACF Custom Fields - Save and Load
	*
	* When ACF fields are added or updated this will save the output to JSON
	* where they can be version controlled and loaded on Production sites.
	* For best usage the production database should not contain any ACF
	* in the database.
	*
	* @package

	<head>

	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="robots" content="index, follow">

	<link rel="canonical" href="___PAGE__CANONICAL___" />

	<title>___PAGE_TITLE___ \| ___SITE_NAME___</title>

	### Scrivener ###
	*/Files/binder.autosave
	*/Files/binder.backup
	*/Files/search.indexes
	*/Files/user.lock
	*/Files/Docs/docs.checksum
	*/QuickLook/
	*/Settings/ui.plist

	const tags = {};

	// const initialTags = "color_brown color_black type_dress-shoes type_shoes";

	{% if collection.all_tags.size > 0 %}
	const initialTags = {{ collection.all_tags \| split: ' ' }};
	{% endif %}

	// console.log(array);
	const splitTags = initialTags.split(" ");

	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<title>Page Title</title>

	<!-- Description of the page (limit to 150 characters) -->