diff --git a/README.md b/README.md index 28fad05..2ec4af0 100644 --- a/README.md +++ b/README.md @@ -7,7 +7,10 @@ dat-gui creates an interface that you can use to modify variables with very litt Download the [minified library]( todo ) and include it in your html. ```html - + + + + ``` Create controllers by adding objects and their properties. dat-gui chooses a controller based on the variable's initial value. diff --git a/build/gui.html b/build/gui.html index dd1c73a..b2adb9d 100644 --- a/build/gui.html +++ b/build/gui.html @@ -1,1503 +1,20 @@ - + - + - + - - - - \ No newline at end of file + + + + \ No newline at end of file diff --git a/elements/controller-boolean/controller-boolean.styl b/elements/controller-boolean/controller-boolean.styl index e5b7966..f642c71 100644 --- a/elements/controller-boolean/controller-boolean.styl +++ b/elements/controller-boolean/controller-boolean.styl @@ -8,6 +8,7 @@ border-radius = height; height: 100%; cursor: pointer; padding-left: padding + } #switch-track { @@ -33,6 +34,9 @@ border-radius = height; #switch-knob { transform: translate3d( width - height, 0, 0 ); } + &:hover #switch-knob { + transform: translate3d( width - height, 0, 0 ) scale( 1.5 ); + } } #text { diff --git a/examples/index.html b/examples/index.html index a0205ec..010f207 100644 --- a/examples/index.html +++ b/examples/index.html @@ -5,8 +5,15 @@ dat-gui kitchen sink - - + + + + + + + + +