@totvs/mobile-theme
Advanced tools
Comparing version 12.1.18-alpha.20 to 12.1.18-alpha.21
{ | ||
"name": "@totvs/mobile-theme", | ||
"version": "12.1.18-alpha.020", | ||
"version": "12.1.18-alpha.021", | ||
"description": "Totvs Mobile Theme", | ||
@@ -5,0 +5,0 @@ "homepage": "http://thfservices.totvs.com.br/mobile-alpha/", |
@@ -1,62 +0,7 @@ | ||
# THF Mobile | ||
[comment]: # (@label Tema Totvs no Ionic) | ||
[comment]: # (@link guides/README) | ||
# Instale o [Ionic][ionic] e o [Cordova][cordova] | ||
# Tema Totvs no Ionic | ||
```bash | ||
$ npm install -g ionic | ||
``` | ||
```bash | ||
$ npm install -g cordova | ||
``` | ||
**Nota**: Para usuários linux utilizar `sudo` para instalações globais (`-g`) | ||
[**Como começar**](guides/mobile-theme-get-started) | ||
# Crie um novo projeto utilizando o Ionic | ||
```bash | ||
$ ionic start "myApp" blank | ||
``` | ||
**Nota**: myApp - nome do diretório que irá armazenar os aquivos do aplicativo | ||
**Nota**: blank - template utilizado para criação do aplicativo (para ver outros tamplates: `ionic start template --list`) | ||
# Instalando o package @totvs/mobile-theme | ||
```bash | ||
$ npm install --save @totvs/mobile-theme | ||
``` | ||
# Aplicando o Guia de Estilo da TOTVS | ||
Navegue até o diretório `myApp/src/theme` e abra o arquivo `variables.scss` | ||
Remova as cores default do Ionic, basta deletar o vetor: | ||
```scss | ||
$colors: ( | ||
primary: #488aff , | ||
secondary: #32db64 , | ||
danger: #f53d3d , | ||
light: #f4f4f4 , | ||
dark: #222 | ||
); | ||
``` | ||
Altere o seguinte trecho: | ||
```scss | ||
@import "ionic.theme.default" | ||
``` | ||
para | ||
```scss | ||
@import "node_modules/@totvs/mobile-theme/totvs.mobile.theme" | ||
``` | ||
# Rodando sua app no browser | ||
Para testar seu aplicativo de uma maneira simples e rápida, recomendamos utilizar o seguinte comando: | ||
```bash | ||
$ ionic serve --lab | ||
``` | ||
[ionic]: http://bit.ly/2gnrkKl | ||
[cordova]: http://bit.ly/2wHisWo | ||
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Manifest confusion
Supply chain riskThis package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Manifest confusion
Supply chain riskThis package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.
Found 1 instance in 1 package
1488042
26
8