Starting workshop

desktop/sources/scripts/library.js

@@ -93,6 +93,10 @@ function Library (ronin) {
     ronin.surface.fill(rect, color)
     return rect
   }
+  
+  this.gradient = (line, colors = ['white', 'black']) => {
+    return ronin.surface.linearGradient(line.a.x, line.a.y, line.b.x, line.b.y, colors)
+  }
 
   this.clear = (rect = this.frame()) => { // Clears a rect.
     ronin.surface.clear(rect)
@@ -144,12 +148,6 @@ function Library (ronin) {
     return getComputedStyle(el).getPropertyValue(`--${variable}`)
   }
 
-  // Gradients
-
-  this.gradient = (line, colors = ['white', 'black']) => {
-    return ronin.surface.linearGradient(line.a.x, line.a.y, line.b.x, line.b.y, colors)
-  }
-
   // Pixels
 
   this.pixels = (rect, fn, q) => {