Описание тега smacss

SMACSS (произносится как "шлепки") - это скорее руководство по стилю, чем жесткие рамки.
2 ответа

Где разместить сетку в структуре SUSY/SMACSS

Скажем, на странице about у вас есть сетка из трех столбцов, а на домашней странице у вас есть сетка из четырех столбцов, в каком файле в архитектуре CSS должны быть размещены эти стили для размещения этих страниц, должна ли каждая страница иметь ма…
18 янв '16 в 09:55
2 ответа

В чем смысл явного именования классов потомков BEM при наличии SCSS?

Я пытаюсь понять и понять причины, стоящие за соглашениями об именах CSS, такими как BEM или SUITCss. Мне трудно понять значение имен классов потомков в присутствии SCSS. Например: <ul class="menu"> <li class="menu__item"></li> &lt…
11 июл '14 в 18:28
1 ответ

SMACSS\BEM - как правильно обрабатывать стиль иконок?

У меня есть два вложенных модуля: <div class="header"> ..... <i class="topIcon"></i> ...... </div> У меня есть два отдельных файла (я хотел бы сохранить их отдельно, потому что они являются повторно используемыми частями и мо…
11 дек '17 в 19:20
2 ответа

Модули сайта против библиотечных модулей с БЭМ и SMACSS

Вот ситуация, с которой я часто сталкиваюсь с архитектурой CSS, использующей BEM/SMACSS. Я хотел бы посмотреть, как другие разработчики справляются с этим. У вас есть библиотека CSS-модулей, которые вы используете на нескольких сайтах. Модули как .b…
10 апр '14 в 15:40
2 ответа

При использовании smacss рекомендуется, чтобы модули никогда не устанавливали поля, но позволяют ли это обрабатываться макетом / контейнерами?

Я перечитываю smacss (масштабируемую и модульную архитектуру для CSS) [ https://smacss.com/] и большинство вещей имеет для меня смысл. Одной из основных вещей является то, что модулю не нужно ничего знать о его контексте / окружении. То есть: он про…
11 мар '15 в 18:05
3 ответа

Как ссылаться на несколько подклассов на одном элементе с помощью SASS

Я использую метод SMACSS для написания своего кода SCSS, и у меня есть подкласс, на который я хочу сослаться, если у него также есть другой подкласс. HTML <div class="parent-class parent-class-subclass1 parent-class-subclass2"> SCSS .parent-cl…
16 сен '16 в 18:40
2 ответа

Структура папок проекта SMACSS - Где разместить класс?

Я начинаю следовать принципу SMACSS при написании CSS. Прочитав книгу дважды, я думаю, я хорошо разбираюсь в теории, но теперь у меня возникли некоторые проблемы с практической работой. В моей базовой папке у меня есть normalize.css вместе с пользов…
27 дек '14 в 17:59
1 ответ

Как выбрать среди CSS модульные методы, такие как BEM, OOCSS, AMCSS, SMACSS, SUITCSS и другие?

Много модульных решений для CSS. Я перечислил некоторые в теме, но, вероятно, уже было больше. Как вы выбираете, какой использовать для вашего нового проекта? Есть ли сравнение?
28 окт '14 в 08:24
1 ответ

SMACSS: почему бы не использовать селекторы элементов в определении макета на странице HTML5

Я изучаю smacss.com. Джонатан Снук утверждает в своей книге (стр. 14) Нет необходимости использовать селекторы элементов со стилем макета. Я не могу найти его заявление в Интернете: http://smacss.com/book/type-layout Сегодня в HTML5 я использую <…
08 окт '14 в 14:37
2 ответа

ERRNO::ENOENT: Нет такого файла или каталога @rb_sysopen - sass/app.sass

Поэтому я использую Atom, но когда я использую свой live-сервер Atom, стили css не применяются, на самом деле я получаю ошибку ERRNO::ENOENT: No such file or directory @rb_sysopen - sass/app.sass Разве я не должен использовать Live-сервер Atom? Это …
28 мар '18 в 14:19
1 ответ

SASS + SMACSS правильно инкапсулирующие модули

Вот моя установка: Файловые отношения home.php <---styles---- _layout.scss | imports | v animation.html <---styles---- _animation.scss home.php - файл, используемый для обрисовки "макета" HTML для домашней страницы: <div id="animation"> …
12 мар '14 в 21:01
2 ответа

OOCSS/ модульный CSS: Борьба со стилями ссылок, как решить?

В моем CSS-файле, как часть "сброса", я стилизовал все ссылки следующим образом: a { color: blue; &:visited { color: violet; } &:hover, &:focus, &:active { color: orange; } } Я знаю, что это довольно широкие правила, нацеленные на вс…
04 янв '15 в 20:29
1 ответ

SASS изменить стиль именования вложенных элементов класса

Я хотел бы использовать систему имен SMACSS с SASS. Ожидайте следующий код SASS: nav ul margin: 0 padding: 0 list-style: none в качестве выхода я получу nav ul { margin: 0; padding: 0; list-style: none; } но в соответствии с методологией SMACSS имен…
24 июн '14 в 09:42
1 ответ

Где поставить shadowbox модальный CSS в SASS SMACSS

Я новичок в SMACSS, я использую sass и хочу импортировать модал shadowbox css с помощью SMACSS, Я немного запутался, где поставить shadowbox.css файл. Я имею в виду в базе или где-то еще. Я прочитал документацию, но это все еще довольно запутанно. п…
19 ноя '14 в 05:08
1 ответ

SMACSS, как определить, что положить в модули?

Я только начал изучать интерфейсную веб-разработку и несколько дней назад познакомился с методологией SMACSS. Я изложил концепцию на официальном сайте и в нескольких других статьях. Но я все еще очень запутался с модулями. Что я понял, так это то, ч…
06 июн '17 в 10:08
2 ответа

Как обрабатывать изменения модулей CSS в адаптивном дизайне, используя ooccss и smacss

Я изучаю лучшие практики и методологии CSS, такие как OOCSS и SMACSS, для использования в проекте среднего масштаба, который использует Twitter Boostrap 3 и LESS. Я начинаю понимать эти методы, но у меня возникают проблемы с поиском способов реагиро…
31 окт '14 в 13:35
2 ответа

SMACSS: правильно ли использовать сетку внутри модуля?

Я использую SMACSS (Масштабируемая и модульная архитектура для CSS): http://smacss.com/ В частности, я использую платформу Yahoo Pure CSS (SMACSS) (только таблицу стилей Grids): http://purecss.io/grids/ Правильно ли разместить сетку внутри модуля? Н…
22 янв '14 в 19:11
1 ответ

В какую категорию должен идти мой класс анимации?

Я новичок в SMACSS CSS. У меня есть этот класс, который имеет переход примерно 0,5 секунды. каждый раз, когда я хочу добавить что-то в div, например, анимацию, я присоединяю класс. так должно быть как в макете или состоянии? как l-anim или is-anim? …
02 фев '14 в 09:16
1 ответ

Как вы справляетесь с конкретными изменениями макетов модулей в SMACSS?

Если у вас есть модуль, который требует незначительных изменений для каждого экземпляра, в зависимости от того, в какой части макета он находится, как вы справляетесь с этим с помощью SMACSS? Насколько я понимаю, у меня есть два варианта, и ни один …
09 дек '14 в 00:05
3 ответа

Стиль именования вложенных элементов (Jade, HAML, Slim)

Ищите решение, как использовать соглашение об именах SMACSS с jade, haml или slim template engine. Ожидайте следующий нефритовый код: .module .child .child в качестве вывода я получу следующее: <div class="module"> <div class="child">&lt…
27 июн '14 в 10:32