content/static/css/unit_meta.css

/*!
 * Copyright 2020 The Go Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style
 * license that can be found in the LICENSE file.
 */

.UnitMeta {
  display: block;
}
.UnitMeta a {
  display: block;
  margin-bottom: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.UnitMeta-header {
  font-weight: bold;
  margin: 1.125rem 0;
}
.UnitMeta-repo {
  font-size: 1rem;
  margin-bottom: 0.5rem;
}

.UnitMetaDetails-header {
  display: flex;
  font-size: 1rem;
  font-weight: bold;
  justify-content: space-between;
  line-height: 1rem;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
}
@media only screen and (min-width: 64rem) {
  .UnitMetaDetails-header {
    border-bottom: 0.0625rem solid var(--gray-8);
    margin-top: 0.625rem;
  }
}
.UnitMetaDetails a {
  font-size: 1rem;
  font-weight: normal;
  text-transform: none;
}
.UnitMetaDetails .UnitMetaDetails-header > a {
  font-size: 0.875rem;
}
.UnitMetaDetails ul {
  list-style: none;
  padding-inline-start: 0;
}
.UnitMetaDetails li {
  font-size: 1rem;
  margin-bottom: 0.75rem;
  white-space: nowrap;
}
.UnitMetaDetails-icon {
  height: auto;
  margin-right: 0.25rem;
  position: relative;
  top: 0.125rem;
  width: 0.875rem;
  z-index: -1;
}
.UnitMetaDetails-toggletip button {
  background: none;
  border: none;
  cursor: pointer;
  width: 1.625rem;
}
.UnitMetaDetails-toggletip [role='status'] {
  height: 0;
  position: absolute;
  width: 0;
}
.UnitMetaDetails-toggletipBubble {
  background: var(--white) 80%;
  border: 0.0625rem solid var(--gray-8);
  border-radius: 0.25rem;
  display: block;
  font-size: 0.75rem;
  left: -6rem;
  letter-spacing: 0.01875rem;
  line-height: 1rem;
  padding: 0.5rem;
  position: relative;
  top: 1.5rem;
  white-space: initial;
  width: 12rem;
}
@media only screen and (min-width: 64rem) {
  .UnitMetaDetails-toggletipBubble {
    left: -12rem;
  }
}
@media only screen and (min-width: 70rem) {
  .UnitMetaDetails-toggletipBubble {
    left: -12rem;
  }
}
@media only screen and (min-width: 82rem) {
  .UnitMetaDetails-toggletipBubble {
    left: -8rem;
  }
}