thgtoa/docs/stylesheets/footer.css

#md-content > :first-child:is(h1, h2, h3),
.md-typeset__content > :first-child:is(h1, h2, h3) {
  display: none !important;
}

.social,
.social__link {
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
  vertical-align: middle;
  margin-right: 0.75em !important;
  position: relative;
}

.social svg,
.social__link svg {
  width: 24px !important;
  height: 24px !important;
}

#social,
.social-container,
.md-social-list {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 0.75em !important;
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
}

.md-social,
[data-md-color-scheme="slate"] .md-typeset a[href*="social"],
.md-social__link {
  display: inline-flex !important;
  flex-direction: row;
  white-space: nowrap;
  vertical-align: middle;
  background-color: transparent !important;
}

.social span,
.social__link span {
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#social > :is(a[href], .md-icon),
.social__link > :is(a[href], .md-icon) {
  display: inline-flex !important;
  flex-direction: row;
}

.md-social-list,
.social-container {
  flex-wrap: nowrap !important;
}

body .social,
body .md-footer__social {
  display: inline-flex !important;
  margin: 0;
  padding: 0;
  border: 0;
}

.social::before,
.social::after {
  display: none !important;
}

@media (max-width: 60em) {
  .social {
    margin-right: 0.5em !important;
  }

  .social svg,
  .social__link svg {
    width: 20px !important;
    height: 20px !important;
  }
}

@media (prefers-contrast: high) {
  #social {
    gap: 0.5em;
  }
}

@media (prefers-reduced-motion: reduce) {
  .md-footer h4,
  .md-footer p {
    animation: none !important;
  }
}

.md-social {
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  gap: 0.75em !important;
  align-items: center !important;
}

.md-social__link {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  white-space: nowrap !important;
  margin: 0 !important;
}

.md-social__link span {
  font-size: 0.9rem !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  vertical-align: middle !important;
}

.md-social__link svg {
  display: inline-flex !important;
  width: 24px !important;
  height: 24px !important;
  flex-shrink: 0 !important;
}

.md-footer-meta__inner {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  background-color: var(--bg-color) !important;
}

@media (max-width: 60em) {
  .md-social {
    gap: 0.5em !important;
  }

  .md-social__link svg {
    width: 20px !important;
    height: 20px !important;
  }

  .md-social__link span {
    font-size: 0.8rem !important;
    max-width: 100px;
  }
}