Вопросы по теме 'susy'
Включить сеточную структуру в визуальную студию, которая кажется только Linux?
Я использую Visual Studio 2013 с расширением Web Essentials для всей своей работы с Sass / Scss. Это великолепно.
Я наткнулся на учебник по сеточной структуре, который я действительно хочу использовать, под названием Susy . Однако все учебные...
253 просмотров
schedule
11.11.2021
Есть ли способ установить ширину желоба 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 просмотров
schedule
14.12.2023