styles.css 893 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. :root:where(:lang(fa)) {
  2. --vp-font-family-base:
  3. 'Vazirmatn', 'Inter', ui-sans-serif, system-ui, sans-serif,
  4. 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  5. }
  6. :root {
  7. --vp-home-hero-name-color: transparent;
  8. --vp-home-hero-name-background: -webkit-linear-gradient(
  9. 120deg,
  10. #bd34fe 30%,
  11. #41d1ff
  12. );
  13. --vp-home-hero-image-background-image: linear-gradient(
  14. -45deg,
  15. #bd34fe 50%,
  16. #47caff 50%
  17. );
  18. --vp-home-hero-image-filter: blur(44px);
  19. }
  20. @media (min-width: 640px) {
  21. :root {
  22. --vp-home-hero-image-filter: blur(56px);
  23. }
  24. }
  25. @media (min-width: 960px) {
  26. :root {
  27. --vp-home-hero-image-filter: blur(68px);
  28. }
  29. }
  30. .VPHero .VPImage {
  31. filter: drop-shadow(-2px 4px 6px rgba(0, 0, 0, 0.2));
  32. padding: 18px;
  33. }
  34. /* used in reference/default-theme-search */
  35. img[src='/search.png'] {
  36. width: 100%;
  37. aspect-ratio: 1 / 1;
  38. }