@nativescript/template-blank-ng 8.8.3 → 8.8.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "main": "src/main.ts",
4
4
  "displayName": "Blank",
5
5
  "templateType": "App template",
6
- "version": "8.8.3",
6
+ "version": "8.8.5",
7
7
  "description": "Blank template for NativeScript apps using Angular",
8
8
  "author": "NativeScript Team <oss@nativescript.org>",
9
9
  "license": "Apache-2.0",
@@ -18,6 +18,7 @@
18
18
  "!tools/assets",
19
19
  ".editorconfig",
20
20
  "references.d.ts",
21
+ "tailwind.config.js",
21
22
  "tsconfig.json"
22
23
  ],
23
24
  "keywords": [
@@ -49,16 +50,17 @@
49
50
  "@angular/router": "~19.0.0",
50
51
  "@nativescript/angular": "^19.0.0",
51
52
  "@nativescript/core": "~8.8.0",
52
- "@nativescript/theme": "^3.1.0",
53
53
  "rxjs": "~7.8.0",
54
54
  "zone.js": "~0.15.0"
55
55
  },
56
56
  "devDependencies": {
57
57
  "@angular-devkit/build-angular": "~19.0.0",
58
58
  "@angular/compiler-cli": "~19.0.0",
59
+ "@nativescript/tailwind": "^2.1.0",
59
60
  "@nativescript/types": "~8.8.0",
60
61
  "@nativescript/webpack": "~5.0.0",
61
62
  "@ngtools/webpack": "~19.0.0",
63
+ "tailwindcss": "~3.4.0",
62
64
  "typescript": "~5.6.0"
63
65
  }
64
66
  }
@@ -4,5 +4,5 @@
4
4
 
5
5
  <GridLayout>
6
6
  <!-- Add your page content here -->
7
- <Label text="Hello"></Label>
7
+ <Label text="Hello" class="text-lg text-center"></Label>
8
8
  </GridLayout>
package/src/app.css CHANGED
@@ -1,5 +1,3 @@
1
- @import '@nativescript/theme/css/core.css';
2
- @import '@nativescript/theme/css/default.css';
3
-
4
- /* Place any CSS rules you want to apply on both iOS and Android here.
5
- This is where the vast majority of your CSS code goes. */
1
+ @tailwind base;
2
+ @tailwind components;
3
+ @tailwind utilities;
@@ -0,0 +1,13 @@
1
+ /** @type {import('tailwindcss').Config} */
2
+ module.exports = {
3
+ content: ['./src/**/*.{css,xml,html,vue,svelte,ts,tsx}'],
4
+ // use the .ns-dark class to control dark mode (applied by NativeScript) - since 'media' (default) is not supported.
5
+ darkMode: ['class', '.ns-dark'],
6
+ theme: {
7
+ extend: {},
8
+ },
9
+ plugins: [],
10
+ corePlugins: {
11
+ preflight: false, // disables browser-specific resets
12
+ },
13
+ }