1.0.2 • Published 3 years ago
@teambit/base-ui.layout.page-frame v1.0.2
Page frame
CSS components for readable columns.
centerColumn
- main display width for most content, including images and text.
wideColumn
- 'extra wide' display width, e.g. when putting large elements side by side.
textColumn
- display width for readable areas. (headlines, paragraphs, etc)
Example
import { centerColumn, wideColumn, textColumn } from '@bit/bit.base-ui.layout.page-frame';
// ...
<div className={centerColumn}>
normal content
<div className={textColumn}>nice title</div>
<div className={textColumn}>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Suspendisse et sodales diam, sed sodales tellus.
Nam sodales interdum dolor, eget euismod purus.
</div>
<div>
<div className={wideColumn}>
Content breaking out of regular layout
{/* ... */}
<div>
1.0.2
3 years ago
1.0.1
3 years ago
1.0.0
3 years ago
0.6.10
3 years ago
0.6.9
3 years ago
0.6.8
3 years ago
0.6.7
3 years ago
0.6.6
3 years ago
0.6.5
3 years ago
0.6.3
3 years ago
0.6.2
3 years ago
0.6.0
3 years ago
0.5.9
3 years ago
0.5.8
3 years ago
0.5.7
3 years ago
0.5.5
3 years ago
0.5.4
3 years ago
0.5.3
3 years ago
0.5.2
4 years ago
0.5.0
4 years ago
0.5.1
4 years ago
0.4.3
4 years ago
0.4.2
4 years ago
0.4.1
4 years ago
0.4.0
4 years ago
0.2.10
4 years ago
0.2.9
4 years ago
0.1.5
4 years ago
0.1.1
4 years ago
0.0.1
4 years ago
0.0.8
4 years ago
0.0.7
4 years ago
0.0.4
4 years ago