Изменение свойства максимальной ширины сетки в опрятном бурбоне

Я впервые использую чистый бурбон. то, что я пытаюсь сделать, это установить max-width свойство опрятности в _grid.css. Теперь я пытаюсь сделать это в PX, скажем, 700px, но по умолчанию это $max-width: em(1000) !default;. Я пытался указать его в PX, но это не работает. может кто-нибудь, пожалуйста, скажите мне, где я делаю это неправильно? Благодарю.


person designerNProgrammer    schedule 18.04.2014    source источник


Ответы (2)


$max-width: em(1000) использует миксин, определенный в Bourbon, который позволяет вам установить значение в пикселях, а миксин преобразует его в ems. поэтому пример $max-width: em(1000) равен $max-width: 1000px

Просто измените это число на желаемое значение в пикселях, и пусть миксин сделает за вас ems-математику.

надеюсь, это поможет

person MandsAtWork    schedule 07.11.2014

Я понимаю. Я должен был быть немного более конкретным.

Я имею в виду другой файл. Итак, если вы полностью установили биттеры, у вас должна быть папка в каталоге таблицы стилей с именем bitters.

Вы хотите найти файл stylesheets/bitters/_bitters.scss

Откройте этот файл, и он должен выглядеть так:

// Neat Settings -- uncomment if using Neat
///////////////////////////////////////////////////////////////////////////////
// @import "neat-helpers"; // or "neat/neat-helpers" when not in Rails
// @import "grid-settings";


// Bitters
///////////////////////////////////////////////////////////////////////////////
@import "variables";
@import "extends/base";
@import "mixins/base";
@import "typography";
@import "forms";
@import "tables";
@import "lists";
@import "flashes";

Вы видите, что @import "grid-settings"; в настоящее время закомментировано. Вы захотите раскомментировать это.

Затем откройте именно этот файл: stylesheets/bitters/_grid-settings.scss

И из этого файла теперь вы можете манипулировать переменной $max-width.

Надеюсь, это поможет!

person Carolann Bonner    schedule 19.04.2014
comment
как сказано в руководстве github, я импортировал его в свой основной файл scss между bourobn и аккуратным импортом. - person designerNProgrammer; 19.04.2014
comment
Я вижу - я должен был быть более ясным. В своем последнем комментарии вы имеете в виду манифест вашего приложения или сайта. - person Carolann Bonner; 19.04.2014
comment
добавлен в main.scss для моего сайта. - person designerNProgrammer; 19.04.2014
comment
Я отредактировал свой первый ответ, чтобы более подробно рассказать о структуре биттеров. - person Carolann Bonner; 19.04.2014
comment
может быть, я могу явно написать это в файле scss. - person designerNProgrammer; 19.04.2014
comment
Какой файл scss вы имеете в виду, файл main.scss? Не могли бы вы вкратце рассказать о своих main.scss, _bitters.scss и _grid-settings.scss? Или просто вставить код для них здесь? Меня интересуют 3 вещи: В своем первоначальном вопросе вы пометили _grid-settings.scss как _grid.css. Если у него есть суффикс .css, он не поймет переменную и должен выдать вам ошибку. У вас также было !default в конце переменной $max-width, которая вам не нужна. И я предполагаю, что вы хотите, чтобы код читался как $max-width: 700px;. Просто убедись, что ты опустил эти скобки. - person Carolann Bonner; 19.04.2014