You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1.2 KiB
1.2 KiB
Sugar Graphics
Sugar widgets and graphics, implementing the Sugar Interface Guidelines.
Modifying the CSS
We use LESS and then compile the CSS files. This is to be able to use calculations and variables for colors and measures. And to be able to output different CSS files for different screen resolutions.
To compile the CSS files do:
lessc graphics/css/sugar-96dpi.less graphics/css/sugar-96dpi.css
lessc graphics/css/sugar-200dpi.less graphics/css/sugar-200dpi.css
Be sure to compile them before commit.
The grid helper
The grid is a visual debug tool that allows you to check if the elements have the correct size. To activate the grid, open the inspector console and paste the following.
If RequireJS is not in the page head (ie. in the sugar-web-samples), load it:
var script = document.createElement('script');
script.src = 'lib/require.js';
document.head.appendChild(script);
requirejs.config({ baseUrl: "lib" });
Then do:
require(["sugar-web/graphics/grid"], function (grid) { grid.addGrid(11) });