27 lines
859 B
JavaScript
27 lines
859 B
JavaScript
import React from 'react'
|
|
|
|
export function Full(props) {
|
|
return <div {...props} className={"w-full lg:px-2 py-2 " + (props.className??"")}>
|
|
{props.children}
|
|
</div>
|
|
}
|
|
export function Half(props) {
|
|
return <div {...props} className={"w-full lg:w-6/12 lg:px-2 py-2 " + (props.className??"")}>
|
|
{props.children}
|
|
</div>
|
|
}
|
|
export function Quarter(props) {
|
|
return <div {...props} className={"w-full lg:w-6/12 xl:w-3/12 lg:px-2 py-2 " + (props.className??"")}>
|
|
{props.children}
|
|
</div>
|
|
}
|
|
export function Third(props) {
|
|
return <div {...props} className={"w-full lg:w-4/12 lg:px-2 py-2 " + (props.className??"")}>
|
|
{props.children}
|
|
</div>
|
|
}
|
|
export function TwoThird(props) {
|
|
return <div {...props} className={"w-full lg:w-8/12 lg:px-2 py-2 " + (props.className??"")}>
|
|
{props.children}
|
|
</div>
|
|
} |