You are here

Home » API reference » Drupal 10

file.pcss.css in Drupal 10

Same filename and directory in other branches
  1. 8 core/themes/claro/css/components/file.pcss.css
  2. 9 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. 

  6. .file {

  7.   min-height: calc(var(--space-m) + 0.0625rem);

  8.   padding-left: var(--space-l); /* LTR */

  9.   background-position: left 0.0625rem;

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

  11.   font-size: var(--font-size-s);

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

  13. }

  14. [dir="rtl"] .file {

  15.   padding-right: var(--space-l);

  16. }

  17. 

  18. .file__size {

  19.   color: var(--color-gray-800);

  20. }