Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p><strong>SUPER SHORT VERSION:</strong> Use <code>/*! loud comments */</code> and compile the SCSS just before packaging and distributing.</p> <p>Two part answer, "old part" first:</p> <p>I used Sass/SCSS when developing my "Orin" theme: <a href="https://github.com/founddrama/orin" rel="noreferrer">https://github.com/founddrama/orin</a></p> <p><strong>Part One:</strong></p> <ul> <li>In my <code>src/scss</code> directory, I keep all of my <code>_include.scss</code> files and the <code>style.scss</code> file that has all of the <code>@import</code> statements.</li> <li>During development, I just run the usual <code>sass --watch</code> (although it's an extra step to remember to save the <code>style.scss</code> file).</li> <li>Once your SCSS source is looking good and committed to version control, you can simply build the <code>style.scss</code> into <code>style.css</code> and check that into version control for the Theme that gets distributed.</li> </ul> <p>In my case, "Orin" is just for me, so I perform the build when I update it on the blog server, but the SCSS compilation can just as easily be done prior to packaging/distribution. The build script I'm using is <a href="https://github.com/founddrama/orin/blob/master/bin/deploy.sh" rel="noreferrer">here</a> (in that Github repo); the gist of it being:</p> <ol> <li><code>touch</code> to create the <code>style.css</code> output file;</li> <li>apply the license text;</li> <li>compile the SCSS and append it to <code>style.css</code>.</li> </ol> <p><strong>Part Two:</strong></p> <p>More recent versions of Sass include support for <code>/*! loud comments */</code>; meaning that I need to get off my lazy butt and update to:</p> <ol> <li>Include the license text and theme description right there in <code>style.scss</code> using the loud comments;</li> <li>update the build/deploy script to simply compile the SCSS.</li> </ol>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload