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

Updates

Browse source
This commit is contained in:
Eric Liu 2020-10-03 09:06:20 -07:00
commit f3c9acc406
206 changed files with 3180 additions and 479 deletions
Download patch file Download diff file Expand all files Collapse all files

8
framed/Grid/AspectRatioColumns/index.html
View file

@ -4,11 +4,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Carbon Components Svelte</title>
<link rel="stylesheet" href="/carbon-components-svelte/assets/style.cdc12fd8.css">
</head>
<body>
<div id="app"></div>
<style></style><style></style></head>
<body style="">
<div id="app" style=""><div class="bx--grid"><div class="bx--row"><div class="bx--col bx--aspect-ratio bx--aspect-ratio--2x1" style="outline: 1px solid var(--cds-interactive-04);">2x1</div> <div class="bx--col bx--aspect-ratio bx--aspect-ratio--2x1" style="outline: 1px solid var(--cds-interactive-04);">2x1</div></div></div> </div>
<script type="module" src="/carbon-components-svelte/assets/index.3ce6747c.js"></script>
<script type="module" src="/carbon-components-svelte/assets/index.c724c7a8.js"></script>
</body></html>

8
framed/Grid/CondensedGrid/index.html
View file

@ -4,11 +4,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Carbon Components Svelte</title>
<link rel="stylesheet" href="/carbon-components-svelte/assets/style.cdc12fd8.css">
</head>
<body>
<div id="app"></div>
<style></style><style></style></head>
<body style="">
<div id="app" style=""><div class="bx--grid bx--grid--condensed"><div class="bx--row"><div class="bx--col" style="outline: 1px solid var(--cds-interactive-04);">Column</div> <div class="bx--col" style="outline: 1px solid var(--cds-interactive-04);">Column</div> <div class="bx--col" style="outline: 1px solid var(--cds-interactive-04);">Column</div> <div class="bx--col" style="outline: 1px solid var(--cds-interactive-04);">Column</div></div></div> </div>
<script type="module" src="/carbon-components-svelte/assets/index.3ce6747c.js"></script>
<script type="module" src="/carbon-components-svelte/assets/index.c724c7a8.js"></script>
</body></html>

8
framed/Grid/FullWidthGrid/index.html
View file

@ -4,11 +4,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Carbon Components Svelte</title>
<link rel="stylesheet" href="/carbon-components-svelte/assets/style.cdc12fd8.css">
</head>
<body>
<div id="app"></div>
<style></style><style></style></head>
<body style="">
<div id="app" style=""><div class="bx--grid bx--grid--full-width"><div class="bx--row"><div class="bx--col" style="outline: 1px solid var(--cds-interactive-04);">Column</div> <div class="bx--col" style="outline: 1px solid var(--cds-interactive-04);">Column</div> <div class="bx--col" style="outline: 1px solid var(--cds-interactive-04);">Column</div> <div class="bx--col" style="outline: 1px solid var(--cds-interactive-04);">Column</div></div></div> </div>
<script type="module" src="/carbon-components-svelte/assets/index.3ce6747c.js"></script>
<script type="module" src="/carbon-components-svelte/assets/index.c724c7a8.js"></script>
</body></html>

8
framed/Grid/Grid/index.html
View file

@ -4,11 +4,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Carbon Components Svelte</title>
<link rel="stylesheet" href="/carbon-components-svelte/assets/style.cdc12fd8.css">
</head>
<body>
<div id="app"></div>
<style></style><style></style></head>
<body style="">
<div id="app" style=""><div class="bx--grid"><div class="bx--row"><div class="bx--col" style="outline: 1px solid var(--cds-interactive-04);">Column</div> <div class="bx--col" style="outline: 1px solid var(--cds-interactive-04);">Column</div> <div class="bx--col" style="outline: 1px solid var(--cds-interactive-04);">Column</div> <div class="bx--col" style="outline: 1px solid var(--cds-interactive-04);">Column</div></div></div> </div>
<script type="module" src="/carbon-components-svelte/assets/index.3ce6747c.js"></script>
<script type="module" src="/carbon-components-svelte/assets/index.c724c7a8.js"></script>
</body></html>

8
framed/Grid/NarrowGrid/index.html
View file

@ -4,11 +4,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Carbon Components Svelte</title>
<link rel="stylesheet" href="/carbon-components-svelte/assets/style.cdc12fd8.css">
</head>
<body>
<div id="app"></div>
<style></style><style></style></head>
<body style="">
<div id="app" style=""><div class="bx--grid bx--grid--narrow"><div class="bx--row"><div class="bx--col" style="outline: 1px solid var(--cds-interactive-04);">Column</div> <div class="bx--col" style="outline: 1px solid var(--cds-interactive-04);">Column</div> <div class="bx--col" style="outline: 1px solid var(--cds-interactive-04);">Column</div> <div class="bx--col" style="outline: 1px solid var(--cds-interactive-04);">Column</div></div></div> </div>
<script type="module" src="/carbon-components-svelte/assets/index.3ce6747c.js"></script>
<script type="module" src="/carbon-components-svelte/assets/index.c724c7a8.js"></script>
</body></html>

8
framed/Grid/OffsetColumns/index.html
View file

@ -4,11 +4,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Carbon Components Svelte</title>
<link rel="stylesheet" href="/carbon-components-svelte/assets/style.cdc12fd8.css">
</head>
<body>
<div id="app"></div>
<style></style><style></style></head>
<body style="">
<div id="app" style=""><div class="bx--grid"><div class="bx--row"><div class="bx--col-sm-1 bx--offset-sm-3" style="outline: 1px solid var(--cds-interactive-04);">Offset 3</div> <div class="bx--col-sm-2 bx--offset-sm-2" style="outline: 1px solid var(--cds-interactive-04);">Offset 2</div> <div class="bx--col-sm-3 bx--offset-sm-1" style="outline: 1px solid var(--cds-interactive-04);">Offset 1</div> <div class="bx--col-sm-4 bx--offset-sm-0" style="outline: 1px solid var(--cds-interactive-04);">Offset 0</div></div></div> </div>
<script type="module" src="/carbon-components-svelte/assets/index.3ce6747c.js"></script>
<script type="module" src="/carbon-components-svelte/assets/index.c724c7a8.js"></script>
</body></html>

8
framed/Grid/ResponsiveGrid/index.html
View file

@ -4,11 +4,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Carbon Components Svelte</title>
<link rel="stylesheet" href="/carbon-components-svelte/assets/style.cdc12fd8.css">
</head>
<body>
<div id="app"></div>
<style></style><style></style></head>
<body style="">
<div id="app" style=""><div class="bx--grid"><div class="bx--row"><div class="bx--col-sm-1 bx--col-md-4 bx--col-lg-8" style="outline: 1px solid var(--cds-interactive-04);">sm: 1, md: 4, lg: 8</div> <div class="bx--col-sm-1 bx--col-md-2 bx--col-lg-2" style="outline: 1px solid var(--cds-interactive-04);">sm: 1, md: 2, lg: 2</div> <div class="bx--col-sm-1 bx--col-md-1 bx--col-lg-1" style="outline: 1px solid var(--cds-interactive-04);">sm: 1, md: 1, lg: 1</div> <div class="bx--col-sm-1 bx--col-md-1 bx--col-lg-1" style="outline: 1px solid var(--cds-interactive-04);">sm: 1, md: 1, lg: 1</div></div></div> </div>
<script type="module" src="/carbon-components-svelte/assets/index.3ce6747c.js"></script>
<script type="module" src="/carbon-components-svelte/assets/index.c724c7a8.js"></script>
</body></html>