2

Is it possible to just change a few global css variables without creating a whole new theme or ui?

I'm trying to set e.g. $form-field-border-width: 0 0 1px 0; by creating MyApp/sass/var/form/field/Base.scss and just dropping the code.

I'm using Neptune and only have a few changes, so I'm trying to avoid creating a whole theme package.

Benjamin E.
  • 5,042
  • 5
  • 38
  • 65
  • do you have the all scss files setup? If so just override their vars and compile sass and that should work – Vu Nguyen Apr 01 '14 at 16:29
  • What do you mean with scss files set up? I'm successfully adding custom css in MyApp/sass/etc, but I only manage to override variables if I create my own theme package. – Benjamin E. Apr 03 '14 at 04:02
  • When I had to override the base theme, that is what I did too. Basically set my variables I wanted to override then import their theme. – Vu Nguyen Apr 07 '14 at 19:50

1 Answers1

0

By default sass directory uses for store styles related to application components. If you want to overwrite scss for core component (like Ext.*) you should replace Sass namespace in app.json file to:

"sass": {
    "namespace": ""
},

Be sure to store variables' files in sass/var directory. In your case path should be: MyApp/sass/var/Ext/form/field/Base.scss.

afschr
  • 546
  • 4
  • 9