Styling Gadgets
For each gadget, you can provide your custom styles in the gadget.scss file of the gadget. You also have the option to provide the style in-line in view.xhtml or settings.xhtml files under a <style> tag.
Note:
From Designer 10.0 or later, Sass (Syntactically Awesome StyleSheets) is used as part of the gadget styles. Sass is an extension of CSS that adds power and elegance to the basic language. The file extension for gadgets using Sass is .scss.