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

refactor(aspect-ratio): use class name directive

Browse source
This commit is contained in:
Eric Liu 2020-12-05 14:59:56 -08:00
commit 9b74c55bf4
1 changed files with 8 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/AspectRatio/AspectRatio.svelte
View file

@ -7,9 +7,15 @@
</script> </script>
<div <div
{...$$restProps}
class:bx--aspect-ratio="{true}" class:bx--aspect-ratio="{true}"
class="bx--aspect-ratio--{ratio} {$$restProps.class}" class:bx--aspect-ratio--2x1="{ratio === '2x1'}"
class:bx--aspect-ratio--16x9="{ratio === '16x9'}"
class:bx--aspect-ratio--4x3="{ratio === '4x3'}"
class:bx--aspect-ratio--1x1="{ratio === '1x1'}"
class:bx--aspect-ratio--3x4="{ratio === '3x4'}"
class:bx--aspect-ratio--9x16="{ratio === '9x16'}"
class:bx--aspect-ratio--1x2="{ratio === '1x2'}"
{...$$restProps}
> >
<div class:bx--aspect-ratio--object="{true}"> <div class:bx--aspect-ratio--object="{true}">
<slot /> <slot />