Javascript-форум (https://javascript.ru/forum/)
-   Оффтопик (https://javascript.ru/forum/offtopic/)
-   -   Обсуждений тред (https://javascript.ru/forum/offtopic/47364-obsuzhdenijj-tred.html)

a78a3af8 06.01.2016 23:41

Цитата:

Сообщение от Safort
css модули

Хочу, в реакте и ангуляре. Где, как подключить? Дай настройки и ссыльки!

Safort 07.01.2016 00:03

a78a3af8,
http://glenmaddern.com/articles/css-modules

kobezzza 07.01.2016 11:26

Цитата:

Ребят, кто-нибудь использует css модули?
Конечно.

Mаxmaxmаximus 07.01.2016 11:30

Safort, лайк

Safort 07.01.2016 11:58

Цитата:

Сообщение от kobezzza (Сообщение 402879)
Конечно.

Вот прям везде?) Нет никаких неудобств в сравнении с тем же БЭМом?

Mаxmaxmаximus 07.01.2016 12:06

Я давно хотел сделать типа шадоу дом посредством автоматического добавления префиксов к компонентам юишки, а от сюда я стырю идеи) спасибо сер

Vlasenko Fedor 07.01.2016 20:37

А мне так больше по вкусу
<style>
button {
    font-size: 0.8rem;
    padding: 0.4rem 1rem 0.45rem;
    background: none;
    border: 1px solid;
    border-radius: 0.25rem;
    min-width: 9em;
    margin: 0.25rem;
}
[disabled]{
  color: hsl(210, 61%, 31%);
  background-color: hsla(210, 61%, 51%, 0.1);
}
[error]{
  color: hsla(0, 61%, 51%, 0.5);
  background: white;
}
[progress]{
  color: hsl(210, 61%, 31%);
  background: linear-gradient(to top right, hsl(0, 100%, 100%), hsl(0, 100%, 100%) 25%, hsl(221, 100%, 97%) 25%, hsl(221, 100%, 97%) 50%, hsl(0, 100%, 100%) 50%, hsl(0, 100%, 100%) 75%, hsl(221, 100%, 97%) 75%, hsl(221, 100%, 97%)) 0 0 / 8rem 8rem;
}
</style>
<button>Normal</button>
<button disabled>Disabled</button>
<button error>Error</button>
<button progress>In Progress</button>

a26cf84d 07.01.2016 21:06

Цитата:

Сообщение от Poznakomlus
мне так больше по вкусу

Почему не использовать 1 атрибут, а не целый зоопарк?

af36c3ad 07.01.2016 21:08

например атрибут state

Safort 07.01.2016 21:16

Poznakomlus,
а причём тут css модули?


Часовой пояс GMT +3, время: 18:36.