Contents

div.plasticine-column{border:none;clear:both;height:500px;margin:0;padding:0;width:100%;
  svg{overflow:visible;height:100%;width:100%;}

  path{fill:none;opacity:0;}

  g.axis{shape-rendering:crispEdges;
    g.tick {
      line{stroke:#efefef;}
      .minor line {stroke:#efefef;}
      text{text-transform:uppercase;fill:#999;font-size:1.4rem;font-weight:500;}
    }

    &.x g.tick{
      line{opacity:0;}
      text{
        transform: translate(0px,10px);
        -ms-transform: translate(0px,10px);
        -webkit-transform: translate(0px,10px);
        -moz-transform: translate(0px,10px);
      }
    }

    &.y g.tick{
      text{text-align:right;}
    }
  }

  g.columns g.column{
    rect{fill:#24b4ca;}
    rect.col1{fill:#45c8dc;}
    rect.col2{fill:#7fd7e5;}
    rect.col3{fill:#a6e5ee;}
    rect.col4{fill:#c2edf5;}

  }

  .tooltip{background:#fff;border:1px solid #eee;border-radius:1rem;box-shadow:0px 0px 4px 0px rgba(0,0,0,0.1);display:none;margin-top:-3px;padding:1rem 2rem;position:absolute;
    p{font-size:1.5rem;margin:0;padding:0;}

    &:after, &:before {border:solid transparent;content:" ";height:0;left:50%;pointer-events:none;position:absolute;top:100%;width:0;}
    &:after {border-color:rgba(255, 255, 255, 0);border-top-color:#ffffff;border-width:12px;margin-left:-12px;}
    &:before {border-color:rgba(238, 238, 238, 0);border-top-color:#eeeeee;border-width:13px;margin-left:-13px;}
  }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
plasticine-1.1.1	app/assets/stylesheets/plasticine/column.scss
plasticine-1.1.0	app/assets/stylesheets/plasticine/column.scss