@financial-times/o-ft-affiliate-ribbon
v5.2.2
Published
A ribbon denoting affiliation with the FT. This ribbon should be used in products that are owned by the Financial Times but have a separate brand identity to the company.
Downloads
53
Readme
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
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.