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. 

  6. .file {

  7.   --file-offset: 0.0625rem;

  8.   --file-font-size: var(--font-size-s);

  9.   --file-size-color: var(--color-gray-800);

  10. 

  11.   min-block-size: calc(var(--space-m) + var(--file-offset));

  12.   padding-inline-start: var(--space-l);

  13.   background-position: left var(--file-offset);

  14.   background-size: var(--space-m) var(--space-m);

  15.   font-size: var(--file-font-size);

  16.   line-height: calc(18rem / 16);

  17. }

  18. 

  19. .file__size {

  20.   color: var(--file-size-color);

  21. }