Как сделать, чтобы input занимал всю оставшуюся часть строки?

Question

[FrogFog]

Как стилизовать input, чтобы он был на всю оставшуюся строку?
При input { width: 100% } - переходит на другую строку,
input { width: 70% } - а это костыль, который ломается при маленьком экране.

https://jsfiddle.net/8f1p0a9o/

Comments

[FrogFog]

Сергей: input переходит на другую строку

[Сергей delphinpro]

FrogFog: да я не так понял, не глянув фиддл) сорри

[FrogFog]

Сергей: Судя по ответам, не вы один )

Answer 1

[Сергей delphinpro]

https://jsfiddle.net/8f1p0a9o/4/
https://jsfiddle.net/8f1p0a9o/5/

Comments

[FrogFog]

Sass ухх, а по проще на нативном css карма не позволяет?)
Попробую разобраться, спасибо

[Сергей delphinpro]

FrogFog: Это и есть "попроще" вообще-то =)
На нативном гораздо многословнее будет

Но вы всегда можете посмотреть скомпилированные стили

[FrogFog]

Не хочу придираться, но 7 строк нативного css хватило бы для решения: https://jsfiddle.net/8f1p0a9o/12/
( мол, может кто то там на less пишет )
Консоль это дополнительные танцы с бубном, у кого-то консоль долго грузиться.
В любом случае спасибо работает)

[Сергей delphinpro]

FrogFog: ну я вам два варианта показал )

[Сергей delphinpro]

по поводу консоли - делайте примеры на codepen.io
там если вам напишут на sass/less, можно прямо в интерфейсе нажать кнопку "view compile" )

[FrogFog]

Сергей: Тоже верно

Answer 2

[Дмитрий Гаджиев]

наверное как то ТАК

Comments

[FrogFog]

Вы мой вопрос прочитали?
Зачем мне общая стилизация

Answer 3

[Павел]

width:auto;min-width:100px;max-width:100%;

Comments

[FrogFog]

No