freemarker-docgen-core/src/main/resources-gulp/org/freemarker/docgen/core/less/lib/components/code-block.less

/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 * 
 *   http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */
.code-label() {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  padding: 3px 9px;
  font-size: 10px;
  font-weight: bold;
  font-family: @font-sans-serif;
  text-transform: uppercase;
  color: rgba(94, 94, 94, 0.8);
}

.code-block-with-label() {
  padding-top: 23px;
}

.code-block {
  border: 0;
  position:relative;
  padding: 3px 6px 4px;
  margin: 12px 0;
  background-color: #f4f4f4;
  // background-color: #fbf9e9;

  @media(min-width: @screen-md-min) {
    display: inline-block;
    min-width: 600px;
    margin: 0;

    // reduce min-width for code inside lists
    ul & {
      min-width: 300px;
      display: block;
    }
  }

  .callout & {
    background-color: transparent !important; 
    padding: 0 !important;
    margin: 0 !important;

    &::after {
      display: none !important;
    }
  }
  
  &.code-template {
    background-color: #f4f4f4;
    .code-block-with-label();  
  
    &::after {
      .code-label();
      background-color: #e4e4e4;
      content: "Template";
    }
  }
  
  &.code-data-model {
    background-color: #ecf3f8;
    .code-block-with-label();  
  
    &::after {
      .code-label();
      background-color: #D2E2EF;
      content: "Data Model";
    }
  }
  
  &.code-output {
    background-color: #ECF8EE;
    .code-block-with-label();  
  
    &::after {
      .code-label();
      background-color: #D5EAD7;
      content: "Output";
    }
  }
  
  /*
  &.code-unspecified {
    // Same as default for now
  }
  */
  
}