diff --git a/TODO b/TODO index 15b86be..6aa03f6 100644 --- a/TODO +++ b/TODO @@ -2,21 +2,6 @@ BUILD - [x] single import -DOCS - -- [ ] table of contents ( is going to be really long ) - -STYLE - -- [ ] touch styles: bigger please! -- [ ] kill hover behavior if touch - -- [x] sharing more styles - -CLEANLINESS - -- [ ] can gui-row be baked into base-controller somehow? - PARITY - [ ] folders @@ -32,6 +17,21 @@ NEW FEATURES - [ ] save server +DOCS + +- [ ] table of contents ( is going to be really long ) + +STYLE + +- [x] touch styles: bigger please! +- [x] kill hover behavior if touch +- [x] sharing more styles + +STRUCTURE + +- [ ] can gui-row be baked into base-controller somehow? + + NICE TO HAVES - [ ] css linter? diff --git a/build/gui.html b/build/gui.html index f9ad348..c54828c 100644 --- a/build/gui.html +++ b/build/gui.html @@ -10,11 +10,11 @@ var e,f,g,h=b.type;if("load"===h&&!b.bubbles){var i=c;i instanceof Q.Document&&( +},_register:function(){c(this.extends)&&!b(this.extends)&&console.warn("%s is attempting to extend %s, an unregistered element or one that was not registered with Polymer.",this.name,this.extends),this.register(this.name,this.extends),this.registered=!0},waitingForPrototype:function(a){return h(a)?void 0:(i(a,this),this.handleNoScript(a),!0)},handleNoScript:function(a){this.hasAttribute("noscript")&&!this.noscript&&(this.noscript=!0,Polymer(a))},waitingForResources:function(){return this._needsResources},waitingForQueue:function(){return f.enqueue(this,this.registerWhenReady,this._register)},loadResources:function(){this._needsResources=!0,this.loadStyles(function(){this._needsResources=!1,this.registerWhenReady()}.bind(this))}});e.publish(e.declaration,j),g(function(){document.body.removeAttribute("unresolved"),document.dispatchEvent(new CustomEvent("polymer-ready",{bubbles:!0}))}),document.registerElement("polymer-element",{prototype:j})}(Polymer),function(){var a=document.createElement("polymer-element");a.setAttribute("name","auto-binding"),a.setAttribute("extends","template"),a.init(),Polymer("auto-binding",{createdCallback:function(){this.syntax=this.bindingDelegate=this.makeSyntax(),Polymer.whenPolymerReady(function(){this.model=this,this.setAttribute("bind",""),this.async(function(){this.marshalNodeReferences(this.parentNode),this.fire("template-bound")})}.bind(this))},makeSyntax:function(){var a=Object.create(Polymer.api.declaration.events),b=this;a.findController=function(){return b.model};var c=new PolymerExpressions,d=c.prepareBinding;return c.prepareBinding=function(b,e,f){return a.prepareEventBinding(b,e,f)||d.call(c,b,e,f)},c}})}(); - - - - \ No newline at end of file + + + + \ No newline at end of file diff --git a/build/gui.js b/build/gui.js index 889ed02..822a39a 100644 --- a/build/gui.js +++ b/build/gui.js @@ -10,11 +10,11 @@ document.write(['', +'},_register:function(){c(this.extends)&&!b(this.extends)&&console.warn("%s is attempting to extend %s, an unregistered element or one that was not registered with Polymer.",this.name,this.extends),this.register(this.name,this.extends),this.registered=!0},waitingForPrototype:function(a){return h(a)?void 0:(i(a,this),this.handleNoScript(a),!0)},handleNoScript:function(a){this.hasAttribute("noscript")&&!this.noscript&&(this.noscript=!0,Polymer(a))},waitingForResources:function(){return this._needsResources},waitingForQueue:function(){return f.enqueue(this,this.registerWhenReady,this._register)},loadResources:function(){this._needsResources=!0,this.loadStyles(function(){this._needsResources=!1,this.registerWhenReady()}.bind(this))}});e.publish(e.declaration,j),g(function(){document.body.removeAttribute("unresolved"),document.dispatchEvent(new CustomEvent("polymer-ready",{bubbles:!0}))}),document.registerElement("polymer-element",{prototype:j})}(Polymer),function(){var a=document.createElement("polymer-element");a.setAttribute("name","auto-binding"),a.setAttribute("extends","template"),a.init(),Polymer("auto-binding",{createdCallback:function(){this.syntax=this.bindingDelegate=this.makeSyntax(),Polymer.whenPolymerReady(function(){this.model=this,this.setAttribute("bind",""),this.async(function(){this.marshalNodeReferences(this.parentNode),this.fire("template-bound")})}.bind(this))},makeSyntax:function(){var a=Object.create(Polymer.api.declaration.events),b=this;a.findController=function(){return b.model};var c=new PolymerExpressions,d=c.prepareBinding;return c.prepareBinding=function(b,e,f){return a.prepareEventBinding(b,e,f)||d.call(c,b,e,f)},c}})}();', '', '', '', -'', -'', -'', -'',].join("\n")) \ No newline at end of file +'', +'', +'', +'',].join("\n")) \ No newline at end of file diff --git a/docs/style.styl b/docs/style.styl index 0e1907e..2e11699 100644 --- a/docs/style.styl +++ b/docs/style.styl @@ -1,78 +1,67 @@ -@import '../elements/shared/shared'; +@import '../elements/shared/shared' unit = 18px -body-padding = unit * 2; +body-padding = unit * 2 -readme-margin = panel-width + body-padding; +readme-margin = panel-width + body-padding -* { - margin: 0; -} +* + margin 0 -body { - margin: body-padding; - line-height: 24px; -} +body + margin body-padding + line-height 24px .disable-hover, -.disable-hover * { - pointer-events: none !important; -} +.disable-hover * + pointer-events none !important -h1, h2, h3, h4, p, pre { - margin-bottom: unit; -} +h1, h2, h3, h4, p, pre + margin-bottom unit -pre { - width: 100%; - margin-bottom: unit * 2; - line-height: 20px; -} +pre + width 100% + margin-bottom unit * 2 + line-height 20px -h1 { - margin-bottom: unit * 3; -} +h1 + margin-bottom unit * 3 -h3 { +h3 - padding: unit 0; - margin-bottom: unit * 2; + padding unit 0 + margin-bottom unit * 2 - border-bottom: 1px solid rgba( 0, 0, 0, 0.2 ); - transition: border-color 0.2s linear, color 0.2s linear; + border-bottom 1px solid rgba( 0, 0, 0, 0.2 ) + transition border-color 0.2s linear, color 0.2s linear - &.sticky { + &.sticky - left: body-padding; - right: body-padding + readme-margin; - top: 0; - background: #fff; + left body-padding + right body-padding + readme-margin + top 0 + background #fff - &.sticky-prev { - color: #eee; - border-bottom: 1px solid rgba( 0, 0, 0, 0 ); - } + &.sticky-prev + color #eee + border-bottom 1px solid rgba( 0, 0, 0, 0 ) + - } + -} - -#readme { - margin-right: readme-margin; -} - -gui-panel { - position: fixed; - width: panel-width; - top: 0px; - right: unit; - z-index: 9999; - transition: transform 0.4s cubic-bezier(.5,1,0,1); - transform: translate3d( 0, -200px, 0 ); - &.sticky { - transform: translate3d( 0, 0, 0 ); - transition-delay: 400ms; - } -} +#readme + margin-right readme-margin +gui-panel + position fixed + width panel-width + top 0px + right unit + z-index 9999 + transition transform 0.4s cubic-bezier(.5,1,0,1) + transform translate3d( 0, -200px, 0 ) + &.sticky + transform translate3d( 0, 0, 0 ) + transition-delay 400ms + diff --git a/elements/controller-boolean/controller-boolean.html b/elements/controller-boolean/controller-boolean.html index 5a4cac2..1c9c696 100644 --- a/elements/controller-boolean/controller-boolean.html +++ b/elements/controller-boolean/controller-boolean.html @@ -7,7 +7,7 @@