Support for CSS - Dynamic code

The support for CSS in Spider also includes, among other things, the mechanism of dynamic code.

The dynamic code retrieves data from the the CSS definition file and parses the existing CSS code (including those included in the current sheet using the @import clause). This makes possible to specify appropriate CSS property names in the tooltips. Thanks to this, you can write sheets much more efficiently, because despite the fact that there are tools for creating sheets, sometimes it is faster to enter the code directly from scratch.

Dynamic code works by suggesting the names of elements that can be used (functions, class methods, variables and constants). The tool can be called in two ways:

1. automatic display of hints - use the command on the mini editor bar. Hints will appear after a while of inactivity.
2. using the keyboard shortcut - you can at any time call a balloon with a hint to the currently typed function by pressing the keyboard shortcut ctrl + spacebar.

If you have activated automatic display of hints, enter the beginning of the property name (e.g. font-) and wait for a sec - a list will appear with items that fits and which you can use. The list will highlight the first item that fits the most the string you typed (e.g. for font- this will be the name of the font-family function). In the event that automatic display is disabled, to get a hint, use the shortcut.

You can move around the list using scroll bars, arrows, etc. (as in any window). To insert the selected structure into the document, press Enter or click on it.

• - Sound
• - Blocks
• - Classification
• - Colors and background
• - Font
• - Generated
• - Scroll bars
• - Page
• - Tables
• - Text
• - Visual