@financial-times/o-icons
Advanced tools
Comparing version 6.0.0 to 6.0.1
@@ -28,3 +28,3 @@ { | ||
"name": "@financial-times/o-icons", | ||
"version": "6.0.0", | ||
"version": "6.0.1", | ||
"dependencies": { | ||
@@ -31,0 +31,0 @@ "@financial-times/fticons": "^1.20.0", |
@@ -9,3 +9,3 @@ # o-icons [![CircleCI](https://circleci.com/gh/Financial-Times/o-icons.svg?style=shield&circle-token=cf2a28827a03270506ee12ca8dfd0c233709b1a7)](https://circleci.com/gh/Financial-Times/o-icons) [![MIT licensed](https://img.shields.io/badge/license-MIT-blue.svg)](#licence) | ||
- [Contributing](#contributing) | ||
- [Migration guide](#migration-guide) | ||
- [Migration guide](#migration) | ||
- [Contact](#contact) | ||
@@ -41,2 +41,4 @@ - [Licence](#licence) | ||
The `$color` argument should be set using an [o-colors](https://registry.origami.ft.com/components/o-colors) Sass function such as `oColorsByName`, but may be set to any hex value. | ||
```scss | ||
@@ -51,3 +53,3 @@ // Use o-colors so you can use colors from the Origami palette. | ||
$icon-name: 'plus', | ||
$color: oColorsGetPaletteColor('claret'), | ||
$color: oColorsByName('claret'), | ||
$size: 32 | ||
@@ -73,3 +75,3 @@ ); | ||
$icon-name: 'plus', | ||
$color: oColorsGetPaletteColor('claret'), | ||
$color: oColorsByName('claret'), | ||
$size: 32, | ||
@@ -91,3 +93,3 @@ $include-base-styles: false // do not duplicate the base styles | ||
$icon-name: 'plus', | ||
$color: oColorsGetPaletteColor('claret'), | ||
$color: oColorsByName('claret'), | ||
$high-contrast-fallback: false | ||
@@ -94,0 +96,0 @@ ); |
15603
135