app/addons/components/assets/scss/jsonlink.scss

// Licensed 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.

.faux__jsonlink {
  /*width: 76px; Static width cause rendering problems on Edge */
  border-left: 1px solid $cf-border-color01;
  padding: 16px 12px 12px 12px !important;
  height: 64px;
  text-align: center;
  min-width: 55px;

  &:hover {
    background-color: $cf-topheader-bg-hover;
  }
}

.faux__jsonlink-link {
  color: $cf-topheader-color;
  text-decoration: none;
  line-height: 33px;
  font-size: 13px;
}

.faux__jsonlink-link:visited,
.faux__jsonlink-link:focus,
.faux__jsonlink-link:active {
  text-decoration: none;
  color: $cf-topheader-color;
}

.faux__jsonlink-link-brackets {
  font-size: 15px;
  padding-right: 3px;
  font-weight: 500;
}

.faux__doclink {
  text-align: center;
  width: 55px;
  border-left: 1px solid $cf-border-color01;
  padding: 18px 12px 12px 12px !important;
  height: 64px;

  &:hover {
    background-color: $cf-topheader-bg-hover;
  }
}

.faux__doclink-link {
  color: $cf-topheader-color;
  text-decoration: none;
  line-height: 33px;
  font-size: 20px;

  .fonticon-bookmark {
    vertical-align: middle;
  }
}

.faux__doclink-link:active,
.faux__doclink-link:focus,
.faux__doclink-link:visited {
  text-decoration: none;
  color: $cf-topheader-color;
}

@media (max-width: 1090px) {
  #main:not(.closeMenu) {
    .faux__jsonlink-link-label {
      display: none;
    }
  }
}

@media (max-width: 1120px) {
  #main.closeMenu {
    .faux__jsonlink-link-label {
      display: none;
    }
  }
}