основа zurb изменение размер шрифта и полная ширина

Question

Я использую основание 4 с SASS. но я не могу найти, как изменить размер шрифта по умолчанию. Для моего языка размер шрифта по умолчанию слишком велик.

Я попытался сменить часть. как вы знаете, это также связано с полной шириной. В первую очередь я изменил размер всей ширины: $ row-width: em-calc (1200) от 1000 до 1200. Мне нужно шире. это правильный способ изменения полной ширины?

Я попытался изменить размер шрифта.

$base-font-size: 100% !default; 
$em-base: 16px !default; 

Когда я их изменяю. это связано с полной шириной. Затем как я могу изменить размер шрифта и полную ширину? если у вас есть sass, пожалуйста, дайте мне знать, какой файл мне нужно изменить.

Answer 1

Не на 100% ясно, что вы просите в своем вопросе, но я надеюсь, что все правильно, вы хотите знать, как изменить шрифт, не изменяя размер сетки правильно?

Тогда ответ может быть найден в documentation:

/* Since the typical default browser font-size is 16px, that makes the calculation for grid size. */ 
/* If you want your base font-size to be a different size and not have it effect grid size too, */ 
/* set the value of $em-base to $base-font-size ($em-base: $base-font-size;) */ 
$em-base: 16px !default; 

Так в основном просто установить:

@import "foundation/variables"; 
$base-font-size: 4px; 
$em-base: $base-font-size; 

Изменение эм-база обратно по умолчанию, и вы увидите, что в сетке также изменяется соответственно на $ base-font-size. Вы также поступаете правильно, установив ширину строки.

Если у вас возникли проблемы с работой функции SASS em-calc(), убедитесь, что вы вызываете ее после @import "foundation/variables"; Я не знаю, почему em-calc() используется в документации, возможно, исходный код на git устарел - но мне пришлось использовать emCalc (#px) - то есть: emCalc(2000px);

Answer 2

В данный момент проблема, Github repo. До тех пор, пока он не будет исправлен в новой версии, это изменяет размер шрифта без изменения сетки.

$base-font-size: 120% !default; // pixels to percent 
body { font-size: $base-font-size; } // set the body font size to $base-font-size variable