Skip to content

Commit 141cf78

Browse files
committed
Update Icon.md and Logo.md with fixed branch in links
1 parent 627e424 commit 141cf78

File tree

2 files changed

+3
-3
lines changed

2 files changed

+3
-3
lines changed

packages/react-components/source/react/library/icon/Icon.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -100,7 +100,7 @@ const Renderer = () => {
100100

101101
## Customize icon color
102102

103-
If you need a different color, you can customize it with CSS, targeting the `fill` property. The default color is defined in [_icons.scss](https://github.com/puppetlabs/design-system/blob/development/packages/react-components/source/scss/library/components/_icons.scss). You should be able to do something like `.your-icon { fill: $puppet-purple; }` with Sass.
103+
If you need a different color, you can customize it with CSS, targeting the `fill` property. The default color is defined in [_icons.scss](https://github.com/puppetlabs/design-system/blob/main/packages/react-components/source/scss/library/components/_icons.scss). You should be able to do something like `.your-icon { fill: $puppet-purple; }` with Sass.
104104

105105
```jsx
106106
<Icon type="activity" style={{ fill: '#a263ff' }} />
@@ -141,7 +141,7 @@ const Renderer = () => {
141141
3. Strip out the wrapping `svg` element, usually (but not always) leaving just a `path`.
142142
4. Remove all instances of the `fill` attribute so that icons can be styled with CSS. You may also remove `clip-rule` attributes.
143143
5. Rename dasherized attributes like `fill-rule` with React-compatible properties like `fillRule`.
144-
6. Add the icon to [icons.js](https://github.com/puppetlabs/design-system/blob/development/packages/react-components/source/react/library/icon/icons.js) in alphabetical order, specifying the icon name and native SVG sizes (from step 2).
144+
6. Add the icon to [icons.js](https://github.com/puppetlabs/design-system/blob/main/packages/react-components/source/react/library/icon/icons.js) in alphabetical order, specifying the icon name and native SVG sizes (from step 2).
145145

146146
## Disclaimer
147147

packages/react-components/source/react/library/logo/Logo.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -82,7 +82,7 @@ There are times when you might need to use only the graphical icon for a Puppet
8282
4. Remove all instances of the `fill` attribute so that icons can be styled with CSS. You may also remove `clip-rule` attributes.
8383
5. Rename dasherized attributes like `fill-rule` with React-compatible properties like `fillRule`.
8484
6. Add class names to the different `path` segments (so the component can add the correct colors on light and dark backgrounds) for `rc-logo-bug`, `rc-logo-puppet`, and `rc-logo-product`.
85-
7. Add the icon to [logos.js](https://github.com/puppetlabs/design-system/blob/development/packages/react-components/source/react/library/logo/logos.js), using the same format with viewBox dimensions (from step 2) in a separate property.
85+
7. Add the icon to [logos.js](https://github.com/puppetlabs/design-system/blob/main/packages/react-components/source/react/library/logo/logos.js), using the same format with viewBox dimensions (from step 2) in a separate property.
8686

8787
## Related
8888

0 commit comments

Comments
 (0)