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

docs(palimpsest): support responsive design

Browse source
This commit is contained in:
Eric Liu 2020-01-12 12:03:15 -08:00
commit 01f65cb308
10 changed files with 338 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

12
palimpsest/src/components/Component/Component.svelte
View file

@ -59,11 +59,17 @@
<style>
main {
margin-top: 5.5rem;
margin-top: 5rem;
padding-left: 12rem;
padding-bottom: 2.5rem;
}
@media screen and (max-width: 768px) {
main {
padding-left: 0;
}
}
h1 {
margin-bottom: 1.5rem;
}
@ -85,7 +91,7 @@
</div>
</header>
<div class="bx--row">
<div class="bx--col bx--no-gutter--left">
<div class="bx--col bx--no-gutter">
<Tabs
type="container"
bind:selected
@ -94,7 +100,7 @@
}}>
<Tab label="Preview" href={baseUrl} />
<Tab label="API" href={`${baseUrl}/API`} />
<Tab label="Kitchen Sink" href={`${baseUrl}/kitchen-sink`} />
<!-- <Tab disabled label="Kitchen Sink" href={`${baseUrl}/kitchen-sink`} /> -->
</Tabs>
</div>
</div>