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

Remove tachyons

Browse Source
This commit is contained in:
Phuoc Nguyen
2019-11-27 12:31:18 +07:00
parent d3a4fdffee
commit 835c3af8ff
94 changed files with 3113 additions and 699 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
client/patterns/fixed-at-corner/Cover.tsx
View File

@@ -6,8 +6,8 @@ import Triangle from '../../placeholders/Triangle';
const Cover: React.FC<{}> = () => {
return (
<Frame>
<div className="relative">
<div className="absolute top-0 left-0">
<div style={{ position: 'relative' }}>
<div style={{ left: 0, position: 'absolute', top: 0 }}>
<Triangle size={32} />
</div>
</div>

12
client/patterns/fixed-at-corner/Details.tsx
View File

@@ -7,20 +7,20 @@ import Triangle from '../../placeholders/Triangle';
const Details: React.FC<{}> = () => {
return (
<DetailsLayout title="Fixed at corner">
<div className="ph4 pv5">
<div style={{ padding: '64px 32px' }}>
<BrowserFrame
content={(
<div className="relative h-100">
<div className="absolute top-0 left-0">
<div style={{ height: '100%', position: 'relative' }}>
<div style={{ left: 0, position: 'absolute', top: 0 }}>
<Triangle size={64} corner="tl" />
</div>
<div className="absolute top-0 right-0">
<div style={{ position: 'absolute', right: 0, top: 0 }}>
<Triangle size={64} corner="tr" />
</div>
<div className="absolute bottom-0 right-0">
<div style={{ bottom: 0, position: 'absolute', right: 0 }}>
<Triangle size={64} corner="br" />
</div>
<div className="absolute bottom-0 left-0">
<div style={{ bottom: 0, left: 0, position: 'absolute' }}>
<Triangle size={64} corner="bl" />
</div>
</div>