Nejcraft/nej-react-components
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

merge into: Nejcraft:master
Branches Tags
Nejcraft:master
Nejcraft:astro
...
pull from: Nejcraft:astro
Branches Tags
Nejcraft:master
Nejcraft:astro

1 Commits
master ... astro

Author SHA1 Message Date
Regi
5b7915bf49 small astro changes 2024-08-19 15:54:45 +02:00
2 changed files with 11 additions and 21 deletions
Show Stats Expand all files Collapse all files

21
Parts/Layout.js
View File

@ -1,21 +0,0 @@
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}

11
Parts/Layout.jsx Normal file
View File

@ -0,0 +1,11 @@
export function Full({ className, ...props }) { return <div className={"w-full lg:px-2 py-2" + className} {...props} /> }
export function Half({ className, ...props }) { return <div className={"w-full lg:w-8/12 xl:w-6/12 lg:px-2 py-2" + className} {...props} /> }
export function Quarter({ className, ...props }) { return <div className={"w-full lg:w-6/12 xl:w-3/12 lg:px-2 py-2" + className} {...props} />; }
export function Sixth({ className, ...props }) { return <div className={"w-full lg:w-1/5 xl:w-1/6 lg:px-2 py-2" + className} {...props} />; }
export function Third({ className, ...props }) { return <div className={"w-full lg:w-8/12 xl:w-4/12 lg:px-2 py-2" + className} {...props} />; }
export function classNameoThird({ className, ...props }) { return <div className={"w-full lg:w-8/12 lg:px-2 py-2" + className} {...props} />; }