You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+10-10Lines changed: 10 additions & 10 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -28,7 +28,7 @@
28
28
29
29
### Объявление правила
30
30
31
-
Правило это имя селектора (или группы селекторов) с определенной группой свойств.
31
+
Правило - это имя селектора (или группы селекторов) с определенной группой свойств.
32
32
Пример:
33
33
```css
34
34
.listing {
@@ -39,7 +39,7 @@
39
39
40
40
### Селекторы
41
41
42
-
В объявлении правила, "селекторы" означают элементы в DOM, к которым будут применены объявленные свойства. Селекторы могут соответствовать HTML-тэгам, классам элементов, id или атрибутам.
42
+
В объявлении правила "селекторы" означают элементы в DOM, к которым будут применены объявленные свойства. Селекторы могут соответствовать HTML-тэгам, классам элементов, id или атрибутам.
43
43
Пример использования селекторов:
44
44
45
45
```css
@@ -54,7 +54,7 @@
54
54
55
55
### Свойства
56
56
57
-
Наконец, свойства это то, что описывает стиль выбранных элементов. Свойства указываются в виде `ключ:значение`. Правила могут содержать один или более объявленных свойств.
57
+
Наконец, свойства - это то, что описывает стиль выбранных элементов. Свойства указываются в виде `ключ:значение`. Правила могут содержать один или более объявленных свойств.
58
58
Выглядит это так:
59
59
60
60
```css
@@ -112,7 +112,7 @@
112
112
### Комментарии
113
113
114
114
* Предпочитайте однострочные комментарии (`// в Sass`) многострочным.
115
-
* Комментарий должен находится на отдельной строке. Избегайте комментариев в конце строки.
115
+
* Комментарий должен находиться на отдельной строке. Избегайте комментариев в конце строки.
116
116
* Пишите детальные комментарии для неочевидных вещей:
117
117
- Для z-index
118
118
- CSS-хаков для отдельных браузеров и совместимости
* Harry Roberts' [introduction to BEM](http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/)
138
138
139
-
Мы рекомендуем вариант БЭМ, в котором используются PascalCased "блоки", отлично работающие в связке с компонентами (например React). Подчеркивания и тире по-прежнему используются для модификаторов и элементов.
139
+
Мы рекомендуем вариант БЭМ, в котором используются PascalCased "блоки", отлично работающие в связке с компонентами (например, React). Подчеркивания и тире по-прежнему используются для модификаторов и элементов.
140
140
141
141
**Пример**
142
142
@@ -179,7 +179,7 @@ function ListingCard() {
179
179
180
180
Избегайте привязки к одному классу одновременно в CSS и Javascript. Это может привести как минимум, к трате времени при рефакторинге, а так же боязни разработчика сломать функционал вводом новых изменений.
181
181
182
-
Мы рекомендуем использовать префикс `.js-`, для тех элементов которые будут задействованы в Javascript:
182
+
Мы рекомендуем использовать префикс `.js-`, для тех элементов, которые будут задействованы в Javascript:
183
183
184
184
```html
185
185
<buttonclass="btn btn-primary js-request-to-book">Request to Book</button>
* Используйте синтаксис `.scss`, вместо оригинального `.sass` синтаксиса
214
214
* Упорядочивайте обычный CSS и `@include`-объявления логически.
215
215
216
216
### Сортировка свойств
@@ -242,7 +242,7 @@ function ListingCard() {
242
242
243
243
3. Вложенные селекторы
244
244
245
-
Вложенные селекторы, (_если они небходимы_), идут в самом конце, и ничего не должно идти после них. Добавляйте пустую строку между свойствами правила и вложенными селекторами, а также между смежными вложенными селекторами. Применяйте эти правила ко всем вложенным селекторам.
245
+
Вложенные селекторы, (_если они необходимы_), идут в самом конце, и ничего не должно идти после них. Добавляйте пустую строку между свойствами правила и вложенными селекторами, а также между смежными вложенными селекторами. Применяйте эти правила ко всем вложенным селекторам.
246
246
247
247
```scss
248
248
.btn {
@@ -282,7 +282,7 @@ function ListingCard() {
282
282
}
283
283
```
284
284
285
-
Когда вы пишите такие длинные селекторы, вы вероятно пишите CSS который:
285
+
Когда вы пишите такие длинные селекторы, вы, вероятно, пишите CSS который:
286
286
287
287
* Слишком сильно привязан к HTML (хрупкий) *—или—*
288
288
* Чрезмерно специфичный *—или—*
@@ -291,7 +291,7 @@ function ListingCard() {
291
291
292
292
Еще раз: **никаких вложенных ID селекторов!**
293
293
294
-
Если все-таки пришлось использовать селекторы ID (а этого на самом деле лучше избегать), они никогда не должны быть вложенными. Если такое происходит, вам требуется пересмотреть свою разметку и выяснить, зачем нужна такая сильная специфика. Если у вас правильно структурирован HTML-код и CSS-стили, вам **никогда** не придется это делать.
294
+
Если, все-таки, пришлось использовать селекторы ID (а этого, на самом деле, лучше избегать), они никогда не должны быть вложенными. Если такое происходит, вам требуется пересмотреть свою разметку и выяснить, зачем нужна такая сильная специфика. Если у вас правильно структурирован HTML-код и CSS-стили, вам **никогда** не придется это делать.
0 commit comments