@import "./__config";

.plastic-editor-view {
 
  .token {
    display: inline-block;
    // adding GPU layer here triggers a bug when CSS animation does not go away from ::before element
    // transform: translateZ(0); // create a GPU layer
    vertical-align: top;
    white-space: pre;
//    font-style: italic;
    line-height: @token-line-height;
  }
  
  .token .raw {
    display: inline-block;
  }

  .token.call {
    font-style: normal;
    font-weight: bold;
  }
  
  .token.call.string,
  .token.call.keyword {
    font-weight: normal;
  }
  
  .token.string {
    .boxy-token(0);
    font-style: normal;
  }
  
  .token.keyword {
    .boxy-token(280);
    font-style: normal;
  }

  .token.string i {
    opacity: 0.2;
  }

  .token .shadowed {
    position: relative;
    font-size: 8px;
    top: 1px;
  }

  .token.decl {
   font-style: normal;
  }

  .token.def-name {
    font-weight: bold;
    font-style: normal;

    .raw {
      text-decoration: underline;
    }
  }

  .token.def-doc {
    background-color: black;
    color: #888;
  }
  
  .token.ampersand > .raw {
    opacity: 0.4;
    font-style: normal;
  }

  .token.silenced > .raw {
    opacity: 0.4;
    color: #fff;
  }
  
  .token.linebreak {
    position: relative;
    left: @linebreak-left-correction;
    top: @linebreak-top-correction;
    width: 0px;
    font-style: normal;
  }

  .token.linebreak > .raw {
    opacity: 0.1;
  }
  
  
} // .plastic-editor-view
