2013-06-06 2 views
0

После прочтения этого поста: Using box-sizing : border-box with Twitter Bootstrap 2.x, can we do it easily without breaking everything?Загрузочный бокс-размер с сассисом?

Я решил, что я хочу попробовать коробчатую проклейку с Sass репо Я скачал здесь: https://github.com/thomas-mcdonald/bootstrap-sass.

Я попытался добавить следующее:

* { 
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
box-sizing: border-box; 
} 

Это прекрасно работает, но он щурит мой вход формирует высоту. Прочитав вышеприведенные комментарии, вы можете использовать содержимое полей для ввода форматов. Но очевидно, что это менее не Sass:

*, *:before, *:after { 
.box-sizing(border-box); 
} 

input { 
.box-sizing(content-box); 
} 

ли кто-нибудь знает, как получить эту работу, чтобы мои формы ввода в настоящее время сплющенные?

+0

border-box делает его таким, чтобы отступы не изменяли размер элемента, в чем проблема, как об http: // jsfiddle. net или 2 скриншота до и после были бы полезны – iConnor

ответ

0

вы можете использовать его в SASS файл also- попробовать ниже код

* 
    &:before, &:after  
    +box-sizing(border-box) 


input 
    +box-sizing(content-box) 

Меньше кода теперь преобразуется в код Сасс. Если работает меньше кода, тогда этот код sass определенно будет работать для вас

+0

Получение ошибки скомпилировать это с помощью codekit – rowefx

+0

ok-wats, эта ошибка, не могли бы вы подробнее рассказать? – Chandrakant

+0

Это была моя ошибка, я просто добавил дополнительный {:) – rowefx

Смежные вопросы