AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |
Back to Blog
Drupal 8 bootstrap8/14/2023 Take this opportunity to rename the theme with your machine name as well. You’ll want to copy the one labeled sass and paste it into the themes directory where you want it. Inside of the Drupal 8 Bootstrap theme is a folder labeled starterkits. DropMix is a delightful card-based music game, totally worth checking out if you haven’t already! Step 1: Make your custom theme based on the starterkit Paste this into your shell, replacing the “DropMix” values with the name you want for the theme:įor this particular project I was making a fan site for the game DropMix. So we’ll set up the machine name and the full name of the theme you’re going to create by setting some variables. If you’re going to be following along in CLI, it will be useful to set some variables so you can copy the commands in each step easily. Please leave a comment if you see success or have fixes for those environments! Installing Drupal 8 Bootstrap with the SASS Starterkit Step 0: Set some handy bash variables The commands that I’m providing have been tested on Mac OSX High Sierra, and while I’ve tried to make them portable for Linux machines (looking at you, sed) I can’t guarantee they’re gonna work right out of the box for Linux or bash on Windows. It’ll also be helpful to know at least a little command line on the system you’re working on (which really is kind of a prerequisite for compiling SASS for development anyways). To get the base theme you can download it directly from the Drupal 8 Bootstrap project page, use Drush or Drupal Console to download it, or if your project is based on Composer (and it should be!) you can use it to install the theme:įor the remainder of the article, I’m going to assume that the Bootstrap theme has been installed in the Drupal-project Composer default DRUPALROOT / themes / contrib / bootstrap folder. A copy of the Drupal 8 Bootstrap base theme already installed.Bootstrap SASS uses Bundler to version control Compass which is what we’ll use to compile the SASS. Ruby with Bundler already installed and configured.This guide assumes you’ve already got a couple things in place: Most of this information can be found on the Drupal 8 Bootstrap Documentation Pages, but this guide adds a little more context and information about the process as well as some handy commands for your CLI. It serves as a sequel to my original article from 2016 where we cannibalized a LESS starterkit. This article will guide you through the process of properly setting up your new Drupal 8 Bootstrap SASS starterkit theme. You get the Bootstrap theme in place, plop the subtheme out into its own directory, activate the subtheme, aaaaand…nothing. You still love the power SASS provides, so you’re excited when you hear that there’s a lovely SASS starterkit that accompanies the theme–that ought to get you going with a subtheme quickly. So you want to build a Drupal 8 site with the Bootstrap theme.
0 Comments
Read More
Leave a Reply. |