Skip to content

Commit d690542

Browse files
lokesh-coderlokesh-coder
committed
basic setup
1 parent 565c48e commit d690542

25 files changed

+602
-114
lines changed

‎config/webpack.base.config.js‎

Lines changed: 65 additions & 58 deletions
Original file line numberDiff line numberDiff line change
@@ -1,63 +1,70 @@
1-
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
2-
const HtmlWebpackPlugin = require('html-webpack-plugin');
3-
const paths = require('./paths');
1+
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
2+
const HtmlWebpackPlugin = require("html-webpack-plugin");
3+
const paths = require("./paths");
44

5-
module.exports = function({ plugins }) {
6-
return ({
7-
entry: {
8-
index: paths.entry
5+
module.exports = function ({ plugins }) {
6+
return {
7+
entry: {
8+
index: paths.entry,
9+
},
10+
output: {
11+
path: paths.output,
12+
filename: "[name].bundle.js",
13+
},
14+
module: {
15+
rules: [
16+
{
17+
test: /(.js|.jsx)/,
18+
exclude: /(node_modules|bower_components)/,
19+
use: "babel-loader",
920
},
10-
output: {
11-
path: paths.output,
12-
filename: '[name].bundle.js'
21+
{
22+
test: /\.s[ac]ss$/i,
23+
use: ["style-loader", "css-loader", "sass-loader"],
1324
},
14-
module: {
15-
rules: [
16-
{
17-
test: /(.js|.jsx)/,
18-
exclude: /(node_modules|bower_components)/,
19-
use: 'babel-loader',
20-
},
21-
{
22-
test: /\.s[ac]ss$/i,
23-
use: [
24-
'style-loader',
25-
'css-loader',
26-
'sass-loader',
27-
],
28-
},
29-
{
30-
test: /\.css$/i,
31-
use: ['style-loader', 'css-loader', 'postcss-loader'],
32-
},
33-
{
34-
test: /\.(png|jpe?g|gif)$/i,
35-
use: [
36-
{
37-
loader: 'file-loader',
38-
},
39-
],
40-
},
41-
]
25+
{
26+
test: /\.css$/i,
27+
use: ["style-loader", "css-loader", "postcss-loader"],
4228
},
43-
plugins: [
44-
...plugins,
45-
new HtmlWebpackPlugin({
46-
template: paths.template,
47-
hash: true,
48-
title: 'Boilerplate',
49-
}),
50-
new MiniCssExtractPlugin({
51-
filename: '[name].[hash].css',
52-
chunkFilename: '[id].[hash].css'
53-
}),
54-
],
55-
resolve: {
56-
extensions: ['.js', '.jsx', '.scss', '.css'],
57-
alias: {
58-
uielements: paths.uielements,
59-
assets: paths.assets,
60-
}
29+
{
30+
test: /\.(png|jpe?g|gif)$/i,
31+
use: [
32+
{
33+
loader: "file-loader",
34+
},
35+
],
6136
},
62-
});
63-
}
37+
{
38+
test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
39+
use: [
40+
{
41+
loader: "file-loader",
42+
options: {
43+
name: "[name].[ext]",
44+
},
45+
},
46+
],
47+
},
48+
],
49+
},
50+
plugins: [
51+
...plugins,
52+
new HtmlWebpackPlugin({
53+
template: paths.template,
54+
hash: true,
55+
title: "Boilerplate",
56+
}),
57+
new MiniCssExtractPlugin({
58+
filename: "[name].[hash].css",
59+
chunkFilename: "[id].[hash].css",
60+
}),
61+
],
62+
resolve: {
63+
extensions: [".js", ".jsx", ".scss", ".css"],
64+
alias: {
65+
uielements: paths.uielements,
66+
assets: paths.assets,
67+
},
68+
},
69+
};
70+
};

‎package.json‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,7 @@
3939
"prop-types": "^15.7.2",
4040
"react": "^16.13.1",
4141
"react-dom": "^16.13.1",
42+
"react-syntax-highlighter": "^12.2.1",
4243
"tailwindcss": "^1.3.4",
4344
"webpack": "^4.42.1",
4445
"webpack-cli": "^3.3.11"

‎src/app.scss‎

Lines changed: 32 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,48 @@
1+
.brand-bg {
2+
margin-top: -16px;
3+
transform: translate(-50%, 0);
4+
margin-left: 50%;
5+
}
6+
17
#blob {
2-
fill: #b33771;
8+
fill: #d1d8e0;
39
}
410

511
.ant-slider-step {
6-
background: rgba(179, 55, 113, 0.16);
12+
background: rgb(209, 216, 224);
713
}
814

915
.ant-slider-handle {
10-
border: solid 3px #b33771;
16+
border: solid 3px #4e566b;
1117
width: 24px;
1218
height: 24px;
1319
margin-top: -9px;
1420
&:focus,
1521
&.ant-tooltip-open {
16-
border-color: #6d214f;
22+
border-color: #303749;
1723
}
1824
}
1925
.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
20-
border-color: #6d214f;
26+
border-color: #303749;
27+
}
28+
29+
.ant-modal-mask {
30+
background-color: rgba(182, 170, 176, 0.84);
31+
}
32+
33+
.ant-modal-content {
34+
border-radius: 11px;
35+
}
36+
37+
.ant-tooltip-inner {
38+
border-radius: 4px;
39+
font-size: 11px;
40+
color: #ffffffd6;
41+
background: #2f3143;
42+
}
43+
44+
pre > code {
45+
overflow: auto;
46+
width: 100%;
47+
display: inline-block;
2148
}

‎src/assets/css/main.css‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15682,6 +15682,10 @@ video {
1568215682
transition-delay: 1000ms;
1568315683
}
1568415684

15685+
@import "../icons/remixicon.css";
15686+
15687+
@import url("https://fonts.googleapis.com/css2?family=Ropa+Sans:ital@0;1&display=swap");
15688+
1568515689
@media (min-width: 640px) {
1568615690
.sm\:space-y-0 > :not(template) ~ :not(template) {
1568715691
--space-y-reverse: 0;
@@ -75924,4 +75928,4 @@ video {
7592475928
.xl\:delay-1000 {
7592575929
transition-delay: 1000ms;
7592675930
}
75927-
}
75931+
}

‎src/assets/css/styles.css‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,4 +2,6 @@
22

33
@import "tailwindcss/components";
44

5-
@import "tailwindcss/utilities";
5+
@import "tailwindcss/utilities";
6+
7+
@import "../icons/remixicon.css";

‎src/assets/icons/remixicon.css‎

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
2+
/*
3+
* https://remixicon.com
4+
* https://github.com/Remix-Design/RemixIcon
5+
* Copyright RemixIcon.com
6+
* Released under the Apache License Version 2.0
7+
*/
8+
9+
@font-face {
10+
font-family: "remixicon";
11+
src: url('remixicon.eot?t=1590213533649'); /* IE9*/
12+
src: url('remixicon.eot?t=1590213533649#iefix') format('embedded-opentype'), /* IE6-IE8 */
13+
url("remixicon.woff2?t=1590213533649") format("woff2"),
14+
url("remixicon.woff?t=1590213533649") format("woff"),
15+
url('remixicon.ttf?t=1590213533649') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
16+
url('remixicon.svg?t=1590213533649#remixicon') format('svg'); /* iOS 4.1- */
17+
font-display: swap;
18+
}
19+
20+
[class^="ri-"], [class*="ri-"] {
21+
font-family: 'remixicon' !important;
22+
font-style: normal;
23+
-webkit-font-smoothing: antialiased;
24+
-moz-osx-font-smoothing: grayscale;
25+
}
26+
27+
.ri-lg { font-size: 1.3333em; line-height: 0.75em; vertical-align: -.0667em; }
28+
.ri-xl { font-size: 1.5em; line-height: 0.6666em; vertical-align: -.075em; }
29+
.ri-xxs { font-size: .5em; }
30+
.ri-xs { font-size: .75em; }
31+
.ri-sm { font-size: .875em }
32+
.ri-1x { font-size: 1em; }
33+
.ri-2x { font-size: 2em; }
34+
.ri-3x { font-size: 3em; }
35+
.ri-4x { font-size: 4em; }
36+
.ri-5x { font-size: 5em; }
37+
.ri-6x { font-size: 6em; }
38+
.ri-7x { font-size: 7em; }
39+
.ri-8x { font-size: 8em; }
40+
.ri-9x { font-size: 9em; }
41+
.ri-10x { font-size: 10em; }
42+
.ri-fw { text-align: center; width: 1.25em; }
43+
44+
.ri-question-line:before { content: "\efeb"; }
45+
.ri-github-fill:before { content: "\eda3"; }
46+
.ri-twitter-line:before { content: "\f1c9"; }
47+
.ri-flutter-fill:before { content: "\ed20"; }
48+
.ri-code-s-slash-fill:before { content: "\eba4"; }
49+
.ri-code-fill:before { content: "\eba0"; }
50+
.ri-download-line:before { content: "\ec3e"; }
51+
.ri-download-2-line:before { content: "\ec38"; }
52+
.ri-shuffle-fill:before { content: "\f0bd"; }
53+
.ri-copyright-line:before { content: "\ebd6"; }
54+
.ri-paint-brush-line:before { content: "\ef6d"; }
55+
.ri-palette-line:before { content: "\ef71"; }
56+
.ri-file-copy-2-line:before { content: "\ecb3"; }
57+
.ri-file-copy-fill:before { content: "\ecb4"; }
58+
.ri-file-list-2-line:before { content: "\eccd"; }
59+
.ri-folder-2-line:before { content: "\ed2b"; }
60+
.ri-folder-line:before { content: "\ed43"; }
61+
.ri-exchange-line:before { content: "\ec8d"; }
62+
.ri-repeat-2-line:before { content: "\f017"; }
63+
.ri-apps-2-line:before { content: "\ea40"; }
64+
.ri-alert-line:before { content: "\ea1f"; }
65+
.ri-close-fill:before { content: "\eb92"; }
66+
.ri-check-fill:before { content: "\eb74"; }
67+
.ri-refresh-line:before { content: "\f009"; }
68+
.ri-loader-2-fill:before { content: "\ee82"; }
69+
.ri-flashlight-line:before { content: "\ed17"; }
70+
.ri-plug-line:before { content: "\efc3"; }
71+
.ri-lightbulb-flash-line:before { content: "\ee69"; }
72+
.ri-heart-line:before { content: "\eddc"; }
73+
.ri-heart-fill:before { content: "\eddb"; }
74+
.ri-file-mark-line:before { content: "\ecd5"; }
75+
.ri-pushpin-2-line:before { content: "\efdd"; }

‎src/assets/icons/remixicon.eot‎

7.6 KB
Binary file not shown.

0 commit comments

Comments
 (0)