rriepe / 1pxdeep Goto Github PK
View Code? Open in Web Editor NEWBootstrap theme featuring powerful color scheme controls and a flat design
Home Page: http://rriepe.github.io/1pxdeep/
Bootstrap theme featuring powerful color scheme controls and a flat design
Home Page: http://rriepe.github.io/1pxdeep/
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:
And unzipped to my local drive.
Downloaded a sample bootstrap template (hero.html) to work with.
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
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)
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
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/
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:
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
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.