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 вниз, то полоса появляется.

Спасибо sigma77! вот это уже по существу! Вопрос- очередность подключаемых scss файлов в Style.scss как я понимаю важна и длжна быть примерно такой:? 1) my_variables (переопределенный bootstrap/variables.scss) 2) my_bootstrap (переопределенный bootstrap.scss) 3) мои кастомные файлы. имеет ли значение их очередность?

Мы должны по-быстрому скачать, установить и начать использовать ПО которое устраивает вас? Я вообще пишу код в notepad++, а компилится less в Prepros. И изучать koala или подобные у меня лично нет ни времени, ни желания. Так что извиняйте. Ни в коем случае! Я скачал, установил и посмотрел как работает Koala, там в принципе ничего сложного нет. Но вот по поводу организации папок проекта не очень понятно. в разных уроках делают по разному. все что я смог найти в уроках- тупо берут весь bootstrap.css, а потом создают свои стили дополнительно. Но мне не нужны все возможности Bootstrap, хочу использовать только некоторые компоненты, и чтобы Bootstrap можно было потом обновить. в архиве bootstrap-sass много всего. непонятно, что за что отвечает. Нужна только папка assets, остальне удалять?

вы уж извините, но опять советы в стиле копированных статей из Гугла. мне бы конкретики. как настроить среду разработки, но опять же повторюсь не Compass, Gulp, Bower и др. (поскольку в них не разбираюсь), а с помощью koala или подобной программы.

До сих пор верстал только с чистым css. хочу начать изучение Sass + Bootstrap (который ранее тоже не использовал) Никак не могу найти описания как правильно настроить рабочую среду без использования Ruby/Gulp/Bower, а с понятным Koala GUI. Где какие файлы размещать и какие файлы можно править в исходниках Бутстрапа, или нельзя никакие и нужно создать свои файлы, которые будут переписывать переменные Бутстрапа?

Понятно, пришлось воспользоваться png на фон.

Должно быть как слева (на приведенной картинке). Суть в том, что во всех браузерах плавный переход с серого в белый, а на Сафари очень грубый, резкий.

Зато он есть на Mac.

Подскажите как сделать css градиент на 20% высоты блока, чтобы корректно смотрелось на Safari, что на Mac, что на Windows. Сейчас выглядит вот так: http://www.picshare.ru/view/6918945/ справа Safari, слева остальные браузеры background: -moz-linear-gradient(top, rgba(247,247,247,0.65) 0%, rgba(128,128,128,0) 48%, rgba(0,0,0,0) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,0.65)), color-stop(48%,rgba(128,128,128,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(247,247,247,0.65) 0%,rgba(128,128,128,0) 48%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(247,247,247,0.65) 0%,rgba(128,128,128,0) 48%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(247,247,247,0.65) 0%,rgba(128,128,128,0) 48%,rgba(0,0,0,0) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(247,247,247,0.65) 0%,rgba(128,128,128,0) 48%,rgba(0,0,0,0) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6f7f7f7', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */

в принципе, с вашими аргументами согласен. правда, 1) Если у ж меняем что то в товаре, то к старым заказам наверное это не должно относиться. ЧТо было заказано, то было заказано. 2) Возможно, что если все таки удалять товар (знаем точно что уже никогда не появится в магазине- совсем старый), то в момент удаления в связанный заказ записывать его название и атрибуты если нужно. Как считаете такая идея?

Наверное связь делать можно, если ассортимент не меняется и товаров/заказов не так много. Но для обычных магазинов наверное лучше не завязывать все. Посмотрел в Opencart, даже если товар заказн, его можно удалить из системы. Может есть еще какие мнения?