Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commitd690542

Browse files
committed
basic setup
1 parent565c48e commitd690542

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-
constMiniCssExtractPlugin=require('mini-css-extract-plugin');
2-
constHtmlWebpackPlugin=require('html-webpack-plugin');
3-
constpaths=require('./paths');
1+
constMiniCssExtractPlugin=require("mini-css-extract-plugin");
2+
constHtmlWebpackPlugin=require("html-webpack-plugin");
3+
constpaths=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-
newHtmlWebpackPlugin({
46-
template:paths.template,
47-
hash:true,
48-
title:'Boilerplate',
49-
}),
50-
newMiniCssExtractPlugin({
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+
newHtmlWebpackPlugin({
53+
template:paths.template,
54+
hash:true,
55+
title:"Boilerplate",
56+
}),
57+
newMiniCssExtractPlugin({
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:solid3px#b33771;
16+
border:solid3px#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)
[8]ページ先頭
©2009-2025 Movatter.jp