clean up tool button handling and appearance

[crayon_mockup.git] / styl.styl

diff --git a/styl.styl b/styl.styl
new file mode 100644 (file)
index 0000000..b83e8d5
--- /dev/null
+++ b/styl.styl
@@ -0,0 +1,30 @@
+.crayon_mockup
+       svg
+               border: 1px dotted #aaa
+       svg path
+               fill: none
+               stroke: #8c8c8c
+               stroke-width: 2
+               stroke-linecap: butt
+               stroke-linejoin: round
+               stroke-miterlimit: 4
+               stroke-opacity: 1
+               stroke-dasharray: none
+       .button
+               display: inline-block
+               border-radius: 4px
+               background: white
+               box-shadow: 1px 1px 4px rgba(0,0,0,0.5)
+               padding: 1px 2px
+               cursor: pointer
+               &:hover
+                       background-color: #f9f9f9
+       .button.disabled
+               color: #777
+               background-color: #f3f3f3
+               cursor: default
+       .button + .button
+               margin-left: 14px
+
+       .toolbar, .tool_options
+               padding-bottom: 5px