@vaadin/vaadin-lumo-styles/src/components/date-picker-year.css

Lumo is a design system foundation for modern web applications, used by Vaadin components

/**
 * @license
 * Copyright (c) 2017 - 2026 Vaadin Ltd.
 * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
 */
@media lumo_components_date-picker-year {
  :host {
    display: block;
    height: 100%;
  }

  :host([current]) [part='year-number'] {
    color: var(--lumo-primary-text-color);
  }

  :host(:not([current])) [part='year-number'],
  [part='year-separator'] {
    opacity: var(--_lumo-date-picker-year-opacity, 0.7);
    transition: 0.2s opacity;
  }

  [part='year-number'],
  [part='year-separator'] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50%;
    transform: translateY(-50%);
  }

  [part='year-separator']::after {
    color: var(--lumo-disabled-text-color);
    content: '\2022';
  }
}