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