Разумная, масштабируемая, управляемая архитектура CSS для больших проектов пользовательского интерфейса.
1 ответ

В ITCSS какой подход вы бы использовали для стилизации 2 и 3 колонки?

У меня есть веб-проект среднего размера, который растет. Вот как выглядит моя архитектура ITCSS: Настройки...... глобальные переменные, конфиг-переключатели, фирменные цвета. Инструменты......... стандартные миксины и функции, сторонние инструменты.…
08 ноя '16 в 22:47
1 ответ

Почему объект css должен начинаться с префикса o-, а компонент начинается с c-?

Есть ли причина, почему в css naming convention, немного object желательно начинать с префикса o- а также component начинается с c-? я знаю o- будет стоять за object а также c- стоять за component, но почему бы нам просто не игнорировать эти правила…
08 июл '17 в 17:21
1 ответ

Как включить внешние библиотеки в проект ITCSS?

У меня есть эта структура внутри моего main.scss: //******** ITCSS layers :: https://www.xfive.co/blog/itcss-scalable-maintainable-css-architecture/ //** 1. Settings – used with preprocessors and contain font, colors definitions, etc. //** 2. Tools …
07 сен '16 в 11:03
1 ответ

ITCSS - где размещены классы, специфичные для страницы

Я использую ITCSS для структурирования своих стилей. Теперь у меня есть страница с изображением, где мне нужно, чтобы ее максимальная высота составляла 512 пикселей. Это свойство относится к изображению на этой странице, поэтому при использовании IT…
15 сен '18 в 10:36
1 ответ

Разделение структуры и кожи с помощью ITCSS, BEM и OOCSS

Я создаю таблицу стилей, вдохновленную ITCSS, BEM и OOCSS, и не знаю, как отделить свойства структуры от свойств косметики. Пример как я понимаю ITCSS и OOCSS: //First the structure. Button is an object (ITCSS) .o-btn { height: ...; width: ...; } //…
29 сен '15 в 14:57
1 ответ

Структура проекта CSS

Я немного растерялся со своей структурой проекта CSS. Мой проект огромен, поэтому после исследования я решил использовать ITCSS Structure, и все было хорошо, пока я не достиг уровня компонентов. Что я сделал: я также разбил папку с компонентами на п…
26 ноя '18 в 15:27
2 ответа

Есть ли способ визуализировать только шаблон / содержимое моего компонента Angular?

Я хочу иметь чистый HTML, только содержимое компонента, а не контейнер, потому что я хочу использовать методологии ITCSS и RSCSS. Итак, думая, что у меня есть 2 компонента: app-simple-card и app-superior-header; Я хочу иметь следующую структуру. про…
22 май '17 в 22:41
1 ответ

Глобальные элементы охвата в рамках ITCSS

Я занимаюсь разработкой фронт-энда в течение 15 лет. Возможно, я застрял на моем пути, но в моей области переднего плана архитектура и порядок, в котором разрабатываются элементы с заданными областями, просты: отложить в сторону библиотеки шаблонов …
28 июл '18 в 11:03
1 ответ

ПОМНИТЕ: использовать помощников все время против расширения их в компонентах против повторения их в компонентах?

Я использую методологию BEMIT (BEM + ITCSS) в проекте. BEMIT позволяет вам использовать помощников ("утилиты"), таких как .u-hidden скрыть элемент У меня есть система, где любое числовое значение (font-size, margin, paddingи т. д.) может быть кратны…
17 сен '17 в 10:07
1 ответ

Как управлять вопросами специфики, используя ITCSS и имея формы?

У меня большой проект, структурирующий его CSS-архитектуру через ITCSS. В общем, я люблю это. Тем не менее, у меня есть одна проблема при оформлении форм. Я создал разные элементы формы в слое элементов: в forms.scss: input[type="text"], input[type=…
20 окт '16 в 19:41
0 ответов

Должны ли StyledComponents использоваться в полном проекте или только в библиотеках компонентов?

Моя команда обсуждает вопрос о том, должны ли мы использовать Styled Components в нашем приложении SPA/React или этот стиль стилей должен оставаться внутри библиотеки компонентов, которую мы уже разработали. Наш SPA собирается использовать эти компо…
29 май '19 в 11:37
1 ответ

ITCSS: где разместить CSS анимацию?

Я использую ITCSS для моего последнего проекта. Слои треугольника следующие: Настройки - используются с препроцессорами и содержат шрифт, определения цветов и т. Д. В этом слое обычно задаются переменные, которые могут настраивать шаблон. Инструмент…
11 июн '19 в 11:20
0 ответов

Варианты обработки Bootstrap с ITCSS

Я хотел бы обсудить это, чтобы узнать разные мнения и подходы к работе с Bootstrap с помощью ITCSS (с использованием SCSS). Мой подход соответствует следующим требованиям: По возможности избегайте использования класса Bootstrap непосредственно в мое…
15 ноя '21 в 19:46