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

Commit 11d15ef

Browse files
Sass Installed
1 parent 9589674 commit 11d15ef

File tree

6 files changed

+133
-21
lines changed

6 files changed

+133
-21
lines changed

‎package.json‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,8 @@
1313
"@emotion/styled": "^11.10.5",
1414
"@mui/material": "^5.10.14",
1515
"react": "^18.2.0",
16-
"react-dom": "^18.2.0"
16+
"react-dom": "^18.2.0",
17+
"sass": "^1.56.1"
1718
},
1819
"devDependencies": {
1920
"@types/react": "^18.0.24",
File renamed without changes.

‎src/App.tsx‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,34 +1,34 @@
1-
import { useState } from 'react'
2-
import reactLogo from './assets/react.svg'
3-
import './App.css'
1+
import { useState } from 'react';
2+
import reactLogo from './assets/react.svg';
3+
import './App.scss';
44

55
function App() {
6-
const [count, setCount] = useState(0)
6+
const [count, setCount] = useState(0);
77

88
return (
9-
<div className="App">
9+
<div className='App'>
1010
<div>
11-
<a href="https://vitejs.dev" target="_blank">
12-
<img src="/vite.svg" className="logo" alt="Vite logo" />
11+
<a href='https://vitejs.dev' target='_blank'>
12+
<img src='/vite.svg' className='logo' alt='Vite logo' />
1313
</a>
14-
<a href="https://reactjs.org" target="_blank">
15-
<img src={reactLogo} className="logo react" alt="React logo" />
14+
<a href='https://reactjs.org' target='_blank'>
15+
<img src={reactLogo} className='logo react' alt='React logo' />
1616
</a>
1717
</div>
1818
<h1>Vite + React</h1>
19-
<div className="card">
20-
<button onClick={() => setCount((count) => count + 1)}>
19+
<div className='card'>
20+
<button onClick={() => setCount(count => count + 1)}>
2121
count is {count}
2222
</button>
2323
<p>
2424
Edit <code>src/App.tsx</code> and save to test HMR
2525
</p>
2626
</div>
27-
<p className="read-the-docs">
27+
<p className='read-the-docs'>
2828
Click on the Vite and React logos to learn more
2929
</p>
3030
</div>
31-
)
31+
);
3232
}
3333

34-
export default App
34+
export default App;
File renamed without changes.

‎src/main.tsx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
1-
import React from 'react'
2-
import ReactDOM from 'react-dom/client'
3-
import App from './App'
4-
import './index.css'
1+
import React from 'react';
2+
import ReactDOM from 'react-dom/client';
3+
import App from './App';
4+
import './index.scss';
55

66
ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
77
<React.StrictMode>
88
<App />
99
</React.StrictMode>
10-
)
10+
);

‎yarn.lock‎

Lines changed: 112 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -561,6 +561,14 @@ ansi-styles@^3.2.1:
561561
dependencies:
562562
color-convert "^1.9.0"
563563

564+
anymatch@~3.1.2:
565+
version "3.1.2"
566+
resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.2.tgz#c0557c096af32f106198f4f4e2a383537e378716"
567+
integrity sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==
568+
dependencies:
569+
normalize-path "^3.0.0"
570+
picomatch "^2.0.4"
571+
564572
babel-plugin-macros@^3.1.0:
565573
version "3.1.0"
566574
resolved "https://registry.yarnpkg.com/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz#9ef6dc74deb934b4db344dc973ee851d148c50c1"
@@ -570,6 +578,18 @@ babel-plugin-macros@^3.1.0:
570578
cosmiconfig "^7.0.0"
571579
resolve "^1.19.0"
572580

581+
binary-extensions@^2.0.0:
582+
version "2.2.0"
583+
resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
584+
integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
585+
586+
braces@~3.0.2:
587+
version "3.0.2"
588+
resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
589+
integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
590+
dependencies:
591+
fill-range "^7.0.1"
592+
573593
browserslist@^4.21.3:
574594
version "4.21.4"
575595
resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.4.tgz#e7496bbc67b9e39dd0f98565feccdcb0d4ff6987"
@@ -599,6 +619,21 @@ chalk@^2.0.0:
599619
escape-string-regexp "^1.0.5"
600620
supports-color "^5.3.0"
601621

622+
"chokidar@>=3.0.0 <4.0.0":
623+
version "3.5.3"
624+
resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.3.tgz#1cf37c8707b932bd1af1ae22c0432e2acd1903bd"
625+
integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==
626+
dependencies:
627+
anymatch "~3.1.2"
628+
braces "~3.0.2"
629+
glob-parent "~5.1.2"
630+
is-binary-path "~2.1.0"
631+
is-glob "~4.0.1"
632+
normalize-path "~3.0.0"
633+
readdirp "~3.6.0"
634+
optionalDependencies:
635+
fsevents "~2.3.2"
636+
602637
clsx@^1.2.1:
603638
version "1.2.1"
604639
resolved "https://registry.yarnpkg.com/clsx/-/clsx-1.2.1.tgz#0ddc4a20a549b59c93a4116bb26f5294ca17dc12"
@@ -807,6 +842,13 @@ escape-string-regexp@^4.0.0:
807842
resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
808843
integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
809844

845+
fill-range@^7.0.1:
846+
version "7.0.1"
847+
resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
848+
integrity sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==
849+
dependencies:
850+
to-regex-range "^5.0.1"
851+
810852
find-root@^1.1.0:
811853
version "1.1.0"
812854
resolved "https://registry.yarnpkg.com/find-root/-/find-root-1.1.0.tgz#abcfc8ba76f708c42a97b3d685b7e9450bfb9ce4"
@@ -827,6 +869,13 @@ gensync@^1.0.0-beta.2:
827869
resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
828870
integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
829871

872+
glob-parent@~5.1.2:
873+
version "5.1.2"
874+
resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
875+
integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
876+
dependencies:
877+
is-glob "^4.0.1"
878+
830879
globals@^11.1.0:
831880
version "11.12.0"
832881
resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
@@ -851,6 +900,11 @@ hoist-non-react-statics@^3.3.1:
851900
dependencies:
852901
react-is "^16.7.0"
853902

903+
immutable@^4.0.0:
904+
version "4.1.0"
905+
resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.1.0.tgz#f795787f0db780183307b9eb2091fcac1f6fafef"
906+
integrity sha512-oNkuqVTA8jqG1Q6c+UglTOD1xhC1BtjKI7XkCXRkZHrN5m18/XsnUp8Q89GkQO/z+0WjonSvl0FLhDYftp46nQ==
907+
854908
import-fresh@^3.2.1:
855909
version "3.3.0"
856910
resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
@@ -864,13 +918,37 @@ is-arrayish@^0.2.1:
864918
resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
865919
integrity sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==
866920

921+
is-binary-path@~2.1.0:
922+
version "2.1.0"
923+
resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
924+
integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
925+
dependencies:
926+
binary-extensions "^2.0.0"
927+
867928
is-core-module@^2.9.0:
868929
version "2.11.0"
869930
resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.11.0.tgz#ad4cb3e3863e814523c96f3f58d26cc570ff0144"
870931
integrity sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==
871932
dependencies:
872933
has "^1.0.3"
873934

935+
is-extglob@^2.1.1:
936+
version "2.1.1"
937+
resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
938+
integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
939+
940+
is-glob@^4.0.1, is-glob@~4.0.1:
941+
version "4.0.3"
942+
resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
943+
integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
944+
dependencies:
945+
is-extglob "^2.1.1"
946+
947+
is-number@^7.0.0:
948+
version "7.0.0"
949+
resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
950+
integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
951+
874952
"js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
875953
version "4.0.0"
876954
resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
@@ -925,6 +1003,11 @@ node-releases@^2.0.6:
9251003
resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.6.tgz#8a7088c63a55e493845683ebf3c828d8c51c5503"
9261004
integrity sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg==
9271005

1006+
normalize-path@^3.0.0, normalize-path@~3.0.0:
1007+
version "3.0.0"
1008+
resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
1009+
integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
1010+
9281011
object-assign@^4.1.1:
9291012
version "4.1.1"
9301013
resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
@@ -962,6 +1045,11 @@ picocolors@^1.0.0:
9621045
resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
9631046
integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
9641047

1048+
picomatch@^2.0.4, picomatch@^2.2.1:
1049+
version "2.3.1"
1050+
resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
1051+
integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
1052+
9651053
postcss@^8.4.18:
9661054
version "8.4.19"
9671055
resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.19.tgz#61178e2add236b17351897c8bcc0b4c8ecab56fc"
@@ -1020,6 +1108,13 @@ react@^18.2.0:
10201108
dependencies:
10211109
loose-envify "^1.1.0"
10221110

1111+
readdirp@~3.6.0:
1112+
version "3.6.0"
1113+
resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
1114+
integrity sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==
1115+
dependencies:
1116+
picomatch "^2.2.1"
1117+
10231118
regenerator-runtime@^0.13.10:
10241119
version "0.13.11"
10251120
resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz#f6dca3e7ceec20590d07ada785636a90cdca17f9"
@@ -1046,6 +1141,15 @@ rollup@^2.79.1:
10461141
optionalDependencies:
10471142
fsevents "~2.3.2"
10481143

1144+
sass@^1.56.1:
1145+
version "1.56.1"
1146+
resolved "https://registry.yarnpkg.com/sass/-/sass-1.56.1.tgz#94d3910cd468fd075fa87f5bb17437a0b617d8a7"
1147+
integrity sha512-VpEyKpyBPCxE7qGDtOcdJ6fFbcpOM+Emu7uZLxVrkX8KVU/Dp5UF7WLvzqRuUhB6mqqQt1xffLoG+AndxTZrCQ==
1148+
dependencies:
1149+
chokidar ">=3.0.0 <4.0.0"
1150+
immutable "^4.0.0"
1151+
source-map-js ">=0.6.2 <2.0.0"
1152+
10491153
scheduler@^0.23.0:
10501154
version "0.23.0"
10511155
resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.23.0.tgz#ba8041afc3d30eb206a487b6b384002e4e61fdfe"
@@ -1058,7 +1162,7 @@ semver@^6.3.0:
10581162
resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
10591163
integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
10601164

1061-
source-map-js@^1.0.2:
1165+
"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.2:
10621166
version "1.0.2"
10631167
resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
10641168
integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
@@ -1095,6 +1199,13 @@ to-fast-properties@^2.0.0:
10951199
resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz#dc5e698cbd079265bc73e0377681a4e4e83f616e"
10961200
integrity sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==
10971201

1202+
to-regex-range@^5.0.1:
1203+
version "5.0.1"
1204+
resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
1205+
integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
1206+
dependencies:
1207+
is-number "^7.0.0"
1208+
10981209
typescript@^4.6.4:
10991210
version "4.9.3"
11001211
resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.3.tgz#3aea307c1746b8c384435d8ac36b8a2e580d85db"

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /