Encountering an issue while attempting to access a Polymer defined CSS variable in a Jekyll SCSS/CSS file. The integration of Polymer Elements' "Paper Styles" for colors is done by including
<link rel="import" href="/bower_components/paper-styles/color.html">
in the <head> section of my template. Details can be found at . In the styles defined in color.html, Polymer sets "--google-red-100: #f4c7c3;" as an example.
Question: How can I reference this Polymer-defined color variable in an *.scss file within my Jekyll project?
color: --google-red-100;
color: $--google-red-100;
color: $google-red-100;
color: var(--google-red-100);
All these attempts have proven unsuccessful. I am looking for a solution that does not involve adding another <style> definition in the document's head or redundantly re-defining color variables.