@economist/component-blog-post

component-blog-post

The blog post component is a simple element to show a blog post. This component is primarily for the blog post page.

Overridable variables:

You can override the following variables:

:root {
  --blog-post-color-title: green;
  --blog-post-color-flytitle: blue;
  --blog-post-color-text: yellow;
  --blog-post-color-datetime: black;
  --blog-post-background-color-datetime: purple;
  --blog-post-color-meta-separator: red;

  --blog-post-flytitle-spacing: 10px;

  --blog-post-rubric-spacing: 20px;

  --blog-post-image-spacing: 20px;

  --blog-post-meta-spacing: 20px;

  --blog-post-text-top-margin: 10px;
}