2015-11-14 3 views
0

при интеграции Bootstrap в SASS Version в мой проект. Я пришел со странной ошибкой, когда некоторые правила CSS, казалось, не применялись или даже не ошибались. Мне потребовалось несколько часов, чтобы понять, что на самом деле это вызвано компилятором SCSS, который создал .scss-кеш. Если я дам компилятору создать новый CSS-файл (после удаления папки кэша), все будет работать, но как только я сгенерирую SCSS-изменение, он, по-видимому, загружает информацию из кеша с странно сплющенными значениями, иногда даже полностью меняя шестнадцатеричные цвета и размер шрифта.Sass Cache разрушает значения SCSS

Я подумал о точности в установке SASS быть проблемой и изменил number.rb подобные:

def self.precision 
    @precision ||= 10 
end 

Это изменит вратарь выпуск Тхо. Я мог бы изменить SASS таким образом, чтобы он не создавал кеши, но должен быть лучший способ сделать это. Я действительно не понимаю, почему такие странные явления происходят в файлах css.

Вот некоторые из них кстати:

-/* line 353, C:/Users/Weidler/CloudStation/git/GitHub/thegreatdictation/code/scss/../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/_forms.scss */ 
+/* line 353, ../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/_forms.scss */ 
.form-group-lg .form-control { 
- height: 36px; 
+ height: 46px; 
    padding: 10px 16px; 
- font-size: 14px; 
- line-height: 1; 
+ font-size: 18px; 
+ line-height: 1.33333; 
    border-radius: 6px; 
} 
-/* line 360, C:/Users/Weidler/CloudStation/git/GitHub/thegreatdictation/code/scss/../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/_forms.scss */ 
+/* line 360, ../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/_forms.scss */ 
.form-group-lg select.form-control { 
- height: 36px; 
- line-height: 36px; 
-} 
-/* line 365, C:/Users/Weidler/CloudStation/git/GitHub/thegreatdictation/code/scss/../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/_forms.scss */ 
+ height: 46px; 
+ line-height: 46px; 
+} 
+/* line 365, ../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/_forms.scss */ 
.form-group-lg textarea.form-control, 
.form-group-lg select[multiple].form-control { 
    height: auto; 
} 
-/* line 368, C:/Users/Weidler/CloudStation/git/GitHub/thegreatdictation/code/scss/../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/_forms.scss */ 
+/* line 368, ../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/_forms.scss */ 
.form-group-lg .form-control-static { 
- height: 36px; 
- min-height: 28px; 
+ height: 46px; 
+ min-height: 38px; 
    padding: 11px 16px; 
- font-size: 14px; 
- line-height: 1; 
-} 
- 
-/* line 382, C:/Users/Weidler/CloudStation/git/GitHub/thegreatdictation/code/scss/../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/_forms.scss */ 
+ font-size: 18px; 
+ line-height: 1.33333; 
+} 
+ 
+/* line 382, ../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/_forms.scss */ 
.has-feedback { 
    position: relative; 
} 

+ означает его в рабочем файле
- значит, его в не рабочем файле
ничего не означает, что его в обоих файлах

+0

Почему вы изменили number.rb, если для Sass есть флаг точности? – cimmanon

+0

Причина: я не знал, что;) – weidler

ответ

0

Хорошо, я действительно не нашел решение, которое удовлетворило меня на 100%, но я заработал для меня. Проблема заключается в том, что Scout, мое приложение, которое я использую для компиляции sass/scss-кода, использует старую версию sass, так что вы не можете изменить точность или что-то еще.

Когда вы меняете на Koala (другое приложение, которое позволяет вам выбрать сасс-версию/компилятор), все работает нормально.

Так что это проблема Скаута, к сожалению, программное обеспечение уже не обновляется. ТБК Коала в любом случае кажется более сложным.

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