library-mirrors/dat.gui
1
0
Fork 0
mirror of https://github.com/dataarts/dat.gui.git synced 2024-12-12 04:08:27 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

styl

Browse Source
This commit is contained in:
George Michael Brower 2014-09-02 20:44:37 -04:00
parent 632f161c80
commit b2d990338b
11 changed files with 38 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
build/gui.html
View File

File diff suppressed because one or more lines are too long

8
build/gui.js
View File

File diff suppressed because one or more lines are too long

2
demo.html
View File

@ -6,7 +6,7 @@
<title>dat-gui</title>
<link rel="import" href="gui.html">
<script src="build/gui.js"></script>
</head>
<body>

2
docs/template.html
View File

@ -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>

23
elements/controller-base/controller-base.js
View File

@ -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();
},

5
elements/controller-boolean/controller-boolean.js
View File

@ -13,13 +13,8 @@ Polymer( 'controller-boolean', {
toggle: function() {
console.log( 'hi' );
this.value = !this.value;
}
});

2
elements/controller-boolean/controller-boolean.styl
View File

@ -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;
}

5
elements/gui-row/gui-row.styl
View File

@ -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 {

20
elements/shared.styl
View File

@ -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

6
gulpfile.js
View File

@ -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' ],
@ -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( './' ) );

2
index.html
View File

@ -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>