dock-surface.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. [data-dock-surface="shell"] {
  2. background-color: var(--surface-raised-stronger-non-alpha);
  3. box-shadow: var(--shadow-xs-border);
  4. position: relative;
  5. z-index: 10;
  6. border-radius: 12px;
  7. overflow: clip;
  8. }
  9. [data-dock-border-underlay] {
  10. /* Later shadows paint underneath, so this solid ring masks overlapping surfaces without changing border geometry. */
  11. box-shadow:
  12. var(--dock-shell-visual-shadow, var(--shadow-xs-border)),
  13. 0 0 0 var(--dock-shell-border-underlay-width, 1px)
  14. var(--dock-shell-border-underlay-background, var(--surface-raised-stronger-non-alpha));
  15. }
  16. [data-dock-border-underlay="v2"] {
  17. --dock-shell-visual-shadow: var(--v2-elevation-raised);
  18. --dock-shell-border-underlay-width: 0.5px;
  19. --dock-shell-border-underlay-background: var(--v2-background-bg-base);
  20. }
  21. [data-dock-surface="tray"] {
  22. background-color: var(--background-base);
  23. border: 1px solid var(--border-weak-base);
  24. position: relative;
  25. z-index: 0;
  26. border-radius: 12px;
  27. overflow: clip;
  28. }
  29. [data-dock-surface="tray"][data-dock-attach="top"] {
  30. margin-top: -0.875rem;
  31. border-top-left-radius: 0;
  32. border-top-right-radius: 0;
  33. }