@financial-times/o-ft-affiliate-ribbon v3.1.0

o-ft-affiliate-ribbon

A ribbon denoting affiliation with the Financial Times. This ribbon should be used in products that are owned by the Financial Times but have a separate brand identity to the Financial Times.

• Usage
• Markup
• Sass
• Migration guide
• Contact
• Licence

Usage

Check out how to include Origami components in your project to get started with o-ft-affiliate-ribbon.

Markup

Use the following HTML to get a full-width FT affiliation ribbon. This should be placed beneath a footer.

<div class="o-ft-affiliate-ribbon">
	<div class="o-ft-affiliate-ribbon__container">
		<div class="o-ft-affiliate-ribbon__row">
			<a
				class="o-ft-affiliate-ribbon__logo"
				href="https://www.ft.com/"
				title="The Financial Times"
				target="_blank"
			>
				<span class="o-ft-affiliate-ribbon__visually-hidden"
					>A service from the Financial Times</span
				>
			</a>
		</div>
	</div>
</div>

Sass

Call the primary mixin oFtAffiliateRibbon to include all CSS for the o-ft-affiliate-ribbon component:

@import '@financial-times/o-ft-affiliate-ribbon/main';
@include oFtAffiliateRibbon();

Migration guide

Contact

If you have any questions or comments about this component, or need help using it, please either raise an issue, visit #origami-support or email Origami Support.

Licence

This software is published by the Financial Times under the MIT licence.