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