styl.styl

   1 .crayon_mockup
   2         svg
   3                 border: 1px dotted #aaa
   4                 /.crayon_mockup.delete_tool svg
   5                         cursor: crosshair
   6         svg path
   7                 fill: none
   8                 stroke: #8c8c8c
   9                 stroke-width: 2
  10                 stroke-linecap: butt
  11                 stroke-linejoin: round
  12                 stroke-miterlimit: 4
  13                 stroke-opacity: 1
  14                 stroke-dasharray: none
  15                 /.crayon_mockup.delete_tool svg path:hover
  16                         stroke-width: 5
  17                         stroke: #f00
  18         .button
  19                 display: inline-block
  20                 border-radius: 4px
  21                 background: white
  22                 box-shadow: 1px 1px 4px rgba(0,0,0,0.5)
  23                 padding: 1px 2px
  24                 cursor: pointer
  25                 &:hover
  26                         background-color: #f9f9f9
  27                 margin: 0 4px
  28                 * + &
  29                         margin-left: 8px
  30         .button.disabled
  31                 color: #777
  32                 background-color: #f3f3f3
  33                 cursor: default
  34         .toolbar, .tool_options
  35                 padding-bottom: 5px