Вопросы по теме 'susy'

Включить сеточную структуру в визуальную студию, которая кажется только Linux?
Я использую Visual Studio 2013 с расширением Web Essentials для всей своей работы с Sass / Scss. Это великолепно. Я наткнулся на учебник по сеточной структуре, который я действительно хочу использовать, под названием Susy . Однако все учебные...
253 просмотров

Есть ли способ установить ширину желоба Susy в процентах от ширины контейнера?
При чтении документации Susy берет ширину желоба в процентах от ширины столбца. У меня есть контейнер шириной 768 пикселей У меня 3 столбца Я хочу, чтобы размер каждого желоба составлял 5% от 768 пикселей, то есть 38,4 пикселей Я...
372 просмотров
schedule 30.11.2021

Галерея Susy с элементами переменной ширины
Я использую Susy grid. Мне нужно сделать галерею блоков разной ширины. Это будут блоки шириной 1/3, 2/3 и 3/3. На странице может быть много таких блоков, и они могут располагаться в произвольном порядке. Если блок не помещается в одну строку, он...
226 просмотров
schedule 21.11.2021

Настройка PhpStorm для использования Susy в проекте Drupal 8
Мне нужна помощь в настройке PhpStorm для использования Susy в проекте Drupal 8. Мои действия: Установить Ruby Установить компас (cmd => gem install compass ) Установите Susy (cmd => gem install susy ) Измените каталог на основную тему в...
166 просмотров
schedule 10.10.2021

SUSY - использование дробей для желоба
Когда я настраиваю свою сетку с картой в susy $susy: ( columns: 12, gutters: 1/4, math: fluid, output: float, gutter-position: inside, ); Ему не нравится желоб как дробь, и мне пришлось изменить его на десятичную. Ничего страшного,...
51 просмотров
schedule 02.05.2022

Боковая панель с фиксированной шириной использует более 3 определенных столбцов
у меня есть небольшая проблема, когда я использую элемент с фиксированной позицией с susy. Я знаю, что элементы с фиксированной позицией имеют размер относительно окна просмотра, а не сетки. Но я не знаю, как решить эту проблему. Я сделал ручку,...
129 просмотров
schedule 02.06.2022

Работа с Gulp, Bundler, Ruby и Susy
Согласно этому можно скомпилировать установку susy из Ruby с помощью Gulp. Но можно ли использовать gulp-sass вместо gulp-compass или gulp-ruby-sass из-за производительности и устаревания? На самом деле я использую это в своем gulpfile.js:...
76 просмотров
schedule 02.06.2022

Использование susy и точки останова с grunt-sass
Я работаю над новым проектом и начал использовать grunt-sass вместо grunt-contrib-sass, потому что это намного быстрее. Я также удалил компас. Дело в том, что я больше не могу найти способ добавить сетку «susy» и «точку останова». Раньше я помещал...
438 просмотров
schedule 15.06.2022

Использование susy с libsass — неправильный вывод
Я использую libsass, так как он быстрее, чем ruby ​​sass, и импортирую susy с помощью bower. @import "../bower_components/susy/sass/susy"; $susy: ( columns: 12, gutter-position: inside, global-box-sizing: border-box ); #content {...
60 просмотров
schedule 13.07.2022

Как удалить элемент в адаптивном (Susy) макете?
У меня есть панель навигации, которую я хотел бы скрыть при просмотре страницы на маленьком экране (идеальная точка останова ниже 750 пикселей). Я действительно новичок в Susy и адаптивных макетах в целом. Я использую: compass, susy и sass/scss...
120 просмотров
schedule 25.07.2022

Сетка Susy: позиционирование элемента по местоположению не работает
Пытаюсь понять Susy, и у меня возникают проблемы с позиционированием элементов по местоположению. «first» и «last» работают, как и ожидалось, но использование номера определенного столбца — нет. Где я ошибаюсь? .number { @include span(4 at...
1435 просмотров
schedule 16.08.2022

Макет из 3 колонок в 2 столбца с Susy (например, твиттер)
Я уже некоторое время работаю с Susy и наткнулся на вариант использования, который, похоже, не могу понять. Лучший способ объяснить это — использовать Twitter в качестве примера. Если вы посмотрите на их сайт, вы увидите, что они используют...
148 просмотров
schedule 29.04.2023

Предупреждение об устаревшей ошибке Susy One Gem
Я запускаю CodeKit и получаю эту ошибку при компиляции: DEPRECATION WARNING on line 60, column 11 of /Library/Ruby/Gems/2.0.0/gems/susy-2.1.3/sass/susy/language/susyone/_functions.scss: Unescaped multiline strings are deprecated and will be...
566 просмотров
schedule 11.02.2023

Элементы не расположены рядом (сложная сетка) Пространство есть, но действует так, как будто его нет
Возникли проблемы с выполнением сложного макета с минимальным использованием относительного и абсолютного позиционирования. Вот мой макет: Все мои элементы плавают влево, сидя бок о бок, только с одной проблемой: граница img должна перетекать...
107 просмотров
schedule 20.09.2023

Запуск элемента в определенном столбце в сетке Susy
Как лучше всего разместить элемент, скажем, в 2 столбцах. Есть ли короткий синтаксис, например span (6 at 2) Что я пробовал, но не работает. Или это правильный способ применить левое поле. Также вы можете заставить счетчик пролетов...
15 просмотров
schedule 27.04.2023

Где разместить макет сетки в структуре SUSY/SMACSS
скажем, на странице about у вас есть сетка из 3 столбцов, а на домашней странице у вас есть сетка из четырех столбцов, в каком файле в архитектуре css должны быть размещены эти стили для макета этих страниц, должна ли каждая страница иметь макет css?
147 просмотров
schedule 27.07.2023

Susy 2: цвет фона на ближайшем желобе
Хорошо, во-первых, я попытался показать проблему с Sassmeister, но она так... медленно компилируется, что я просто сдался. Я использую Susy, SCSS и Haml. Итак, вот изображение, которое я считаю актуальным. Я хочу, чтобы черная полоса...
130 просмотров
schedule 15.06.2023

Невозможно импортировать Susy в SASS/Compass
Я не знаю, как подключить редактор atom.io к susy. Я пробовал искать "atom susy", "atom susy sass" и подобные в google, но я не нашел ничего, что могло бы мне помочь. (большинство результатов было связано с химией, поэтому я начал писать «атом.ио»...
454 просмотров
schedule 11.12.2022

Разные желоба с Susy Sass
У меня есть эти настройки Susy: $susy: ( columns: 8, gutters: 1/4, global-box-sizing: border-box, ); Иногда мне нужны разные желоба вместо 1/4. См. изображение, например: И код: .wrap { @include clearfix;...
134 просмотров
schedule 03.11.2023

Что случилось с функцией желоба/примесью в Susy 2?
Это мой сузи конфиг $susy: ( flow: ltr, math: fluid, output: float, gutter-position: right, container: 1000px, container-position: center, columns: 12, gutters: .15, column-width: false, global-box-sizing:...
451 просмотров