Accessing Custom JavaScript and CSS in Gadgets

I am new to JIRA plugin/gadget development. I have created a basic plugin and added custom CSS files in it with proper resource details in atlassian-plugin.xml file along with atl.general. I am trying to access this CSS through a gadget( A gadget that allows me to write Javascript code and renders the view from it) on my dashboard.

Even through I have given the proper context my CSS is not being accessed by my gadgets JavaScript. Is there a way this can be done?