Sublime liquid sass/scss interpolation. Use this to select elements in a scss.liquid file and use sass interpolation to escape them so you can use a preprocessor.

liquidsass.sublime-snippet

<!-- Save to ~/Library/Application Support/Sublime Text 3/Packages/User/ -->
<!-- Example: if you have some liquid like: {{ settings.site_bg_col }}; in your .scss.liquid file,
select that (except for the closing ; and use the keybinding set below. -->
<!-- Output: #{" {{ settings.site_bg_col }} "}; -->

<snippet>
    <content><![CDATA[
#{" $SELECTION "}
]]></content>
    <!-- this tab trigger won't really work when using $SELECTION -->
    <tabTrigger>sslq</tabTrigger>
    <description>SCSS Liquid Interpolation</description>
</snippet>

sublimetext_key_binding

// Add this to Sublime Text > Preferences > Key Bindings

{   
    "keys": ["shift+control+l"], // change this to whatever you want
    "command": "insert_snippet", 
    "args": { "name": "Packages/User/liquidsass.sublime-snippet" } 
},