@financial-times/o-ft-affiliate-ribbon

5.2.2 • Public • Published

o-ft-affiliate-ribbon MIT licensed

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

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

State Major Version Last Minor Release Migration guide
✨ active 5 N/A migrate to v5
⚠ maintained 4 4.0.4 migrate to v4
╳ deprecated 3 3.1 migrate to v3
╳ deprecated 2 2.0 migrate to v2
╳ deprecated 1 1.0 -

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.

Package Sidebar

Install

npm i @financial-times/o-ft-affiliate-ribbon

Weekly Downloads

0

Version

5.2.2

License

MIT

Unpacked Size

12.4 kB

Total Files

12

Last publish

Collaborators

  • robertboulton
  • seraph2000
  • hamza.samih
  • notlee
  • emmalewis
  • aendra
  • the-ft
  • rowanmanning
  • chee
  • alexwilson