leshiple

в объект их, если вам что то такое нужно.

Что такое "объект" в Sass? 

Здравствуйте. Прочитал Sass Guidelines. Есть вопросы касательно того как называть переменные которые хранят цвета.

Например у меня 18 цветов. 8 из которых это оттенки серого, 4 оттенка желтого, черный, белый и т.д.

Как называть переменные: $c-grey-1, $c-grey-2, ...,  $c-grey-n? 

Или $c-dashboard-title, $c-main-menu__item__link?

Если у меня $c-dashboard-title и $c-main-menu__item__link одного цвета(хотя они логически не связаны), то поступить так:

1)$c-dashboard-title: #933434;

$c-main-menu__item__link: $c-dashboard-title;

2)Или каждому задавать свое значение?

Минус первого варианта в том что если поменяется хоть одно из значений, то переделывать придется оба (а их же может быть и больше)

Минус второго варианта в том что хоть эти элементы и не связаны логически, но они должны быть одного цвета, легче же будет поменять в одном месте.

Как тут быть? 

Разделяете ли вы цвета которые используете для шрифта, границ, фона? Например с помощью соответствующих префиксов

Я создавал тему про цвета и шрифты, но там мы ушли в сторону шрифтов и вопрос с цветами для меня остался открыт.

Если есть статья на эту тему, прошу дать ссылку.

Также буду благодарен если кто-нибудь покажет  как у него(нее) организованы цвета.

 

Что касается .g-main-content этот блок свёрстан на тэге <main> который IE не знает. 

Прошу прощения. В локальной версии подключил modernizr, а на сайт не закинул. Не могу сейчас исправить, админка не загружается. Проблема проявляется только в 11 версии, 10 и 9 корректно отображают. 

UPD:  не modernizr и не html5shiv не помогают ie11 понять <main>. Как быть?

.b-slider-controls {  float: right;    width: 260px;}

Это понятно. Но хотелось бы знать откуда берется эта линия

Подскажите почему столбцы в .g-main-content  не выравниваются по ширине и так ужасно отображается сам контейнер(дело происходит в IE).

А в Chrome/Opera справа от .b-slider-controls появляется отступ в 1px.

Ссылка.

Исправил, спасибо.

 

тогда уж вот так: 

@mixin arial ($font-size, $line-height, $letter-spacing, $color) {    font: $font-size + px + "/" + $line-height + px "Arial", sans-serif;	color: $color;	letter-spacing: $letter-spacing + px;}

letter-spacing....  В твоем случае нельзя пропускать значения. А если устанавливать значения по умолчанию то тогда на выходе получим лишний код. Нудно будет помот искать где letter-spacing: normal сбрасывает унаследованное значение, а где и побочный эффект от примеси.

Придумал пока вот что:

@mixin arial ($font-size, $line-height: $font-size) {    font: $font-size + px + "/" + $line-height "Arial", sans-serif;}

Единицу измерения подставлять свою.

kidrock,  спасибо. Буду пробовать.

Лично я называю так-же, как и шрифт, чаще всего.

Ты создаешь миксины или включения? Напиши пожалуйста пример.

ТО есть все известные явно цвета нужно выносить в переменные. 

А как называть эти переменные? По какому принципу?

Можно ли объединить - это интересный вопрос, во всяком случае можно попробовать, но в том случае если вы уверены, что ваш монитор хорошо откалиброван и все эти цвета действительно на глаз практически не различимы.

Наверное вопрос относительный. У всех глаза разные. И решать скорее всего человеку создававшему дизайн.

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

У меня 4 пары повторяющихся значений. И какие им(переменным) имена давать? По типу именования классов в БЭМ?

Где можно посмотреть примеры хорошего SCSS в проектах (не библиотеках)?

Здравствуйте, скачал макет, начал верстать. Для написания стилей использовал SCSS. Стал наводить порядок в SCSS и столкнулся с проблемой организации цветов и шрифтов.

Мои цвета:

Мои шрифты:

Цветов много, какова вероятность того что дизайнер при создании макета ошибся на пару тонов и такие цвета как #808080, #868585, #8b8b8b, #8d8c8c можно объеденить? Как лучше их организовать? Использовать функцию darken или математические вычисления или присваивать переменные grey_dark, grey_very_dark, grey_superdark?

Вариаций сочетананий шрифтов тоже много. Как их правильно организовать? В некоторых случаях размер, начертание и семейство совпадает, а line-height нет. Или отчилается размер. Как вы боритесь со шрифтами?

Где можно посмотреть примеры хорошего SCSS в проектах (не библиотеках)?

Спасибо. Теперь понял. На сайте Оперы хорошо продемонстрировано, может стоит на htmlbook'е добавить похожий пример?

Не могу понять как работает 

background-attachment: local;

чем оно отличается от 

background-attachment: scroll;

Я прочитал про него, но представить это не могу.

Может кто-нибудь привести визуальный пример работы этого значения.

Chrome 41

Firefox 37

На главной странице у тебя есть footer который очищает поток, а на странице новостей нет. 

Здравствуйте. Прошу оценить мою вёрстку: http://leshiple.esy.es/

Upd: Прижал футер к низу