22 lines
560 B
JavaScript
22 lines
560 B
JavaScript
import React from "react"
|
|
import tw, {styled} from "twin.macro"
|
|
|
|
|
|
const Full = styled.div(tw`w-full lg:px-2 py-2`)
|
|
export {Full}
|
|
|
|
const Half = styled.div(tw`w-full lg:w-8/12 xl:w-6/12 lg:px-2 py-2`)
|
|
export {Half}
|
|
|
|
const Quarter = styled.div(tw`w-full lg:w-6/12 xl:w-3/12 lg:px-2 py-2 `)
|
|
export {Quarter}
|
|
|
|
const Sixth = styled.div(tw`w-full lg:w-1/5 xl:w-1/6 lg:px-2 py-2 `)
|
|
export {Sixth}
|
|
|
|
const Third = styled.div(tw`w-full lg:w-8/12 xl:w-4/12 lg:px-2 py-2 `)
|
|
export {Third}
|
|
|
|
const TwoThird = styled.div(tw`w-full lg:w-8/12 lg:px-2 py-2 `)
|
|
export {TwoThird}
|