Mobile Search Styles (search/style.css.ts)

CSS styles for mobile search interface with input and results display

// Source: https://github.com/toeverything/AFFiNE | License: MIT | Copyright 2022-present TOEVERYTHING PTE. LTD. and its affiliates
// Provided via justclaw.it.com; keep this notice with the code.
import { cssVar } from '@toeverything/theme';
import {
  bodyEmphasized,
  footnoteRegular,
  title3Regular,
} from '@toeverything/theme/typography';
import { cssVarV2 } from '@toeverything/theme/v2';
import { style } from '@vanilla-extract/css';

export const searchHeader = style({
  padding: 16,
  display: 'flex',
  alignItems: 'center',
  gap: 12,
});
export const searchCancel = style({
  height: 44,
  padding: '0px 4px',
  color: cssVarV2.button.primary,
});
export const searchInput = style({
  width: 0,
  flex: 1,
});

export const resTitle = style([
  footnoteRegular,
  {
    padding: '6px 

... (truncated -- full source via MCP)