frontend/src/app/components/search/Search.component.scss

.search-header {
  padding: 7px;

  .search-input {
    font-size: 16pt;
  }
}

.search-label {
  display: flex;

  .search-icon {
    margin-right: 10px;
  }

  &.page {
    .search-icon {
      color: var(--noded-background-note);
    }
  }

  &.node {
    .search-icon {
      color: var(--noded-background-node);
    }
  }

  &.db {
    .search-icon {
      color: var(--noded-background-db);
    }
  }

  &.code {
    .search-icon {
      color: var(--noded-background-code);
    }
  }

  &.files {
    .search-icon {
      color: var(--noded-background-files);
    }
  }

  &.markdown {
    .search-icon {
      color: var(--noded-background-markdown);
    }
  }
}

.search-assoc {
  padding: 5px 10px;
  border-radius: 4px;
  display: flex;

  .assoc-icon {
    margin-right: 10px;
  }

  &.page {
    background: var(--noded-background-note);
    color: var(--noded-color-note);

    &:hover {
      cursor: pointer;
      background: var(--noded-background-note-hover);
    }
  }
}