Debug October CMS automatic SASS compilation errors

01 Aug

2019

Johan van de Merwe

Posted in October CMS

This article shows quickly where to look when your automatic compilation of October CMS SASS theme files lead to an error and nothing shows up. This could be a great time saver.

When in development mode

As you can see there is a red wave under this '/combine/' link. These combined files are generated during automatic SASS compilation withing October CMS.

What we will do next is open the link to this file in a browser and look what it will show.

/* parse error: failed at `padding-left: 2vw` /home/enovision/domains/enovision.net/public_html/cloud/themes/enovision-bootstrap/assets/scss/theme/custom.scss
on line 15 */

That is very useful information. Now let's have a look inside the file and find place of the crime, the related SASS file itself.

.container-fluid-padded {
  padding-left: 2vw
  padding-right: 2vw

  @media (min-width: 1200px) {
    padding-left: 15vw;
    padding-right: 15vw;
  }
}

There are 2 semi-colons missing at line 16 and 17 which prevents this file from compiling without an error.

What remains is correcting the error and wait for the recompilation.

Johan van de Merwe

More from same category

	How to turn markdown tables into bootstrap tables within October CMS October CMS 23 Jul 2019 With the non-published October CMS Shortcode Thunder plugin (get it here) it is can't be easier to turn markdown tables into Bootstrap tables
	Debug October CMS automatic SASS compilation errors October CMS 01 Aug 2019 This article shows quickly where to look when your automatic compilation of October CMS SASS theme files lead to an error and nothing shows up. This c...
	How to override component partials with October CMS October CMS 01 Aug 2019 Within October CMS it is easy to override partials twig content within a component of a plugin. In this article I will show you how that is done inclu...
	How to add custom fields to static pages in October CMS October CMS 06 Jun 2020 In October CMS the Static Pages plugin from Rainlab lets you add variables to your page layout and use them in every page you create. It reacts even w...
	More highlights and alerts in October CMS blog posts October CMS 23 Jul 2019 A few custom plugins for October CMS to add some highlights and colored alerts to improve your blog content
	Sencha app watch switch off SASS and theming Ext JS Sencha Touch 17 Mar 2014 How to make Sencha watch processing a little faster
	How to add missing Ext JS locale properties in your application Ext JS 11 Nov 2015 How to add missing locale properties in Ext JS 6 with a simple override.
	Restore Internet Explorer on your Windows 8 start panel Software 03 Apr 2013 When you set Google Chrome as your default browser in Microsoft Windows 8, the Internet Explorer tile disappears from the desktop. Read this article o...