jrtechs
/
jrtechs-sugarizer-lite
mirror da https://github.com/jrtechs/sugarizer-lite.git
1
0
Forka 0
Codice Problemi 0 Rilasci 0 Wiki Attività
not really known
Non puoi selezionare più di 25 argomenti Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.
3 Commit
1 Ramo (Branch)
158 MiB
 
 
 
 
 
Albero (Tree): ecb9dae60d
Rami (Branch) Tag
${ item.name }
Crea branch ${ searchTerm }
da 'ecb9dae60d'
${ noResults }
jrtechs-sugarizer-lite/activities/Gears.activity/lib/sugar-web/graphics
D. Joe 397f3b2e88 Add all files created from a shallow clone of llaske/sugarizer at the following commit: 5 anni fa
..
css Add all files created from a shallow clone of llaske/sugarizer at the following commit: 5 anni fa
icons Add all files created from a shallow clone of llaske/sugarizer at the following commit: 5 anni fa
README.md Add all files created from a shallow clone of llaske/sugarizer at the following commit: 5 anni fa
activitypalette.html Add all files created from a shallow clone of llaske/sugarizer at the following commit: 5 anni fa
activitypalette.js Add all files created from a shallow clone of llaske/sugarizer at the following commit: 5 anni fa
grid.js Add all files created from a shallow clone of llaske/sugarizer at the following commit: 5 anni fa
icon.js Add all files created from a shallow clone of llaske/sugarizer at the following commit: 5 anni fa
menupalette.html Add all files created from a shallow clone of llaske/sugarizer at the following commit: 5 anni fa
menupalette.js Add all files created from a shallow clone of llaske/sugarizer at the following commit: 5 anni fa
palette.js Add all files created from a shallow clone of llaske/sugarizer at the following commit: 5 anni fa
radiobuttonsgroup.js Add all files created from a shallow clone of llaske/sugarizer at the following commit: 5 anni fa
xocolor.js Add all files created from a shallow clone of llaske/sugarizer at the following commit: 5 anni fa

README.md

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) });