Skip to content

Commit bc36bb6

Browse files
committed
Merge pull request #164 from Grawl/gh-pages
fix and update RU
2 parents 59ca5ae + e8bdf18 commit bc36bb6

18 files changed

+38
-319
lines changed

_sass/base/_typography.scss

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -61,6 +61,14 @@ h3 {
6161
text-transform: uppercase;
6262
}
6363

64+
// Russian do not capitalize every word in a header
65+
// See https://github.com/HugoGiraudel/sass-guidelines/issues/163
66+
:lang(ru) {
67+
h1, h2, h3 {
68+
text-transform: initial;
69+
}
70+
}
71+
6472
/**
6573
* Images
6674
*/

ru/_architecture.md

Lines changed: 0 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -15,8 +15,6 @@
1515
<p>Я понял, что в основном архитектура зависит от проекта. Используйте или адаптируйте предложенное решение так, чтобы вы имели дело с системой, которая соответствует вашим потребностям.</p>
1616
</div>
1717

18-
19-
2018
### Дальнейшее чтение
2119

2220
* [Architecture for a Sass project](http://www.sitepoint.com/architecture-sass-project/)
@@ -26,11 +24,6 @@
2624
* [An Introduction to OOCSS](http://www.smashingmagazine.com/2011/12/12/an-introduction-to-object-oriented-css-oocss/)
2725
* [Atomic Web Design](http://bradfrost.com/blog/post/atomic-web-design/)
2826

29-
30-
31-
32-
33-
3427
## Компоненты
3528

3629
Существует главное отличие между тем, чтобы сделать код *работающим*, или сделать его *хорошим*. Опять таки, CSS – вполне несносный язык <sup>[указать источник]</sup>. Чем меньше CSS мы имеем, тем лучше. Мы не хотим иметь дело с мегабайтами кода. Чтобы держать файлы стилей короткими и эффективными – и это не будет для вас сюрпризом – чаще всего будет хорошей идеей подумать об интерфейсе, как о наборе компонентов.
@@ -45,11 +38,6 @@
4538

4639
Большинство интерфейсов можно рассматривать как набор маленьких компонентов, и я настоятельно рекомендую вам придерживаться этой парадигмы. Это позволит не только сократить количество CSS, необходимого для всего проекта, но также упростить его поддержку, и прибрать хаотический беспорядок.
4740

48-
49-
50-
51-
52-
5341
## Шаблон 7-1
5442

5543
Возвратимся к архитектуре? Я обычно использую так называемый *Шаблон 7-1*: 7 папок, 1 файл. Обычно у вас есть все ваши куски в 7 разных папках, и один файл в корневом каталоге (обычно с именем `main.scss`), который импортирует их все.
@@ -131,8 +119,6 @@ sass/
131119
<p>Следующие файлы имеют то же соглашение по именованию, что и выше: они отделены нижним подчеркиванием.</p>
132120
</div>
133121

134-
135-
136122
### Папка Base
137123

138124
Папка `base/` содержит то, что мы можем назвать общим шаблоном проекта. Там вы можете найти файл сброса, некоторые типографские правила, и, вероятно, стили (я привык их называть `_base.scss`), определяющие некоторые стандартные стили для часто используемых элементов HTML.
@@ -141,8 +127,6 @@ sass/
141127
* `_reset.scss`
142128
* `_typography.scss`
143129

144-
145-
146130
### Папка Layout
147131

148132
Папка `layout/` содержит всё, что принимает участие в постройке раскладки сайта или приложения. Эта папка может содержать стили для основных частей сайта (шапка, подвал, навигация, боковая панель…), сетка или даже CSS-стили для всех форм.
@@ -158,8 +142,6 @@ sass/
158142
<p>Папка <code>layout/</code> может быть названа <code>partials/</code>, на ваше усмотрение.</p>
159143
</div>
160144

161-
162-
163145
### Папка Components
164146

165147
Для маленьких компонентов есть папка `components/`. В то время, как `layout/`*основные* (определяют общий каркас), код внутри `components/` больше сфокусирован на виджетах и содержит все модули, вроде слайдера, загрузчика и тому подобных виджетов. Обычно файлов в `components/` много, если приложение или сайт состоит из множества мелких модулей.
@@ -172,8 +154,6 @@ sass/
172154
<p>Папка <code>components/</code> может называться <code>modules/</code>, на ваше усмотрение.</p>
173155
</div>
174156

175-
176-
177157
### Папка Pages
178158

179159
Если у вас есть стили, зависящие от страницы, лучше положить их в папку `pages/`, в файл, названный в честь страницы. Например, не редкость – иметь очень конкретные стили для главной страницы, следовательно, существует потребность в `_home.scss` в `pages/`.
@@ -185,8 +165,6 @@ sass/
185165
<p>В зависимости от способа доставки кода, эти файлы можно было бы назвать самостоятельно, чтобы избежать их объединения с другими стилями. На ваше усмотрение.</p>
186166
</div>
187167

188-
189-
190168
### Папка Themes
191169

192170
В больших сайтах и проложениях не редко есть разные темы оформления. Есть разные способы работы с темами, я лично предпочитаю складывать их в папку `themes/`.
@@ -198,8 +176,6 @@ sass/
198176
<p>Это очень зависит от проекта и не сильно распространено.</p>
199177
</div>
200178

201-
202-
203179
### Папка Utils
204180

205181
Папка `utils/` собирает все инструменты и помощники Sass в проекте. Каждая глобальная переменная, функция и примесь должна быть помещена сюда.
@@ -215,8 +191,6 @@ sass/
215191
<p>Папка <code>utils/</code> может также быть названа <code>helpers/</code>, <code>sass-helpers/</code> или <code>sass-utils/</code>, на ваше усмотрение.</p>
216192
</div>
217193

218-
219-
220194
### Папка Vendors
221195

222196
И последнее, но не менее важное, что большинство проектов будут иметь папку `vendors/`, содержащую все CSS-файлы из внешних библиотек и фреймворков – Normalize, Bootstrap, jQueryUI, FancyCarouselSliderjQueryPowered и так далее. Нахождение этих файлов в этой папке – хороший способ сказать: "Эй, это не я писал, не мой код, не моя ответственность".
@@ -230,8 +204,6 @@ sass/
230204

231205
Например, файл `vendors-extensions/_boostrap.scss`, содержащий все CSS-правила на перезапись CSS-правил Bootstrap. Это для того, чтобы не править сами внешние модули, что на самом деле не очень хорошая идея.
232206

233-
234-
235207
### Файл Main
236208

237209
Главный файл (обычно названный `main.scss`) должен быть единственным файлом Sass, который не начинается с нижнего подчеркивания. Этот файл не должен содержать ничего, кроме `@import` и комментариев.
@@ -414,11 +386,6 @@ sass/
414386
<p>Как было сказано, я не рекомендую это, потому что используется упорядочение по алфавиту, что иногда может быть не тем, что вы хотите, особенно, когда вы имеете дело с языком, в котором важно упорядочение.</p>
415387
</div>
416388

417-
418-
419-
420-
421-
422389
## Файл позора
423390

424391
Это интересная идея, которая стала популярна благодаря [Гарри Робертсу](http://csswizardry.com), [Дэйву Руперту](http://daverupert.com) и [Крису Койеру](http://css-tricks.com) и состоит в том, чтобы складывать все хаки и код, которым вы не гордитесь, в *файл позора*. Поэтому этот файл и имеет такое драматическое название – `_shame.scss`, импортируется в самом конце.
@@ -453,8 +420,6 @@ sass/
453420
</div>
454421
</div>
455422

456-
457-
458423
### Дальнейшее чтение
459424

460425
* [shame.css](http://csswizardry.com/2013/04/shame-css/)

ru/_author.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11

22
# Об авторе
33

4-
Меня зовут [Hugo Giraudel](http://hugogiraudel.com), Я frontend-разработчик из Франции, собираюсь переехать в Германию, в Берлин. Я пишу на Sass больше двух лет и теперь являюсь автором таких Sass-проектов, как [SassDoc](http://sassdoc.com) и [Sass-Compatibility](http://sass-compatibility.github.io).
4+
Меня зовут [Hugo Giraudel](http://hugogiraudel.com), я frontend-разработчик из Франции, собираюсь переехать в Германию, в Берлин. Я пишу на Sass больше двух лет и теперь являюсь автором таких Sass-проектов, как [SassDoc](http://sassdoc.com) и [Sass-Compatibility](http://sass-compatibility.github.io).
55

66
Я также написал несколько библиотек, в основном ради интереса: [SassyJSON](https://github.com/HugoGiraudel/SassyJSON), [SassyLists](http://sassylists.com), [SassySort](https://github.com/HugoGiraudel/SassySort), [SassyCast](https://github.com/HugoGiraudel/SassyCast), [SassyMatrix](https://github.com/HugoGiraudel/SassyMatrix), [SassyBitwise](https://github.com/HugoGiraudel/SassyBitwise), [SassyIteratorsGenerators](https://github.com/HugoGiraudel/SassyIteratorsGenerators), [SassyLogger](https://github.com/HugoGiraudel/SassyLogger), [SassyStrings](https://github.com/HugoGiraudel/SassyStrings) и [SassyGradients](https://github.com/HugoGiraudel/SassyGradients).
77

ru/_comments.md

Lines changed: 7 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -14,11 +14,6 @@ CSS является сложным языком, полным хаков и к
1414

1515
И я, наверное, забыл много других различных причин. Комментирование занимает очень мало времени, когда делается вместе с написанием кода, так что делайте это в нужное время. Возвращаясь на кусок кода, чтобы комментировать его, не только совершенно невозможно, но и крайне раздражительно.
1616

17-
18-
19-
20-
21-
2217
## Написание комментариев
2318

2419
В идеале, *любой* набор CSS правил должен предшествовать комментарию в стиле Си, объясняя цель блока CSS. Этот комментарий также принимает пронумерованные объяснения по поводу конкретных частей набора правил. Например:
@@ -28,9 +23,9 @@ CSS является сложным языком, полным хаков и к
2823
{% highlight scss %}
2924
/**
3025
* Вспомогательный класс для усечения и добавления многоточия в слишком длинную строку
31-
* на одной линии.
32-
* 1. Предотвращает сворачивание содержимого, оставляет его на одной линии.
33-
* 2. Добавляет многоточие на конце линии.
26+
* на одной строке.
27+
* 1. Предотвращает сворачивание содержимого, оставляет его на одной строке.
28+
* 2. Добавляет многоточие на конце строки.
3429
*/
3530
.ellipsis {
3631
white-space: nowrap; /* 1 */
@@ -43,9 +38,9 @@ CSS является сложным языком, полным хаков и к
4338
{% highlight sass %}
4439
/**
4540
* Вспомогательный класс для усечения и добавления многоточия в слишком длинную строку
46-
* на одной линии.
47-
* 1. Предотвращает сворачивание содержимого, оставляет его на одной линии.
48-
* 2. Добавляет многоточие на конце линии.
41+
* на одной строке.
42+
* 1. Предотвращает сворачивание содержимого, оставляет его на одной строке.
43+
* 2. Добавляет многоточие на конце строки.
4944
*/
5045
.ellipsis
5146
white-space: nowrap /* 1 */
@@ -76,17 +71,10 @@ $imported-modules: append($imported-modules, $module) !global
7671
</div>
7772
</div>
7873

79-
80-
8174
### Дальнейшее чтение
8275

8376
* [CSS Guidelines’ Commenting section](http://cssguidelin.es/#commenting)
8477

85-
86-
87-
88-
89-
9078
## Документирование
9179

9280
Каждая переменная, функция, примесь и placeholder, который предназначен для повторного использования во всём коде, должен быть задокументирован как часть глобального API с использованием [SassDoc](http://sassdoc.com).
@@ -132,7 +120,7 @@ $vertical-rhythm-baseline: 1.5rem
132120
</div>
133121

134122
<div class="note">
135-
<p>Необходим тройная косая (<code>/</code>).</p>
123+
<p>Необходимо три косых (<code>/</code>).</p>
136124
</div>
137125

138126
SassDoc выполняет две основные роли:
@@ -224,8 +212,6 @@ SassDoc выполняет две основные роли:
224212
</div>
225213
</div>
226214

227-
228-
229215
### Дальнейшее чтение
230216

231217
* [SassDoc](http://sassdoc.com)

ru/_contributing.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11

22
# Сотрудничество
33

4-
Руководство Sass – открытый проект, которым я руковожу в свободное время. Излишне говорить, что это довольно большой объем работы, чтобы держать всё задокументированным в последней версии. Знать, что вам понравилось это руководство – уже ценно!
4+
Руководство Sass – открытый проект, которым я руковожу в свободное время. Излишне говорить, что это довольно большой объем работы держать всё задокументированным в последней версии. Знать, что вам понравилось это руководство – уже бесценно!
55

6-
Теперь, если вы чувтствуете, что готовы к сотрудничеству, пожалуйста, знайте, уже будет очень здорово просто твитнуть, рассказать или открыть Pull Request с исправлением ошибок в [репозитории на GitHub](https://github.com/HugoGiraudel/sass-guidelines)!
6+
Теперь, если вы чувстствуете, что готовы к сотрудничествупожалуйста, знайте, будет уже очень здорово просто твитнуть, рассказать или открыть Pull Request с исправлением ошибок в [репозитории на GitHub](https://github.com/HugoGiraudel/sass-guidelines)!
77

88
Прежде, чем мы начнём: если вам понравился этот документ, или он оказался полезен вам или вашей команде, пожалуйста, подумайте о его поддержке!
99

ru/_errors.md

Lines changed: 0 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -11,19 +11,12 @@
1111

1212
Теперь есть много пространства в вашем проекте на Sass для предупреждений и ошибок. Обычно любая примесь или функция, за исключением специальных типов или аргументов, может выкинуть ошибку, если произойдёт что-то неожиданное, или вывести предупреждение, когда делает предположение.
1313

14-
15-
1614
### Дальнейшее чтение
1715

1816
* [An Introduction To Error Handling](http://webdesign.tutsplus.com/tutorials/an-introduction-to-error-handling-in-sass--cms-19996)
1917
* [Building a Logger Mixin](http://webdesign.tutsplus.com/tutorials/building-a-logger-mixin-in-sass--cms-22070)
2018
* [SassyLogger](https://github.com/HugoGiraudel/SassyLogger)
2119

22-
23-
24-
25-
26-
2720
## Предупреждения
2821

2922
Возьмём функцию из [Sass-MQ](https://github.com/sass-mq/sass-mq), предполагающую конвертирование из `px` в `em`, например:
@@ -59,11 +52,6 @@
5952

6053
Если значение отсутствет, то функция предполагает, что значение подразумевает собой измерение в пикселях. С этой точки зрения, предположение может быть рискованным для пользователя и поэтому он должен быть предупреждён, что программа сделает что-то, что может быть неожиданным поведением.
6154

62-
63-
64-
65-
66-
6755
## Ошибки
6856

6957
Ошибки, в отличие от предупреждений, предотвращают компилятор от дальнейшей работы. Обычно они останавливают сборку и выводят сообщение в поток вывода, также как и в stack trace, что весьма удобно для отладки. Из-за этого ошибки должны быть выведены только тогда, когда уже нет возможности для выполнения программы. Когда есть возможность, попробуйте обойти эту проблему и вывести вместо этого предупреждение.

0 commit comments

Comments
 (0)