Nativescript - CSS страницы входа не работает

Question

Я пытаюсь создать страницу входа.Я использовал шаблон страницы входа через SideKick и назвал его логин.Он создал папку для входа с помощью login-page.js, login-page.xml и login-view-model.js.Я создал файл login-page.css в той же папке, что и другие.

Я создал простой стиль в файле css, чтобы сделать синий цвет шрифта для тестового класса.Я применил это к метке в поле класса.Она не будет работать.Я что-то упускаю?

<ScrollView>
<StackLayout class="form">
    <Label class="h1 text-center test" text="Login"></Label>
    <TextField class="m-t-10 m-b-10 m-l-15 m-r-15" hint="Email" keyboardType="email" autocorrect="false" autocapitalization="none"
        text="{{ email }}"></TextField>
    <TextField class="m-t-10 m-b-10 m-l-15 m-r-15" hint="Password" secure="true" autocorrect="false" autocapitalization="none"
        text="{{ password }}"></TextField>
    <Button class="btn btn-primary" text="SIGN IN" tap="onSigninButtonTap"></Button>
    <Label class="m-t-10 m-b-10 m-l-15 m-r-15" text="Forgot password?" tap="onForgotPasswordTap"></Label>
</StackLayout>

.test{color: red}