node-teaser.pcss.css

Node Teaser specific styles.

File

core/themes/olivero/css/components/node-teaser.pcss.css

View source 
  1. /**

  2.  * @file

  3.  * Node Teaser specific styles.

  4.  */

  5. 

  6. @import "../base/media-queries.pcss.css";

  7. 

  8. .node--view-mode-teaser {

  9.   & .node__meta {

  10.     margin-block-end: var(--sp);

  11. 

  12.     & a {

  13.       color: var(--color-text-primary-medium);

  14.       font-weight: bold;

  15.     }

  16.   }

  17. 

  18.   & .field--tag-ref {

  19.     margin-block-start: var(--sp1);

  20.     margin-block-end: 0;

  21.     margin-inline-start: 0;

  22.     margin-inline-end: 0;

  23.     padding-block: 0;

  24.     padding-inline-start: 0;

  25.     padding-inline-end: 0;

  26.     background-color: transparent;

  27. 

  28.     @media (--lg) {

  29.       margin-block-start: var(--sp2);

  30.     }

  31.   }

  32. }