Jump to content

leshiple

Newbie
  • Posts

    15
  • Joined

  • Last visited

Everything posted by leshiple

  1. Что такое "объект" в Sass?
  2. Здравствуйте. Прочитал 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)Или каждому задавать свое значение? Минус первого варианта в том что если поменяется хоть одно из значений, то переделывать придется оба (а их же может быть и больше) Минус второго варианта в том что хоть эти элементы и не связаны логически, но они должны быть одного цвета, легче же будет поменять в одном месте. Как тут быть? Разделяете ли вы цвета которые используете для шрифта, границ, фона? Например с помощью соответствующих префиксов Я создавал тему про цвета и шрифты, но там мы ушли в сторону шрифтов и вопрос с цветами для меня остался открыт. Если есть статья на эту тему, прошу дать ссылку. Также буду благодарен если кто-нибудь покажет как у него(нее) организованы цвета.
  3. Прошу прощения. В локальной версии подключил modernizr, а на сайт не закинул. Не могу сейчас исправить, админка не загружается. Проблема проявляется только в 11 версии, 10 и 9 корректно отображают. UPD: не modernizr и не html5shiv не помогают ie11 понять <main>. Как быть? Это понятно. Но хотелось бы знать откуда берется эта линия
  4. Подскажите почему столбцы в .g-main-content не выравниваются по ширине и так ужасно отображается сам контейнер(дело происходит в IE). А в Chrome/Opera справа от .b-slider-controls появляется отступ в 1px. Ссылка.
  5. letter-spacing.... В твоем случае нельзя пропускать значения. А если устанавливать значения по умолчанию то тогда на выходе получим лишний код. Нудно будет помот искать где letter-spacing: normal сбрасывает унаследованное значение, а где и побочный эффект от примеси.
  6. Придумал пока вот что: @mixin arial ($font-size, $line-height: $font-size) { font: $font-size + px + "/" + $line-height "Arial", sans-serif;}Единицу измерения подставлять свою.
  7. kidrock, спасибо. Буду пробовать.
  8. Ты создаешь миксины или включения? Напиши пожалуйста пример.
  9. А как называть эти переменные? По какому принципу? Наверное вопрос относительный. У всех глаза разные. И решать скорее всего человеку создававшему дизайн. У меня 4 пары повторяющихся значений. И какие им(переменным) имена давать? По типу именования классов в БЭМ?
  10. Здравствуйте, скачал макет, начал верстать. Для написания стилей использовал SCSS. Стал наводить порядок в SCSS и столкнулся с проблемой организации цветов и шрифтов. Мои цвета: Мои шрифты: Цветов много, какова вероятность того что дизайнер при создании макета ошибся на пару тонов и такие цвета как #808080, #868585, #8b8b8b, #8d8c8c можно объеденить? Как лучше их организовать? Использовать функцию darken или математические вычисления или присваивать переменные grey_dark, grey_very_dark, grey_superdark? Вариаций сочетананий шрифтов тоже много. Как их правильно организовать? В некоторых случаях размер, начертание и семейство совпадает, а line-height нет. Или отчилается размер. Как вы боритесь со шрифтами? Где можно посмотреть примеры хорошего SCSS в проектах (не библиотеках)?
  11. Спасибо. Теперь понял. На сайте Оперы хорошо продемонстрировано, может стоит на htmlbook'е добавить похожий пример?
  12. Не могу понять как работает background-attachment: local;чем оно отличается от background-attachment: scroll;Я прочитал про него, но представить это не могу. Может кто-нибудь привести визуальный пример работы этого значения. Chrome 41 Firefox 37
  13. На главной странице у тебя есть footer который очищает поток, а на странице новостей нет.
  14. Здравствуйте. Прошу оценить мою вёрстку: http://leshiple.esy.es/ Upd: Прижал футер к низу
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy