trying to add this css styles in custom-login
The layout of your SASS files seem to be fine. My guess would be that you’re not assigning the custom class to the appropriate container on your page.
I’ve copied your layout for your SASS files and tried implementing it to a project. On my login page, I’ve added your custom variable to the container for my login page
Once deployed, the container of the login page now has your custom class
Also, if you’re working on Chrome and haven’t done so already, disabling cache could help if you’re changing the design frequently (Right click → Inspect → Network → Tick “Disable Cache”):
Hope this helps,