@bildvitta/quasar-app-extension-asteroid 3.0.0-beta.2 → 3.0.0-beta.3

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
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bildvitta/quasar-app-extension-asteroid",
3
3
  "description": "Asteroid",
4
- "version": "3.0.0-beta.2",
4
+ "version": "3.0.0-beta.3",
5
5
  "author": "Bild & Vitta <systemteam@bild.com.br>",
6
6
  "license": "MIT",
7
7
  "main": "src/index.js",
@@ -29,7 +29,7 @@
29
29
  "yarn": ">= 1.6.0"
30
30
  },
31
31
  "dependencies": {
32
- "@bildvitta/quasar-ui-asteroid": "3.0.0-beta.2",
32
+ "@bildvitta/quasar-ui-asteroid": "3.0.0-beta.3",
33
33
  "humps": "^2.0.1"
34
34
  }
35
35
  }
package/src/install.js CHANGED
@@ -6,4 +6,12 @@ module.exports = function (api) {
6
6
  \\__,_/__/\\__\\___|_| \\___/_\\__,_|
7
7
  ~+ INSTALAÇÃO CONCLUÍDA +~
8
8
  `)
9
+
10
+ // adicionar arquivo de configuração de variareis sass ao projeto.
11
+ api.renderFile(
12
+ // caminho do arquivo importado
13
+ './templates/css/quasar.variables.scss',
14
+ // caminho do arquivo que será criado no projeto
15
+ 'src/css/quasar.variables.scss'
16
+ )
9
17
  }
@@ -0,0 +1,45 @@
1
+ /* stylelint-disable color-hex-case */
2
+ /* stylelint-disable scss/double-slash-comment-empty-line-before */
3
+ /* stylelint-disable scss/dollar-variable-colon-space-before */
4
+ /* stylelint-disable-next-line custom-property-pattern */
5
+
6
+ // Quasar SCSS (& Sass) Variables - Asteroid
7
+ // --------------------------------------------------
8
+ // NÃO MODIFIQUE ESTE ARQUIVO COM AS CONFIGURAÇÕES DO ASTEROID PRÉ DEFINIDAS!
9
+
10
+ @import '~@bildvitta/quasar-ui-asteroid/src/css/design-system';
11
+
12
+ $primary : #00527A;
13
+ // TODO: No futuro a ideia é não ter uma cor secundária.
14
+ // TODO: Por hora vamos usar a mesma de $primary-contrast.
15
+ $secondary : #B8D3E0A3;
16
+ $tertiary : #c7ceff;
17
+ $accent : #2c2546;
18
+ $dark : #1d1d1d;
19
+ $positive : #21ba45;
20
+ $negative : #c10015;
21
+ $info : #31ccec;
22
+ $warning : #f2c037;
23
+
24
+ // Asteroid
25
+ @mixin set-brand($name, $color) {
26
+ :root {
27
+ --q-#{$name}: #{$color};
28
+ }
29
+
30
+ .text-#{$name} {
31
+ color: $color !important;
32
+ color: var(--q-#{$name}) !important;
33
+ }
34
+
35
+ .bg-#{$name} {
36
+ background: $color !important;
37
+ background: var(--q-#{$name}) !important;
38
+ }
39
+ }
40
+
41
+ $primary-contrast: $secondary;
42
+ $secondary-contrast: #3691BF80;
43
+
44
+ @include set-brand(primary-contrast, $primary-contrast);
45
+ @include set-brand(secondary-contrast, $secondary-contrast);