Commite2a68c7

committed

basic talwind samples added

1 parent962ea95 commite2a68c7Copy full SHA for e2a68c7

File tree

+72387

-47

lines changed

+72387

-47

lines changed

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -28,7 +28,7 @@ module.exports = function({ plugins }) {`
`28`	`28`	`},`
`29`	`29`	`{`
`30`	`30`	`test:/\.css$/i,`
`31`		`-use:['style-loader','css-loader'],`
	`31`	`+use:['style-loader','css-loader','postcss-loader'],`
`32`	`32`	`},`
`33`	`33`	`{`
`34`	`34`	`test:/\.(png\|jpe?g\|gif)$/i,`

Lines changed: 1 addition & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,7 @@`
`1`	`1`	`importReact,{Suspense}from'react';`
`2`	`2`	`importReactDOMfrom'react-dom';`
`3`	`3`	`importLoaderfrom'uielements/loader/loader.component';`
	`4`	`+`
`4`	`5`	`constApp=React.lazy(()=>import('./src/app'));`
`5`	`6`
`6`	`7`	`constIndex=()=>(`

Lines changed: 5 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -4,9 +4,11 @@`
`4`	`4`	`"description":"Simple react boilerplate with support for travis ci, webpack, sass etc.",`
`5`	`5`	`"main":"index.js",`
`6`	`6`	`"scripts": {`
`7`		`-"build":"webpack ---config ./config/webpack.prod.config.js",`
`8`		`-"dev":"webpack-dev-server --config ./config/webpack.dev.config.js --open",`
	`7`	`+"build":"npm run build:css &&webpack ---config ./config/webpack.prod.config.js",`
	`8`	`+"dev":"npm run watch:css &&webpack-dev-server --config ./config/webpack.dev.config.js --open",`
`9`	`9`	`"lint":"./node_modules/.bin/eslint --ext .js,.jsx src/",`
	`10`	`+"build:css":"postcss src/styles.css -o src/main.css",`
	`11`	`+"watch:css":"postcss src/styles.css -o src/main.css",`
`10`	`12`	`"test":"jest --collect-coverage",`
`11`	`13`	`"test:watch":"jest --watch"`
`12`	`14`	`},`
`@@ -51,6 +53,7 @@`
`51`	`53`	`"jest":"^25.3.0",`
`52`	`54`	`"mini-css-extract-plugin":"^0.9.0",`
`53`	`55`	`"node-sass":"^4.13.1",`
	`56`	`+"postcss-loader":"^3.0.0",`
`54`	`57`	`"sass-loader":"^8.0.2",`
`55`	`58`	`"style-loader":"^1.1.3",`
`56`	`59`	`"webpack-bundle-analyzer":"^3.6.1",`

Lines changed: 6 additions & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,12 +1,15 @@`
`1`	`1`	`importReactfrom'react';`
`2`	`2`	`importlogofrom'./logo.png';`
	`3`	`+importButtonfrom'uielements/button/button.component';`
`3`	`4`	`import'./app.scss';`
	`5`	`+import'./main.css';`
`4`	`6`
`5`	`7`	`exportdefaultfunctionApp(){`
`6`	`8`	`return(`
`7`		`-<divclassName="App--Container">`
`8`		`-<pclassName="App--Title">Welcome To React Boilerplate!</p>`
`9`		`-<imgsrc={logo}alt="React Logo"className="App--Image"/>`
	`9`	`+<divclassName="bg-blue-900 flex flex-col justify-center items-center p-20">`
	`10`	`+<pclassName="text-4xl text-blue-100">Welcom To React Boilerplate!</p>`
	`11`	`+<imgsrc={logo}className="app--image"/>`
	`12`	`+<ButtonbuttonText="Get Started!"/>`
`10`	`13`	`</div>`
`11`	`14`	`);`
`12`	`15`	`}`

Lines changed: 4 additions & 41 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,42 +1,5 @@`
`1`		`-$bg-color:#282b33;`
`2`		`-$txt-color:white;`
`3`		`-$primary-color:#61dbfc;`
`4`		`-`
`5`		`-body {`
`6`		`-margin:0px;`
	`1`	`+.app--image {`
	`2`	`+height:200px;`
	`3`	`+animation:rotation10sinfinitelinear;`
	`4`	`+-webkit-animation:rotation10sinfinitelinear;`
`7`	`5`	`}`
`8`		`-`
`9`		`-.App--Container {`
`10`		`-display:flex;`
`11`		`-flex:1;`
`12`		`-justify-content:center;`
`13`		`-align-items:center;`
`14`		`-flex-direction:column;`
`15`		`-background:$bg-color;`
`16`		`-color:$txt-color;`
`17`		`-padding:0;`
`18`		`-margin:0;`
`19`		`-color:$primary-color;`
`20`		`-`
`21`		`-.App--Image {`
`22`		`-height:200px;`
`23`		`-animation:rotation10sinfinitelinear;`
`24`		`--webkit-animation:rotation10sinfinitelinear;`
`25`		`- }`
`26`		`-`
`27`		`-.App--Title {`
`28`		`-font-size:2rem;`
`29`		`- }`
`30`		`-}`
`31`		`-`
`32`		`-@keyframesrotation {`
`33`		`-from {`
`34`		`--webkit-transform:rotate(0deg);`
`35`		`-transform:rotate(0deg);`
`36`		`- }`
`37`		`-to {`
`38`		`--webkit-transform:rotate(359deg);`
`39`		`-transform:rotate(359deg);`
`40`		`- }`
`41`		`-}`
`42`		`-`

Comments

(0)