dgrid custom skin

classic Classic list List threaded Threaded
4 messages Options
Reply | Threaded
Open this post in threaded view
|

dgrid custom skin

Michael Schall
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.

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/

[hidden email]
To unsubscribe, visit: http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest
Reply | Threaded
Open this post in threaded view
|

Re: dgrid custom skin

Kenneth G. Franqueiro
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/

[hidden email]
To unsubscribe, visit: http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest
Reply | Threaded
Open this post in threaded view
|

Re: dgrid custom skin

Michael Schall
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 <[hidden email]> 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/

[hidden email]
To unsubscribe, visit: http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest


--
Dojo Toolkit: http://dojotoolkit.org/
Tutorials: http://dojotoolkit.org/documentation/

[hidden email]
To unsubscribe, visit: http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest
Reply | Threaded
Open this post in threaded view
|

Re: dgrid custom skin

Kenneth G. Franqueiro
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
> <[hidden email] <mailto:[hidden email]>> 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/
>
>     [hidden email]
>     <mailto:[hidden email]>
>     To unsubscribe, visit:
>     http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest
>
>
>
>
--
Dojo Toolkit: http://dojotoolkit.org/
Tutorials: http://dojotoolkit.org/documentation/

[hidden email]
To unsubscribe, visit: http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest