Соглашения об именах для адаптивных переменных в SuitCSS - PullRequest
Новая
       34

Соглашения об именах для адаптивных переменных в SuitCSS

0 голосов
/ 12 сентября 2018

Я недавно начал использовать соглашения о присвоении имен suitCSS в моем Sass (не используя настройку PostCSS по умолчанию), и не ясно, как правильно именовать переменные:

Переменные, используемые внутри медиа-запросов компонента. В официальных документах я видел только ссылку на использование отзывчивых утилит , но никаких соглашений по адаптивным переменным нет. Для примера давайте возьмем этот код: 

.MyComponent {
    margin-left: $MyComponent-marginLeft;

    @include media('sm') {
        margin-left: $sm-MyComponent-marginLeft;
    }
}

Какое имя переменной я должен использовать? $u-sm-MyComponent-marginLeft или $sm-MyComponent-marginLeft и почему?

А другой вопрос касается вложенных переменных и / или внутри псевдоклассов. 

.Nav-listItem {
    &:last-child {
        .Nav-link {
            margin-right: $Nav-listItem-onLastChild-NavLink-marginRight;
        }
    }
}
...