diff --git a/packages/next/src/schematics/application/lib/create-application-files.helpers.ts b/packages/next/src/schematics/application/lib/create-application-files.helpers.ts
index 9a9103b6ce..65159c6830 100644
--- a/packages/next/src/schematics/application/lib/create-application-files.helpers.ts
+++ b/packages/next/src/schematics/application/lib/create-application-files.helpers.ts
@@ -16,40 +16,29 @@ export function createAppJsx(name: string) {
Here are some links to help you get started.
diff --git a/packages/react/src/schematics/application/files/css-module/src/app/__fileName__.module.__style__ b/packages/react/src/schematics/application/files/css-module/src/app/__fileName__.module.__style__
index 1439775784..04d9c84753 100644
--- a/packages/react/src/schematics/application/files/css-module/src/app/__fileName__.module.__style__
+++ b/packages/react/src/schematics/application/files/css-module/src/app/__fileName__.module.__style__
@@ -13,7 +13,7 @@
grid-column: span 2;
}
-.app :global(.flex){
+.app :global(.flex) {
display: flex;
align-items: center;
justify-content: center;
@@ -65,7 +65,7 @@
text-decoration: none;
}
-.app :global(.resource):hover {
+.app :global(.resource:hover) {
background-color: rgba(68, 138, 255, 0.04);
}
diff --git a/packages/react/src/schematics/application/files/css-module/src/app/__fileName__.tsx__tmpl__ b/packages/react/src/schematics/application/files/css-module/src/app/__fileName__.tsx__tmpl__
index fc8800079d..58eefe143f 100644
--- a/packages/react/src/schematics/application/files/css-module/src/app/__fileName__.tsx__tmpl__
+++ b/packages/react/src/schematics/application/files/css-module/src/app/__fileName__.tsx__tmpl__
@@ -40,23 +40,15 @@ export function App() {
- Nx video course
+ Scale React Development with Nx (Course)
- Nx video tutorial
-
-
-
-
Interactive tutorial
diff --git a/packages/react/src/schematics/application/files/global-css/src/app/__fileName__.__style__ b/packages/react/src/schematics/application/files/global-css/src/app/__fileName__.__style__
index 04d9c84753..5d5777c1cb 100644
--- a/packages/react/src/schematics/application/files/global-css/src/app/__fileName__.__style__
+++ b/packages/react/src/schematics/application/files/global-css/src/app/__fileName__.__style__
@@ -5,48 +5,48 @@
margin: 50px auto;
}
-.app :global(.gutter-left) {
+.app .gutter-left {
margin-left: 9px;
}
-.app :global(.col-span-2) {
+.app .col-span-2 {
grid-column: span 2;
}
-.app :global(.flex) {
+.app .flex {
display: flex;
align-items: center;
justify-content: center;
}
-.app :global(header) {
+.app header {
background-color: #143055;
color: white;
padding: 5px;
border-radius: 3px;
}
-.app :global(main) {
+.app main {
padding: 0 36px;
}
-.app :global(p) {
+.app p {
text-align: center;
}
-.app :global(h1) {
+.app h1 {
text-align: center;
margin-left: 18px;
font-size: 24px;
}
-.app :global(h2) {
+.app h2 {
text-align: center;
font-size: 20px;
margin: 40px 0 10px 0;
}
-.app :global(.resources) {
+.app .resources {
text-align: center;
list-style: none;
padding: 0;
@@ -55,7 +55,7 @@
grid-template-columns: 1fr 1fr;
}
-.app :global(.resource) {
+.app .resource {
color: #0094ba;
height: 36px;
background-color: rgba(0, 0, 0, 0);
@@ -65,18 +65,18 @@
text-decoration: none;
}
-.app :global(.resource:hover) {
+.app .resource:hover {
background-color: rgba(68, 138, 255, 0.04);
}
-.app :global(pre) {
+.app pre {
padding: 9px;
border-radius: 4px;
background-color: black;
color: #eee;
}
-.app :global(details) {
+.app details {
border-radius: 4px;
color: #333;
background-color: rgba(0, 0, 0, 0);
@@ -85,25 +85,25 @@
margin-bottom: 9px;
}
-.app :global(summary) {
+.app summary {
outline: none;
height: 36px;
line-height: 36px;
}
-.app :global(.github-star-container) {
+.app .github-star-container {
margin-top: 12px;
line-height: 20px;
}
-.app :global(.github-star-container a) {
+.app .github-star-container a {
display: flex;
align-items: center;
text-decoration: none;
color: #333;
}
-.app :global(.github-star-badge) {
+.app .github-star-badge {
color: #24292e;
display: flex;
align-items: center;
@@ -116,12 +116,12 @@
font-weight: 600;
}
-.app :global(.github-star-badge:hover) {
+.app .github-star-badge:hover {
background-image: linear-gradient(-180deg, #f0f3f6, #e6ebf1 90%);
border-color: rgba(27, 31, 35, 0.35);
background-position: -0.5em;
}
-.app :global(.github-star-badge .material-icons) {
+.app .github-star-badge .material-icons {
height: 16px;
width: 16px;
margin-right: 4px;
diff --git a/packages/react/src/schematics/application/files/global-css/src/app/__fileName__.tsx__tmpl__ b/packages/react/src/schematics/application/files/global-css/src/app/__fileName__.tsx__tmpl__
index c82b789390..d3c83c43a5 100644
--- a/packages/react/src/schematics/application/files/global-css/src/app/__fileName__.tsx__tmpl__
+++ b/packages/react/src/schematics/application/files/global-css/src/app/__fileName__.tsx__tmpl__
@@ -40,23 +40,15 @@ export function App() {
- Nx video course
+ Scale React Development with Nx (Course)
- Nx video tutorial
-
-
-
-
Interactive tutorial
diff --git a/packages/react/src/schematics/application/files/styled-jsx/src/app/__fileName__.tsx__tmpl__ b/packages/react/src/schematics/application/files/styled-jsx/src/app/__fileName__.tsx__tmpl__
index 99a9b30f08..ef45918dfb 100644
--- a/packages/react/src/schematics/application/files/styled-jsx/src/app/__fileName__.tsx__tmpl__
+++ b/packages/react/src/schematics/application/files/styled-jsx/src/app/__fileName__.tsx__tmpl__
@@ -170,51 +170,31 @@ export function App() {
Here are some links to help you get started.
Next Steps
Here are some things you can do with Nx.
diff --git a/packages/react/src/schematics/application/files/styled-module/src/app/__fileName__.tsx__tmpl__ b/packages/react/src/schematics/application/files/styled-module/src/app/__fileName__.tsx__tmpl__
index 1317f7a127..088e009d35 100644
--- a/packages/react/src/schematics/application/files/styled-module/src/app/__fileName__.tsx__tmpl__
+++ b/packages/react/src/schematics/application/files/styled-module/src/app/__fileName__.tsx__tmpl__
@@ -170,23 +170,15 @@ export function App() {
- Nx video course
+ Scale React Development with Nx (Course)
- Nx video tutorial
-
-
-
-
Interactive tutorial