如何为没有给出SASS变量的css属性自定义extjs 4

Question

我创建了一个自定义主题，通过读出这个theming tutorial来扩展Sencha提供的海王星主题。现在，正如我从教程和其他各种来源中读到的那样，您可以使用docs中提供的每个组件的mixins和css变量来自定义主题。

我面临的问题是，如果我需要自定义不存在SASS变量的css属性以及如何＆amp;如果我直接使用css，我应该添加该代码。

例如，我使用我创建的自定义主题使用文本字段，我想将过渡css属性与其他表单字段焦点属性一起添加到它，但是使用列表中的sass变量的唯一焦点属性是 $形式场聚焦-边框颜色

我阅读了很多论坛并将其作为解决方案之一

---＆gt;它说我需要直接在主题包内的sass文件 scss / var / form / 文件夹中输入该组件的css代码，我确实发现了来自浏览器检查工具的类，并在添加它之后工作。下面是上述路径中的base.scss文件的代码

$form-field-height: 24px !default;
$form-toolbar-field-height: $form-field-height !default;
$form-field-padding: 4px 6px 3px !default;
$form-field-border-color: #c0c0c0 #d9d9d9 #d9d9d9 !default;
$form-field-border-width: 1px !default;
$form-field-invalid-border-color: red !default;
/**
 * @var {color} $form-field-focus-border-color
 * In the default neptune color scheme this is the same as $base-highlight-color
 * but it does not change automatically when one changes the $base-color.  This is because
 * checkboxes and radio buttons have this focus color hard coded into their background
 * images.  If this color is changed, you should also modify checkbox and radio button
 * background images to match
 */
$form-field-focus-border-color: mix(#fff, #157fcc, 15%) !default;
$form-field-background-image: null !default;
$form-field-invalid-background-image: null !default;

.x-form-text {
   transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

但我不确定这是否正确。

这是应该将所有自定义css添加到主题的方式吗？

我在哪里可以找到自定义所需的所有css属性的sass变量，如果它们不可用，我应该如何设置组件的所有其他css属性？