Skip to content

Commit

Permalink
Minor update
Browse files Browse the repository at this point in the history
Added pseudo-elements, variations closure
  • Loading branch information
Eugeny.horoshilov authored and Eugeny.horoshilov committed Mar 28, 2014
1 parent d0da7b8 commit 1afb480
Show file tree
Hide file tree
Showing 6 changed files with 64 additions and 23 deletions.
6 changes: 4 additions & 2 deletions advanced.md
Original file line number Diff line number Diff line change
Expand Up @@ -198,10 +198,12 @@ Alternative (mutual exclusive) blocks example:
[2]
post_cnt2
...

[/]
*/

When it's necessary to illustrate some valueable class somewhere high in DOM tree:
When it's necessary to illustrate some valueable class somewhere on the upper level in DOM tree:

/*
Expand Down
17 changes: 17 additions & 0 deletions basic.md
Original file line number Diff line number Diff line change
Expand Up @@ -128,6 +128,23 @@ Key content, complemented with apart substance, is denoted with ellipsis placed

*/

## Pseudo elements

When it's meaningful to depict usage of pseudo-elements just use native notation:
> Just remember about the right placement!
/*
post
post_h
::before
post_h_name
::before

::after
*/

## Links

In case of complicated structure, it is more convenient to describe structure skeleton with links to compound sections in the beginning of CSS document.
Expand Down
4 changes: 3 additions & 1 deletion legend.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,11 +9,13 @@
element ( __yes | __no ) __maybe modificators logic
element $__dynamic dynamic modificator
[element] optional element
<social> re-usable component
$[dynamic] dynamically optional element
list-item + appears at least 1 time
common-item * appears at least 0 times
/// code break
[1] variative block marker
[1] variative block marker
[/] variations end marker
descendant @ ancestor inheritance
% template % template
(1) comment link
Expand Down
4 changes: 3 additions & 1 deletion ru/advanced.md
Original file line number Diff line number Diff line change
Expand Up @@ -199,9 +199,11 @@
post_cnt2
...
[/]

*/

Нужно указать наличие какого-либо ключевого класса где-то высоко в DOM:
Нужно указать наличие какого-либо ключевого класса где-то на верхнем уровне DOM:

/*
Expand Down
16 changes: 16 additions & 0 deletions ru/basic.md
Original file line number Diff line number Diff line change
Expand Up @@ -128,6 +128,22 @@ CSSG иллюстрирует структуру HTML в терминологи

*/

## Псевдо-элементы

Когда важно подчеркнуть использование псевдо-элементов в разметке, используйте привычную нотацию:
> Только помните о правильности расположения!
/*
post
post_h
::before
post_h_name
::before

::after
*/

## Ссылки

Expand Down
40 changes: 21 additions & 19 deletions ru/legend.md
Original file line number Diff line number Diff line change
@@ -1,21 +1,23 @@
# Справка по синтаксису

element класс элемента
... ключевой контент
#name ссылка на часть структуры
span.element конкретизация тэга
element . __fixed без данного класса не используется
element __modificator перечисление возможных модификаторов
element ( __yes | __no ) __maybe комплексная логика модификаторов
element $__dynamic динамический модификатор
[element] опциональный элемент
$[dynamic] динамически опциональный элемент
list-item + появление 1 и более раз
common-item * появление 0 и более раз
/// разрыв кода
[1] маркер вариантного блока
descendant @ ancestor наследование
% template % шаблонизация
(1) ссылка на комментарий
------------------- отбивка комментариев
(1) comment on code комментарий
element класс элемента
... ключевой контент
#name ссылка на часть структуры
span.element конкретизация тэга
element . __fixed без данного класса не используется
element __modificator перечисление возможных модификаторов
element ( __yes | __no ) __maybe комплексная логика модификаторов
element $__dynamic динамический модификатор
[element] опциональный элемент
<social> переиспользуемый компонент
$[dynamic] динамически опциональный элемент
list-item + появление 1 и более раз
common-item * появление 0 и более раз
/// разрыв кода
[1] маркер вариантного блока
[/] маркер окончания вариаций
descendant @ ancestor наследование
% template % шаблонизация
(1) ссылка на комментарий
------------------- отбивка комментариев
(1) comment on code комментарий

0 comments on commit 1afb480

Please sign in to comment.