rriepe / 1pxdeep Goto Github PK

Hi !
I'm using bootstrap (V2.2.2) on my project (Play! 2.0.4) and when I try importing 1pxdeep.less and scheme.less I get the following error :

EcmaError: TypeError: Cannot call method "charAt" of undefined (less-1.3.0.js#352)

It seems that there is something my preprossesor doesn't read ...
Maybe you have already been through this issue ... I would really appreciate your help : )

Thx

Simon.

Hi,
First, thanks for this library. It works great!
I don't know if it's a bug or if I missed something but I don't understand why I don't get the same colors as the ones from http://colorschemedesigner.com/

For example, with the seed color #f80012 and the color wheel 'complement' 1pxdeep gives a different palette (mainly red and teal) from the color scheme designer (red and green).

Thanks.

Cool project. However, I'd drop the font-size, border-radius, non-color styles. This is useful for color scheming. If I needed to change the other styles... I can do so in the other less files.

Thanks

Hi,

I really hope you'd be able to help me out, I'm a newbie at html/CSS/LESS. I'm trying to follow LESS.org and your instructions to use customize bootstrap's color schemes.
What I did was:

1. Went to download bootstrap.less, less.js and all files/folders from github.com/twbs/bootstrap/tree/master
   and
   github.com/less/less.js

And unzipped to my local drive.

1. Downloaded a sample bootstrap template (hero.html) to work with.

2. I've edited hero.html and added the following lines:

   ( right after links to bootstrap-responsive.css)
   link href="bootstrap-master/less/bootstrap.less" rel="stylesheet/less" type="text/css"
   link rel="stylesheet/less" type="text/css" href="less.js-master/1pxdeep-master/1pxdeep.less"
   link rel="stylesheet/less" type="text/css" href="less.js-master/1pxdeep-master/scheme.less"

   (right before )
   script src="less.js-master/dist/less-1.4.2.js" type="text/javascript"></script

3. I'm kinda stuck and unsure what went wrong, as I get the following errors in Chrome when loading hero.html:

XMLHttpRequest cannot load file:///C:/Users/BigFonts/Bootstrap/bootstrap-master/bootstrap-master/less/bootstrap.less. Cross origin requests are only supported for HTTP. less-1.4.2.js:5685
xhr less-1.4.2.js:5685
loadStyleSheet less-1.4.2.js:5570
loadStyleSheets less-1.4.2.js:5449
less.refresh less-1.4.2.js:5402
(anonymous function) less-1.4.2.js:5421
(anonymous function)

1. I also tried loading hero.html in Firefox, I don't see the XMLHttpRequest errors anymore, but a diff err msg:

NameError: variable @color1 is undefined
in 1pxdeep.less on line 29, column 25:
28
29
@1pxdeep-bg: @color1;
30
@1pxdeep-modal-bg: @Color2;

I've also tried to use WinLess to compile the files locally, and get the same errors:
variable @color1 is undefined in 1pxdeep.less on line 29, column 25:
28
29 @1pxdeep-bg: @color1;
30 @1pxdeep-modal-bg: @Color2;

I really hope you are able to help, as I really like the color scheming tool in 1pxdeep and want to customize bootstrap's default colors.

lessc 1pxdeep.less 1pxdeep.css

NameError: variable @color1a is undefined in 1pxdeep.less on line 25, column 37:
24
25 @modal-backdrop-bg: @color1a;
26

Get this error while complie.
lessc scheme.less scheme.css
But the scheme.css is blank!

This is a feature request, or a request for tactics. I'd really like to use 1pxdeep with bootstrap-sass and rails. I've scoured the earth for some sort of conversion utility, but it doesn't exist.

What do you think it would take? I took a stab at it manually, but I'm not that great with CSS and sadly failed quickly ;)

It would be incredible if the generator had SCSS as a download option, but I know that is a big request.

A table row with class="success" uses the default success color (which is light and doesn't show white text too well). Buttons and labels are fine.

can you register the project in bower to increase it's awesomeness?

I'm really sorry to ask this here but if you are kind enough to explain how to use this

What I did

I downloaded the bootsrap 3 version at https://github.com/twbs/bootstrap
I downloaded your Scheme
I use the less app for Mac here http://incident57.com/less/

Next

I created a new folder where I put
1- all the files present in the bootsrap less folder
2- all the less files present in your scheme zip
3- the index.less file I created with the import lines in it you mention in your web.

I try to compile then, and it throws lots of errors at me ?

Thanks again, as you do not need to guess i have no clue what so ever

Love your project. Many thanks for it.

I have found one issue related to coloured tables and "(non-)roundedness". In the example tables on http://rriepe.github.io/1pxdeep/, section "it's all relative", the following happens:

• the last row is not rounded.
• the odd coloured rows got one pixel on the left border in background colour.

Tested with Firefox 36 and IE 11. I have no idea how to fix it.

Love the project, great work. The only issue I have is that the CSS seems to be a bit mixed up with modals - even on the main demo page -

http://rriepe.github.io/1pxdeep/

if you try the modal you'll see it doesn't get styled as you'd expect

John

Fatal error: No matching definition was found for `.table-row-variant(success, #5cb85c, #5cb85c)`

checked with bootstrap 3.0.2, it's good with that version. should be related to something that is changed in 3.0.3