file.pcss.css

Same filename in other branches
  1. 9 core/themes/claro/css/components/file.pcss.css
  2. 8.9.x core/themes/claro/css/components/file.pcss.css
  3. 11.x core/themes/claro/css/components/file.pcss.css

Extends styles of the file link.

File

core/themes/claro/css/components/file.pcss.css

View source
  1. /**
  2. * @file
  3. * Extends styles of the file link.
  4. */
  5. .file {
  6. --file-offset: 0.0625rem;
  7. --file-font-size: var(--font-size-s);
  8. --file-size-color: var(--color-gray-800);
  9. min-block-size: calc(var(--space-m) + var(--file-offset));
  10. padding-inline-start: var(--space-l);
  11. background-position: left var(--file-offset);
  12. background-size: var(--space-m) var(--space-m);
  13. font-size: var(--file-font-size);
  14. line-height: calc(18rem / 16);
  15. }
  16. .file__size {
  17. color: var(--file-size-color);
  18. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.