[Dojo-interest] dgrid custom skin

Kenneth G. Franqueiro kgf at dojotoolkit.org
Tue Feb 23 12:16:44 EST 2016


Hm. Yeah, looks like we need to add information there for writing custom
skins outside of dgrid itself (since skins within dgrid itself are
covered by npm install and grunt stylus).

--Ken

On 2/23/2016 12:09 PM, Michael Schall wrote:
> Ken - 
> 
> Thanks for your response.  I ran "npm install -g nib" and it installed
> successfully, however I still got the same message.
> 
> I found the following post
> (http://www.clock.co.uk/blog/compiling-css-using-stylus-getting-started)
> that shows how to use the stylus and nib from the command line.  You
> have to specify -u nib to gain access to nib.  The following command
> line worked successfully.
> 
> stylus -u nib claro.styl
> 
> It would be nice to have information similar to this on
> the https://github.com/SitePen/dgrid/blob/master/doc/usage/Customizing-Skins.md
> page for future users.  The sections "Installing Stylus using Node.js"
> and "Using the Stylus Executable" where very helpful.
> 
> Mike
> 
> 
> On Mon, Feb 22, 2016 at 4:58 PM, Kenneth G. Franqueiro
> <kgf at dojotoolkit.org <mailto:kgf at dojotoolkit.org>> wrote:
> 
>     Yes, npm i -g nib should suffice to make that work.
> 
>     --Ken
> 
>     On 2/22/2016 5:56 PM, Michael Schall wrote:
>     > I am trying to create a custom skin based on claro.  I really only
>     want
>     > to change the base color away from blue.  I have my "skin" working in
>     > dojo using less, but am having issues getting Stylus working on my
>     > machine for the dgrid skin.
>     >
>     > I have stylus installed, but I am having issues with the "nib"
>     require.
>     > I'm new to node/npm, but I can't seem to get this working.
>     >
>     > I have looked at the following docs, but there is no help here getting
>     > my environment setup.
>     >
>     https://github.com/SitePen/dgrid/blob/master/doc/usage/Customizing-Skins.md
>     >
>     > I'm on windows and have installed Stylus using:
>     > npm install stylus -g
>     >
>     > I tried to pull in the dependencies using:
>     > npm install
>     >
>     > But still get the following:
>     > Error: claro.styl:1:10
>     >    1| @require 'nib/gradients';
>     > ---------------^
>     >    2| @require 'nib/vendor';
>     >    3|
>     >    4| $dgrid-background ?= #fff;
>     >
>     > failed to locate @require file nib/gradients.styl
>     >
>     >     at Evaluator.visitImport
>     >
>     (C:\Users\mike\AppData\Roaming\npm\node_modules\stylus\lib\visitor\evaluator.js:901:21)
>     >     at Evaluator.Visitor.visit
>     >
>     (C:\Users\mike\AppData\Roaming\npm\node_modules\stylus\lib\visitor\index.js:28:40)
>     >     at Evaluator.visit
>     >
>     (C:\Users\mike\AppData\Roaming\npm\node_modules\stylus\lib\visitor\evaluator.js:156:18)
>     >     at Evaluator.visitRoot
>     >
>     (C:\Users\mike\AppData\Roaming\npm\node_modules\stylus\lib\visitor\evaluator.js:693:27)
>     >     at Evaluator.Visitor.visit
>     >
>     (C:\Users\mike\AppData\Roaming\npm\node_modules\stylus\lib\visitor\index.js:28:40)
>     >     at Evaluator.visit
>     >
>     (C:\Users\mike\AppData\Roaming\npm\node_modules\stylus\lib\visitor\evaluator.js:156:18)
>     >     at Evaluator.evaluate
>     >
>     (C:\Users\mike\AppData\Roaming\npm\node_modules\stylus\lib\visitor\evaluator.js:233:15)
>     >     at Renderer.render
>     >
>     (C:\Users\mike\AppData\Roaming\npm\node_modules\stylus\lib\renderer.js:86:26)
>     >     at
>     >
>     C:\Users\mike\AppData\Roaming\npm\node_modules\stylus\bin\stylus:656:15
>     >     at tryToString (fs.js:414:3)
>     >
>     > Does nib need to be installed globally for this to work?
>     >
>     > Any pointers would be great!
>     >
>     > Thanks
>     >
>     > Mike
>     >
>     >
>     --
>     Dojo Toolkit: http://dojotoolkit.org/
>     Tutorials: http://dojotoolkit.org/documentation/
> 
>     Dojo-interest at mail.dojotoolkit.org
>     <mailto:Dojo-interest at mail.dojotoolkit.org>
>     To unsubscribe, visit:
>     http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest
> 
> 
> 
> 


More information about the Dojo-interest mailing list