vip

Имеется шаблон с scss исходниками. Как лучше его править, чтобы в дальнейшем не было проблем с обновлениями шаблона?

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

хм. интересно. почему-то был уверен, что такое растянет и родительский блок. А без vw возможно? может скриптами?

https://jsfiddle.net/digitalmedia/1ag23rdb/ Необходимо растянуть блок .map до правого края браузера. Есть ли какое то решение для этого?

На сайте используется несколько начертаний шрифта Circe. Хочу объединить их все под одним именем, и вставить таким образом в css (чтобы декларировать его только для Body): @font-face { font-family: 'Circe'; src: url('Circe-ExtraLight.woff2') format('woff2'), url('Circe-ExtraLight.woff') format('woff'), url('Circe-ExtraLight.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Circe'; src: url('Circe-Light.woff2') format('woff2'), url('Circe-Light.woff') format('woff'), url('Circe-Light.ttf') format('truetype'); font-weight: normal; font-style: normal; } Вопрос, как в таком случае в @font-face прописывать font-weight для Light, Extra Light, Thin начертаний? Нашел, что можно цифрами прописывать 200, 300, 400... Как определить соответствие цифрового значения конкретной толщине?

Да, спасибо!

Прошу прощения, по ошибке добавил подчеркивание к main.scss в топике. Сейчас поправил топик. Т.е. у меня только один main.scss в каталоге Sass.

Импортирующий. просто я для наглядности оставил там только импортируемый файл bootstrap и в нем же дописал медиа запрос.

Миксины бутстрапа импортированы в файле bootstrap.scss, или их надо дополнительно в main.scss импортировать? пробовал их импортировать и в main.scss, - не помогает.

Имеется такая структура файлов: sass/ -- bootstrap/ (внутри каталог mixins и sass файлы- bootstrap/_mixins.scss, bootstrap/_variables.scss, bootstrap/_normilze.scss, и т.д.) -- _bootstrap.scss -- main.scss содержание файла main.scss: @import "bootstrap"; .element { with: 200px; @media (min-width: @screen-md-min) { width: 100px; } } Но компилятор ругается, что вместо @screen-md-min должно быть конкретное значение.Как добиться, чтобы можно было использовать брейкпоинты бутстрапа в Sass?

работал с Бутстрапом всего пару раз, поэтому сложно оценить, подходит он мне или нет. Можно вам в личку макет, посмотреть, есть ли смысл в бутстрапе? вообще честно говоря начитался про БЭМ:-) и была идея попробовать с БЭМ неймингом верстать. пока только неймингом.

Доброго дня. Собственно вопрос, стоит ли ради Jquery плагинов (Модальные окна, табы) использовать Bootstrap, либо для этого можно взять сторонние скрипты, например те же jquery плагины, коих пруд пруди? Предстоит проект достаточно кастомный, поэтому не хочется переопределять каждую Бутстраповую кнопочку, но не силен в js, поэтому и встал вопрос.

Можете показать?

пример на JSFiddle Сейчас выдвинул блок за правое поле, и если уменьшить поле, то полоса прокрутки появится, когда край окна дотронется до черного блока, если же позиционировать этот блок за левое поле, то полоса появляется только когда край окна качается основного- серого блока. Мне и не надо, чтоб она появлялась. как этого же достичь когда выдвигаем за правый или нижний край? кроме overflow-x: hidden на body?

Имеется такая конструкция. В блок вложен блок с фоновой картинкой. <div class="outer"> <div class="block"></div> </div> Css: .outer{ width:980px; margin:0 auto; position:relative; } .block{ position:absolute; width:200px; height:200px; left:-100px; top:-50px; } В данном случае, если окно браузера сужается менее 1180px, полоса прокрутки не появляется, Но если задать .block { right:-100px } при сужении окна, полоса прокрутки появляется. Как обойти данный момент? То же самое и если сдвигать .block вверх- полосы прокрутки нет, а если сдвигать .block вниз, то полоса появляется.