@antv/gatsby-theme-antv/site/components/Search.module.less

Ant Visualization solution home page

.search {
  margin-left: 36px;
  line-height: 1.5;
  white-space: nowrap;
  transition: all 0.3s;

  .icon {
    color: #a3b1bf;
    opacity: 0.75;
    margin-right: 8px;
  }
  .input {
    border: none;
    height: 32px;
    line-height: 32px;
    outline: none;
    background: transparent;
    vertical-align: baseline !important;

    &::placeholder {
      color: #a3b1bf;
    }
  }
  :global {
    .DocSearch-Search-Icon {
      width: 1em !important;
      height: 1em !important;
      color: #a3b1bf !important;
    }
  }
}

@media only screen and (max-width: 931.99px) {
  .search {
    display: none;
  }
}