jrtechs
/
jrtechs-sugarizer-lite
mirror of https://github.com/jrtechs/sugarizer-lite.git
1
0
Fork 0
Code Issues 0 Releases 0 Wiki Activity
not really known
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.
3 Commits
1 Branch
225 MiB
 
 
 
 
 
Tree: ecb9dae60d
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'ecb9dae60d'
${ noResults }
jrtechs-sugarizer-lite/activities/Speak.activity/lib/sugar-web/graphics
D. Joe 397f3b2e88 Add all files created from a shallow clone of llaske/sugarizer at the following commit: 4 years ago
..
css Add all files created from a shallow clone of llaske/sugarizer at the following commit: 4 years ago
icons Add all files created from a shallow clone of llaske/sugarizer at the following commit: 4 years ago
README.md Add all files created from a shallow clone of llaske/sugarizer at the following commit: 4 years ago
activitypalette.html Add all files created from a shallow clone of llaske/sugarizer at the following commit: 4 years ago
activitypalette.js Add all files created from a shallow clone of llaske/sugarizer at the following commit: 4 years ago
grid.js Add all files created from a shallow clone of llaske/sugarizer at the following commit: 4 years ago
icon.js Add all files created from a shallow clone of llaske/sugarizer at the following commit: 4 years ago
menupalette.html Add all files created from a shallow clone of llaske/sugarizer at the following commit: 4 years ago
menupalette.js Add all files created from a shallow clone of llaske/sugarizer at the following commit: 4 years ago
palette.js Add all files created from a shallow clone of llaske/sugarizer at the following commit: 4 years ago
radiobuttonsgroup.js Add all files created from a shallow clone of llaske/sugarizer at the following commit: 4 years ago
xocolor.js Add all files created from a shallow clone of llaske/sugarizer at the following commit: 4 years ago

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