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

Appearance settings

Commit ebb2340

Browse filesBrowse files
committed
➕ add stylus to package.json, move some style from App.scss to App.styl
1 parent 53022c0 commit ebb2340
Copy full SHA for ebb2340

File tree

Expand file treeCollapse file tree

3 files changed

+8
-35
lines changed
Filter options
Expand file treeCollapse file tree

3 files changed

+8
-35
lines changed

‎packages/react-scripts/package.json

Copy file name to clipboard
100755100644
Expand all lines: packages/react-scripts/package.json
+7-6Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -28,18 +28,14 @@
2828
"babel-eslint": "6.1.2",
2929
"babel-jest": "15.0.0",
3030
"babel-loader": "6.2.5",
31-
"babel-preset-react-app": "^0.2.1",
3231
"babel-plugin-transform-decorators-legacy": "^1.3.4",
32+
"babel-preset-react-app": "^0.2.1",
3333
"babel-preset-stage-0": "^6.5.0",
3434
"case-sensitive-paths-webpack-plugin": "1.1.4",
3535
"chalk": "1.1.3",
3636
"connect-history-api-fallback": "1.3.0",
3737
"cross-spawn": "4.0.0",
3838
"css-loader": "0.24.0",
39-
"less": "^2.7.1",
40-
"less-loader": "^2.2.3",
41-
"node-sass": "^3.10.0",
42-
"sass-loader": "^4.0.2",
4339
"detect-port": "1.0.0",
4440
"dotenv": "2.0.0",
4541
"eslint": "3.5.0",
@@ -59,16 +55,21 @@
5955
"http-proxy-middleware": "0.17.1",
6056
"jest": "15.1.1",
6157
"json-loader": "0.5.4",
58+
"less": "^2.7.1",
59+
"less-loader": "^2.2.3",
60+
"node-sass": "^3.10.0",
6261
"object-assign": "4.1.0",
6362
"path-exists": "2.1.0",
6463
"postcss-loader": "0.13.0",
6564
"promise": "7.1.1",
6665
"react-dev-utils": "^0.2.1",
6766
"recursive-readdir": "2.1.0",
6867
"rimraf": "2.5.4",
68+
"sass-loader": "^4.0.2",
6969
"strip-ansi": "3.0.1",
7070
"style-loader": "0.13.1",
71-
"stylus-loader": "2.3.1",
71+
"stylus": "^0.54.5",
72+
"stylus-loader": "^2.3.1",
7273
"url-loader": "0.5.7",
7374
"webpack": "1.13.2",
7475
"webpack-dev-server": "1.16.1",

‎packages/react-scripts/template/src/App.scss

Copy file name to clipboardExpand all lines: packages/react-scripts/template/src/App.scss
-16Lines changed: 0 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,3 @@
1-
:global {
2-
.App-logo {
3-
animation: App-logo-spin infinite 20s linear;
4-
height: 80px;
5-
}
6-
7-
@keyframes App-logo-spin {
8-
from {
9-
transform: rotate(0deg);
10-
}
11-
to {
12-
transform: rotate(360deg);
13-
}
14-
}
15-
}
16-
171
.App {
182
&-header {
193
background-color: #222;
+1-13Lines changed: 1 addition & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,9 @@
1-
.App
2-
text-align center
3-
41
.App-logo
52
animation App-logo-spin infinite 20s linear
63
height 80px
74

8-
.App-header
9-
background-color #222
10-
height 150px
11-
padding 20px
12-
color white
13-
14-
.App-intro
15-
font-size large
16-
175
@keyframes App-logo-spin
186
from
197
transform rotate(0deg)
208
to
21-
transform rotate(360deg)
9+
transform rotate(360deg)

0 commit comments

Comments
0 (0)
Morty Proxy This is a proxified and sanitized view of the page, visit original site.