Вопросы по теме 'susy'
Галерея Sass Susy: элемент, занимающий две колонки
Мне нужно сделать так, чтобы некоторые элементы микса галереи susy занимали два столбца, проблема в том, что, как показано на рисунке, это не так. поместите другие элементы после него, хотя я пытался сделать это вручную. Как это можно было сделать....
367 просмотров
schedule
10.04.2024
Адаптивная сетка Susy 2.0
Я конвертирую макет из Susy 1 в Susy 2.0, и некоторые вещи работают не так, как ожидалось. Я делаю что-то не так здесь? Я хотел бы, чтобы контейнер занимал ширину страницы, а столбец, равный половине ширины, находился в середине страницы. Внутри...
305 просмотров
schedule
19.05.2022
susy - как сделать его на всю ширину (без желоба)?
У меня возникла проблема при построении сетки с помощью SUSY. Я установил следующий класс оболочки:
$susy: (
math: fluid,
columns: 12,
gutters: 0.25,
gutter-position: split,
);
проблема в дочернем элементе внутри оболочки....
5393 просмотров
schedule
06.09.2022
Как использовать Susy для статических макетов?
Я изо всех сил пытаюсь изучить Susy и создавать с ее помощью отзывчивые страницы. До Susy я использовал сетку Bootstrap и привык создавать веб-страницы с использованием этой сетки. Когда я проектирую в Bootstrap Grid, я знаю точное количество...
75 просмотров
schedule
22.02.2023
Gulp-sass с susy и sourcemaps
Я пытаюсь заставить Susy работать с gulp-sass (libsass) и sourcemaps. Проблема видимо в исходных картах, так как без них все работает как надо. Я попытался добавить IncludePaths в задачу Sass, но это не помогло. Susy устанавливается вместе с Bower...
815 просмотров
schedule
27.06.2023
Susy - получить статическую ширину пролета в контейнере с жидкостью
Я создаю веб-сайт с использованием контейнера Susy Fluid Grid. Но некоторые из моих элементов интерфейса требуют фиксированной ширины. Итак, имея эти настройки:
$susy: (
columns: 12,
container: rem-calc(1680),
gutters: 28px/112px,...
410 просмотров
schedule
13.06.2022
Префикс Susy, суффикс, неправильный вывод дополнить положением желоба внутри
Я не знаю, что происходит с выводом prefix , suffix и pad при использовании gutter-position: inside . Например:
$susy: (
columns: 12,
gutter-position: inside,
global-box-sizing: border-box
);
body {
@include pad(gutter());...
143 просмотров
schedule
29.06.2023
Как изменить параметр susy в зависимости от количества элементов в массиве?
У меня есть ng-repeat в угловом приложении, которое может иметь от 2 до 5 элементов и сетку susy из 20 столбцов. Я хочу, чтобы элементы составляли всю ширину сетки, поэтому, если их 2, я хочу:
.card:nth-child(1) {
@include span(10 of 20);...
28 просмотров
schedule
11.10.2023
Susy no-gutter не работает
я пробую susy и у меня начинаются первые проблемы ;) сначала я пытаюсь удалить желоб из элемента с помощью
@include span(no-gutters);
это мои настройки
$susy: (
columns: 12,
gutters: 10,
global-box-sizing: border-box,...
163 просмотров
schedule
29.07.2022
Масштабируйте графики pygal svg на веб-странице с помощью susy
Я пытаюсь разместить два файла svg рядом на веб-странице. Это я сделал, используя susy для создания промежутков, первый имеет ширину 2 столбца, второй - 10 столбцов. Я помещаю узкую гистограмму в первый пролет, а широкий линейный график — во второй...
213 просмотров
schedule
06.07.2023
Блок Susy Grid не течет должным образом
Я использую susy для создания очень простого макета блога, его 3 колонки шириной для больших средних экранов, 2 колонки для маленьких (планшетов) и затем 1 колонка для мобильных устройств. Макет для мобильных устройств и планшетов работает нормально,...
73 просмотров
schedule
03.04.2023
интеграция Susy Support в Anglar2 Seed
Я интегрировал поддержку sass в семя angular2 ( https://github.com/mgechev/angular2-seed ), а также установил susy form npm (npm install susy --save-dev), но когда я импортировал файл susy form .scss, он выдает следующие ошибки
[13:01:16] Starting...
191 просмотров
schedule
17.06.2022
Проблема с Susy Grid, охватывающая 6 элементов
У меня есть некоторые проблемы, охватывающие мои 12 элементов в 2 рядах по 6.
У меня проблемы с разделом "художник". Я не уверен, должен ли я использовать миксин галереи для этого или просто использовать промежутки, как я для других моих разделов....
63 просмотров
schedule
25.07.2023
SASS, SUSY и RTL - попытка установить определенные правила макета, когда [dir = rtl] задается динамически
Используя SASS / SUSY, я пытаюсь создать правила RTL, которые применяются только тогда, когда [dir = "rtl"] установлен (динамически), но мой макет по умолчанию принимает правила потока RTL. Как мне это сделать с SUSY?
У меня есть демонстрация...
394 просмотров
schedule
07.07.2023
Используйте разные конфигурации Susy на разных точках останова
Я пытаюсь использовать две разные глобальные конфигурации сетки Susy для двух точек останова в моем макете: планшет и компьютер.
Это мой код _variables.scss:
// Susy Sass Grid System Config
$susy: (
columns: 12,
column-width: 45px,...
151 просмотров
schedule
30.07.2022
Susy меняет поток с rtl на ltr, если класс существует
Мне нужно, чтобы переменная $susy менялась с rtl на ltr, если в теле существует класс ar. Мне нужно сделать это, чтобы поддерживать многоязычность на моем сайте, ниже приведен код для того же
.page-container {
background-color: red;...
154 просмотров
schedule
18.12.2022
Susy grid с webpack и sass-loader
Я новичок в Node и пытаюсь использовать сетку Susy, но получаю эту ошибку
ERROR in ./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./scss/waterbottle.scss
Module build failed:
@include gallery(1 of 2);
^...
431 просмотров
schedule
12.03.2023
Что я делаю не так с npm susy и grunt?
Я пытаюсь скомпилировать свои файлы scss, используя susy, node-sass, grunt-sass. Я добавил все эти зависимости, используя npm install. Я добавляю настройку для grunt, например
sass: {
options: {
implementation: sass,...
41 просмотров
schedule
11.01.2023