@watheia/app.ui.layout.page-frame
    TypeScript icon, indicating that this package has built-in type declarations

    0.0.3 • Public • Published

    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 '@watheia/app.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>

    Install

    npm i @watheia/app.ui.layout.page-frame

    DownloadsWeekly Downloads

    0

    Version

    0.0.3

    License

    EPL-2.0

    Unpacked Size

    6.23 kB

    Total Files

    12

    Last publish

    Collaborators

    • avatar