mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-18 11:36:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

docs(aspect-ratio): remove inline outline style

Browse source
This commit is contained in:
Eric Liu 2021-02-04 17:37:34 -08:00
commit 73ac8b23c8
2 changed files with 11 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

4
docs/src/layouts/ComponentLayout.svelte
View file

@ -207,4 +207,8 @@
display: block; display: block;
} }
} }
.preview-viewer > .bx--aspect-ratio {
outline: 1px solid var(--cds-interactive-04);
}
</style> </style>

14
docs/src/pages/components/AspectRatio.svx
View file

@ -9,43 +9,43 @@ Supported aspect ratios: `"2x1"`, `"16x9"`, `"4x3"`, `"1x1"`, `"3x4"`, `"9x16"`,
### Default (2x1) ### Default (2x1)
<AspectRatio style="outline: 1px solid var(--cds-interactive-04)"> <AspectRatio>
2x1 2x1
</AspectRatio> </AspectRatio>
### Ratio 16x9 ### Ratio 16x9
<AspectRatio ratio="16x9" style="outline: 1px solid var(--cds-interactive-04)"> <AspectRatio ratio="16x9">
16x9 16x9
</AspectRatio> </AspectRatio>
### Ratio 4x3 ### Ratio 4x3
<AspectRatio ratio="4x3" style="outline: 1px solid var(--cds-interactive-04)"> <AspectRatio ratio="4x3">
4x3 4x3
</AspectRatio> </AspectRatio>
### Ratio 1x1 ### Ratio 1x1
<AspectRatio ratio="1x1" style="outline: 1px solid var(--cds-interactive-04)"> <AspectRatio ratio="1x1">
1x1 1x1
</AspectRatio> </AspectRatio>
### Ratio 3x4 ### Ratio 3x4
<AspectRatio ratio="3x4" style="outline: 1px solid var(--cds-interactive-04)"> <AspectRatio ratio="3x4">
3x4 3x4
</AspectRatio> </AspectRatio>
### Ratio 9x16 ### Ratio 9x16
<AspectRatio ratio="9x16" style="outline: 1px solid var(--cds-interactive-04)"> <AspectRatio ratio="9x16">
9x16 9x16
</AspectRatio> </AspectRatio>
### Ratio 1x2 ### Ratio 1x2
<AspectRatio ratio="1x2" style="outline: 1px solid var(--cds-interactive-04)"> <AspectRatio ratio="1x2">
1x2 1x2
</AspectRatio> </AspectRatio>