mirror of
https://github.com/dataarts/dat.gui.git
synced 2024-12-12 04:08:27 +00:00
styl
This commit is contained in:
George Michael Brower
parent
632f161c80
commit
b2d990338b
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -6,7 +6,7 @@
|
||||
|
||||
<title>dat-gui</title>
|
||||
|
||||
<link rel="import" href="gui.html">
|
||||
<script src="build/gui.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
@ -6,7 +6,7 @@
|
||||
|
||||
<title>dat-gui</title>
|
||||
|
||||
<link rel="import" href="gui.html">
|
||||
<script src="build/gui.js"></script>
|
||||
<link rel="stylesheet" href="docs/style.css">
|
||||
|
||||
</style>
|
||||
|
||||
@ -26,35 +26,12 @@ Polymer('controller-base', {
|
||||
this.object = object;
|
||||
this.path = path;
|
||||
|
||||
|
||||
this.bind('value', new PathObserver(this.object, this.path));
|
||||
|
||||
// if ( this._observer ) {
|
||||
// this._observer.close();
|
||||
// delete this._observer;
|
||||
// }
|
||||
|
||||
// var _this = this;
|
||||
|
||||
// this._observer = new PathObserver( this.object, this.path );
|
||||
// this._observer.open( function( newValue ) {
|
||||
|
||||
// _this.value = newValue;
|
||||
|
||||
// } );
|
||||
|
||||
// this.value = this.object[ this.path ];
|
||||
|
||||
},
|
||||
|
||||
valueChanged: function() {
|
||||
|
||||
// if ( this._observer ) {
|
||||
|
||||
// Path.get( this.path ).setValueFrom( this.object, this.value );
|
||||
|
||||
// }
|
||||
|
||||
this.update();
|
||||
|
||||
},
|
||||
|
||||
@ -13,13 +13,8 @@ Polymer( 'controller-boolean', {
|
||||
|
||||
toggle: function() {
|
||||
|
||||
console.log( 'hi' );
|
||||
this.value = !this.value;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
});
|
||||
|
||||
@ -23,7 +23,7 @@ border-radius = height;
|
||||
height: height;
|
||||
width: height;
|
||||
border-radius: border-radius;
|
||||
background: white;
|
||||
background: font-color;
|
||||
transition: transform 0.15s ease;
|
||||
}
|
||||
|
||||
|
||||
@ -9,17 +9,12 @@
|
||||
|
||||
#row {
|
||||
|
||||
|
||||
debug( blue )
|
||||
|
||||
height: min-row-height;
|
||||
transition: background-color 0.2s linear;
|
||||
border-bottom: 1px solid lighter;
|
||||
|
||||
&:hover {
|
||||
// background-color: #262626;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#controller {
|
||||
|
||||
@ -14,39 +14,37 @@ debug( color )
|
||||
panel-width = 245px
|
||||
min-row-height = 30px
|
||||
|
||||
font-color = #eee
|
||||
panel-color = #1a1a1a
|
||||
font-color = #ECEBE0
|
||||
panel-color = #1E1E1E
|
||||
|
||||
number-color = #25A0D8
|
||||
boolean-color = #864694
|
||||
string-color = #1EBD6E
|
||||
|
||||
padding = 8px
|
||||
|
||||
ease = cubic-bezier( .25, .25, 0, 1 )
|
||||
|
||||
light = rgba( 255, 255, 255, 0.25 )
|
||||
lighter = rgba( 255, 255, 255, 0.05 )
|
||||
|
||||
dark = rgba( 0, 0, 0, 0.1 );
|
||||
|
||||
padding = 8px
|
||||
ease = cubic-bezier( .25, .25, 0, 1 )
|
||||
// common
|
||||
|
||||
panel-font( color = font-color )
|
||||
font: 10px 'Lucida Grande', sans-serif;
|
||||
font: 11px 'Lucida Grande', sans-serif;
|
||||
color: color;
|
||||
if ( light( color ) )
|
||||
if ( color == font-color )
|
||||
-webkit-font-smoothing: antialiased;
|
||||
|
||||
input( color )
|
||||
panel-font( color )
|
||||
height: 100%;
|
||||
display: inline-block;
|
||||
background: transparent;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
outline: none;
|
||||
transition: background-color 0.15s linear;
|
||||
box-sizing: border-box;
|
||||
&:hover, &:focus
|
||||
background: lighter
|
||||
// &:hover, &:focus
|
||||
// background: lighter
|
||||
32
gulpfile.js
32
gulpfile.js
@ -11,7 +11,9 @@ var gulp = require( 'gulp' ),
|
||||
marked = require( 'marked' ),
|
||||
karma = require( 'karma' );
|
||||
|
||||
gulp.task( 'default', [ 'build' ], function() {
|
||||
gulp.task( 'default', [ 'docs', 'build' ] );
|
||||
|
||||
gulp.task( 'watch', [ 'default' ], function() {
|
||||
|
||||
karma.server.start( {
|
||||
frameworks: [ 'jasmine' ],
|
||||
@ -29,23 +31,23 @@ gulp.task( 'default', [ 'build' ], function() {
|
||||
gulp.task( 'build', [ 'vulcanize' ], function() {
|
||||
|
||||
return gulp.src( 'build/gui.html' )
|
||||
.pipe( replace( /\\/g, "\\\\" ) )
|
||||
.pipe( replace( /'/g, "\\'" ) )
|
||||
.pipe( replace( /^(.*)$/gm, "'$1'," ) )
|
||||
.pipe( insert.wrap( 'document.write([', '].join("\\n"))' ) )
|
||||
.pipe( rename( 'gui.js' ) )
|
||||
.pipe( gulp.dest( 'build' ) );
|
||||
.pipe( replace( /\\/g, "\\\\" ) )
|
||||
.pipe( replace( /'/g, "\\'" ) )
|
||||
.pipe( replace( /^(.*)$/gm, "'$1'," ) )
|
||||
.pipe( insert.wrap( 'document.write([', '].join("\\n"))' ) )
|
||||
.pipe( rename( 'gui.js' ) )
|
||||
.pipe( gulp.dest( 'build' ) );
|
||||
|
||||
} );
|
||||
|
||||
gulp.task( 'vulcanize', [ 'css' ], function() {
|
||||
|
||||
return gulp.src( 'gui.html' )
|
||||
.pipe( vulcan( {
|
||||
dest: 'build',
|
||||
inline: true,
|
||||
strip: true
|
||||
} ) );
|
||||
.pipe( vulcan( {
|
||||
dest: 'build',
|
||||
inline: true,
|
||||
strip: true
|
||||
} ) );
|
||||
|
||||
} );
|
||||
|
||||
@ -63,7 +65,7 @@ gulp.task( 'docs', function() {
|
||||
readme: marked( fs.readFileSync( 'README.md', 'utf8' ) )
|
||||
};
|
||||
|
||||
gulp.src( 'docs/template.html' )
|
||||
return gulp.src( 'docs/template.html' )
|
||||
.pipe( plates( content ) )
|
||||
.pipe( rename( 'index.html' ) )
|
||||
.pipe( gulp.dest( './' ) );
|
||||
@ -80,7 +82,7 @@ gulp.task( 'clean', function() {
|
||||
function css( src, dest ) {
|
||||
|
||||
return gulp.src( src )
|
||||
.pipe( stylus( { use: [ nib() ] } ) )
|
||||
.pipe( gulp.dest( dest ) );
|
||||
.pipe( stylus( { use: [ nib() ] } ) )
|
||||
.pipe( gulp.dest( dest ) );
|
||||
|
||||
}
|
||||
@ -6,7 +6,7 @@
|
||||
|
||||
<title>dat-gui</title>
|
||||
|
||||
<link rel="import" href="gui.html">
|
||||
<script src="build/gui.js"></script>
|
||||
<link rel="stylesheet" href="docs/style.css">
|
||||
|
||||
</style>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user