turretcss

Input Sizes

Example

HTML

<input class="input-xxl" type="text" />
<input class="input-xl" type="text" />
<input class="input-l" type="text" />
<input type="text" />
<input class="input-s" type="text" />
<input class="input-xs" type="text" />
<input class="input-xxs" type="text" />

CSS

--input-xxl-height: var(--height-xxl);
--input-xxl-font-size: var(--font-size-xxl);

--input-xl-height: var(--height-xl);
--input-xl-font-size: var(--font-size-xl);

--input-l-height: var(--height-l);
--input-l-font-size: var(--font-size-l);

--input-s-height: var(--height-s);
--input-s-font-size: var(--font-size-s);

--input-xs-height: var(--height-xs);
--input-xs-font-size: var(--font-size-xs);

--input-xxs-height: var(--height-xxs);
--input-xxs-font-size: var(--font-size-xxs);

Related