Я впервые использую чистый бурбон. то, что я пытаюсь сделать, это установить max-width
свойство опрятности в _grid.css
. Теперь я пытаюсь сделать это в PX, скажем, 700px
, но по умолчанию это $max-width: em(1000) !default;
. Я пытался указать его в PX, но это не работает. может кто-нибудь, пожалуйста, скажите мне, где я делаю это неправильно? Благодарю.
Изменение свойства максимальной ширины сетки в опрятном бурбоне
Ответы (2)
$max-width: em(1000)
использует миксин, определенный в Bourbon, который позволяет вам установить значение в пикселях, а миксин преобразует его в ems. поэтому пример $max-width: em(1000)
равен $max-width: 1000px
Просто измените это число на желаемое значение в пикселях, и пусть миксин сделает за вас ems-математику.
надеюсь, это поможет
Я понимаю. Я должен был быть немного более конкретным.
Я имею в виду другой файл. Итак, если вы полностью установили биттеры, у вас должна быть папка в каталоге таблицы стилей с именем 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
.
Надеюсь, это поможет!
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