Where do I put sass variables for my own components?


this should be obvious, but it sorta isn’t :slight_smile: I want to use some sass variables that would be used in several of my angular/ionic 5 custom components. I tried putting them in global.scss and theme/variables.scss like so:

$attachment-size-thumbnail-sq-small: 18vh;

but I still get

SassError: SassError: Undefined variable: "$attachment-size-thumbnail-sq-small".
        on line 62 of src/app/components/camera-window/camera-window.component.scss
>>   height: $attachment-size-thumbnail-sq-small;

as if they weren’t there

Nevermind, just got a helpful link on IRC: Angular - Shortcut to Importing Styles Files in Components | DigitalOcean

1 Like