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

Updates

Browse source
This commit is contained in:
Eric Liu 2020-10-02 19:51:57 -07:00
commit d2e47ea570
205 changed files with 3925 additions and 428 deletions
Download patch file Download diff file Expand all files Collapse all files

14
framed/Grid/AspectRatioColumns/index.html Normal file
View file

@ -0,0 +1,14 @@
<!DOCTYPE html><html lang="en"><head>
<meta charset="utf-8">
<link rel="icon" href="../../../favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Carbon Components Svelte</title>
<link rel="stylesheet" href="../../../assets/style.cdc12fd8.css">
<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="../../../assets/index.e7d8faec.js"></script>
</body></html>

14
framed/Grid/CondensedGrid/index.html Normal file
View file

@ -0,0 +1,14 @@
<!DOCTYPE html><html lang="en"><head>
<meta charset="utf-8">
<link rel="icon" href="../../../favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Carbon Components Svelte</title>
<link rel="stylesheet" href="../../../assets/style.cdc12fd8.css">
<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="../../../assets/index.e7d8faec.js"></script>
</body></html>

14
framed/Grid/FullWidthGrid/index.html Normal file
View file

@ -0,0 +1,14 @@
<!DOCTYPE html><html lang="en"><head>
<meta charset="utf-8">
<link rel="icon" href="../../../favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Carbon Components Svelte</title>
<link rel="stylesheet" href="../../../assets/style.cdc12fd8.css">
<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="../../../assets/index.e7d8faec.js"></script>
</body></html>

14
framed/Grid/Grid/index.html Normal file
View file

@ -0,0 +1,14 @@
<!DOCTYPE html><html lang="en"><head>
<meta charset="utf-8">
<link rel="icon" href="../../../favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Carbon Components Svelte</title>
<link rel="stylesheet" href="../../../assets/style.cdc12fd8.css">
<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="../../../assets/index.e7d8faec.js"></script>
</body></html>

14
framed/Grid/NarrowGrid/index.html Normal file
View file

@ -0,0 +1,14 @@
<!DOCTYPE html><html lang="en"><head>
<meta charset="utf-8">
<link rel="icon" href="../../../favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Carbon Components Svelte</title>
<link rel="stylesheet" href="../../../assets/style.cdc12fd8.css">
<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="../../../assets/index.e7d8faec.js"></script>
</body></html>

14
framed/Grid/OffsetColumns/index.html Normal file
View file

@ -0,0 +1,14 @@
<!DOCTYPE html><html lang="en"><head>
<meta charset="utf-8">
<link rel="icon" href="../../../favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Carbon Components Svelte</title>
<link rel="stylesheet" href="../../../assets/style.cdc12fd8.css">
<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="../../../assets/index.e7d8faec.js"></script>
</body></html>

14
framed/Grid/ResponsiveGrid/index.html Normal file
View file

@ -0,0 +1,14 @@
<!DOCTYPE html><html lang="en"><head>
<meta charset="utf-8">
<link rel="icon" href="../../../favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Carbon Components Svelte</title>
<link rel="stylesheet" href="../../../assets/style.cdc12fd8.css">
<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="../../../assets/index.e7d8faec.js"></script>
</body></html>