Skip to content

Commit

Permalink
fix(tile): component style page check change (#3124)
Browse files Browse the repository at this point in the history 
* fix(docs): replace check emoji with CheckmarkOutline component

* fix(docs): remove unused import
  • Loading branch information
@francinelucca
francinelucca committed Sep 1, 2022
1 parent 1a7e2f1 commit 78d1faa
Showing 1 changed file with 11 additions and 8 deletions.
19 changes: 11 additions & 8 deletions src/pages/components/tile/style.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,9 @@ description:
tabs: ['Usage', 'Style', 'Code', 'Accessibility']
---

import { Checkmark } from '@carbon/icons-react';
import { white } from '@carbon/themes';

## Color

| Element | Property | Color token |
Expand Down Expand Up @@ -40,11 +43,11 @@ tabs: ['Usage', 'Style', 'Code', 'Accessibility']

### Proportions for grid

| Percentage | XL 1600-1200 | L 1200-992 | M 992-768 | S 768-576 | XS 576-0 |
| ---------- | ------------ | ---------- | --------- | --------- | -------- |
| 100% | ✅ | ✅ | ✅ | ✅ | ✅ |
| 1/2 | ✅ | ✅ | ✅ | ✅ | ✅ |
| 2/3 | ✅ | ✅ | ✅ | ✅ | |
| 1/3 | ✅ | ✅ | ✅ | ✅ | |
| 1/4 | ✅ | ✅ | ✅ | ✅ | |
| 1/6 | ✅ | ✅ | | | |
| Percentage | XL 1600-1200 | L 1200-992 | M 992-768 | S 768-576 | XS 576-0 |
| ---------- | --------------------------------------- | --------------------------------------- | --------------------------------------- | --------------------------------------- | --------------------------------------- |
| 100% | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> |
| 1/2 | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> |
| 2/3 | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> | |
| 1/3 | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> | |
| 1/4 | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> | |
| 1/6 | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> | | | |

1 comment on commit 78d1faa

@vercel
Copy link

@vercel vercel bot commented on 78d1faa Sep 1, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

carbondesignsystem – ./

carbondesignsystem.vercel.app
carbondesignsystem-git-main-carbon-design-system.vercel.app
carbondesignsystem-carbon-design-system.vercel.app

Please sign in to comment.