mirror_css/csslayout
1
0
Fork 0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-08-13 01:24:36 +02:00
Code Issues Releases Wiki Activity

Add CSS code for input patterns

Browse Source
This commit is contained in:
Phuoc Nguyen
2021-03-31 20:55:44 +07:00
parent b5ef930f42
commit 14b0781512
11 changed files with 300 additions and 287 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
client/patterns/chip/Details.tsx
View File

@@ -26,7 +26,19 @@ const Details: React.FC<{}> = () => {
</div>
<BrowserFrame
html={`
<div style="
<div class="chip">
<!-- Content -->
<div class="chip__content">
...
</div>
<!-- The close button -->
<!-- See https://csslayout.io/patterns/close-button -->
...
</div>
`}
css={`
.chip {
/* Center the content */
align-items: center;
display: inline-flex;
@@ -40,18 +52,12 @@ html={`
/* Spacing */
padding: 4px 8px;
">
<!-- Content -->
<div style="margin-right: 4px;">
...
</div>
}
<!-- The close button -->
<!-- See https://csslayout.io/patterns/close-button -->
...
</div>
.chip__content {
margin-right: 4px;
}
`}
css={``}
>
<div
style={{