Changing size of text within q-input

jeffc

I’m just getting started with Quasar 0.14 and it’s really nice. I have a simple “getting started” question. How do I change the text size of the text within a q-input.

In my template…
<q-input class=“zip-input” v-model=“value” autofocus placeholder=“zip code” align=“center” :before="[{icon: ‘mail’, handler () {}}]"/>

In my style…
.zip-input
{
margin-top: 50px;
height: 50px;
font-size: 32px;
}

The result, the text is clipped.
zipclip

Thanks in advance, Jeff.

benoitranque

Take a look at Stylus Variables

s.molinari

32px is awfully big. Why do you need that big of a font?

Scott

jeffc

Scott, it’s in the design. benoitranque - which stylus variables apply here - couldn’t find any that fit?

benoitranque

Add the following in your styles

.zip-input input {
height: 50px;
}