// vf-summmary Sass configuration file.
// ------------------------------------------------------------

// ------------------------------------------------------------
// Default component variables
// ------------------------------------------------------------

$vf-summary-margin-bottom: 2rem;

// vf-summary__title variables
// $vf-summary__title-typography: text-heading--3; // replaced for 2020 homepage updates
$vf-summary__title-typography: text-heading--4;

// vf-summary__body variables
$vf-summary__body-typography: text-body--2;

// vf-summary__meta variables
$vf-summary__meta-typography: text-body--5;

// vf-summary__date variables
$vf-summary__date-typography: text-body--5;
$vf-summary__date-color--text: vf-color--grey;

// vf-summary__author variables
$vf-summary__author-typography: text-body--5;
$vf-summary__author-color--text: vf-color--grey;

// vf-summary__category variables
$vf-summary__category-typography: text-body--5;
$vf-summary__category-color--text: vf-color--grey;

// vf-summary__button variables
$vf-summary__button-typography: text-button--1;


// ------------------------------------------------------------
// vf-summary css custom properties
// ------------------------------------------------------------

.vf-summary {
  --vf-text-margin--bottom: 16px;
}

.vf-summary--profile {
  --vf-icon--avatar-width: 160px;
}

// ------------------------------------------------------------
// Variant component variables
// ------------------------------------------------------------

$vf-summary--article__date-margin-left: .75rem;
$vf-summary--article__date-margin-right: .75rem;


$vf-summary--news__category-margin-right: 1rem;

$vf-summary--has-image-width: 50px;


$vf-summary__publication__text-typography: text-body--5;
$vf-summary__publication-color--text: vf-color--grey;