From f77abdd5714f3ccbb22ba2fa0c801f440cb9efe0 Mon Sep 17 00:00:00 2001 From: hobbes7878 Date: Wed, 16 Apr 2025 12:18:29 +0100 Subject: [PATCH] docs edits --- src/components/HeroHeadline/HeroHeadline.mdx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/components/HeroHeadline/HeroHeadline.mdx b/src/components/HeroHeadline/HeroHeadline.mdx index d02805fd..31cdc513 100644 --- a/src/components/HeroHeadline/HeroHeadline.mdx +++ b/src/components/HeroHeadline/HeroHeadline.mdx @@ -6,9 +6,9 @@ import * as HeroHeadlineStories from './HeroHeadline.stories.svelte'; # HeroHeadline -The `HeroHeadline` component creates a Reuters Graphics headline with a hero media, which can be a graphic, photo, video, or any other media. +The `HeroHeadline` component creates a Reuters Graphics headline with a hero media, which can be a graphic, photo, video or other media. -By default, the hero is in the background, i.e. the headline and dek are stacked on top of the hero. You can unstack and insert the hero media inline -- i.e. before or after the headline -- by setting `stacked: false`. [Read more.](?/iframe.html?viewMode=docs&id=components-text-elements-heroheadline--docs&globals=&args=#inline-hero) +By default, the hero is in the background, i.e., the headline and dek are stacked on top of the hero. You can unstack and insert the hero media inline -- i.e., before or after the headline -- by setting `stacked: false`. [Read more.](?/iframe.html?viewMode=docs&id=components-text-elements-heroheadline--docs&globals=&args=#inline-hero) ## Photo hero @@ -39,7 +39,7 @@ To use a photo as the hero, simply pass the image source to the `img` prop. ## Transparent site header -In the Graphics Kit, set styles in `global.scss` to make the Reuters site header transparent and make the hero go all the way to the top of the page: +In the graphics kit, set styles in `global.scss` to make the Reuters site header transparent and make the hero go all the way to the top of the page: ```scss // global.scss @@ -215,7 +215,7 @@ Add styles in `global.scss`: ## Inline hero -To use a photo, graphic, video, etc. as an inline hero -- i.e. to make the hero appear _after_ the headline and dek, instead of stacked underneath -- set `stacked` to `false`. Otherwise, add your hero media in the same way as documented above. +To use a photo, graphic, video, etc. as an inline hero -- i.e., to make the hero appear _after_ the headline and dek, instead of stacked underneath -- set `stacked` to `false`. Otherwise, add your hero media in the same way as documented above. ```svelte