mstr-viz/template-use-react/src/vis.less

A new dev tool for creating custom visualizations

@format_panel_icons: "./images/format_panel_icons.svg";

.<% print(_.toLower(pluginName)) %> {
  
  .canvasContainer {
    overflow-y: scroll;

    .container {      
      display: flex;
      align-items: center;
      justify-content: space-around;

      .attributeContainer,
      .colorByContainer,
      .sizeByContainer,
      .metricContainer {  
        text-align: center;
        position: relative;
        width: 25%;
        border: 1px solid white;
        padding: 10px;
      }
      
      .sizeByContainer {
        background-color: transparent;
      }
    } 
  }
}

div.segment-control-icons._<% print(_.toLower(pluginName)) %> {
  background: url(@format_panel_icons) no-repeat scroll 0 -150px;
  height: 22px;
  width: 22px;
}