Skip to content

Commit

Permalink
Give advise about blank lines and -->
Browse files Browse the repository at this point in the history
  • Loading branch information
@zcorpan
zcorpan committed Oct 24, 2015
1 parent efb3385 commit adcdbf1
Show file tree
Hide file tree
Showing 2 changed files with 16 additions and 4 deletions.
11 changes: 9 additions & 2 deletions index.bs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -312,8 +312,15 @@ can target WebVTT cues and regions in the video using the ''::cue'', ''::cue()''
<p>CSS stylesheets can also be embedded in WebVTT files themselves.</p>

<p>Style blocks are placed after any headers but before the first cue, and start with the line
"STYLE". Blank lines and the string "<code>--></code>" cannot appear in the stylesheet. Comment
blocks can be interleaved with style blocks.</p>
"STYLE". Comment blocks can be interleaved with style blocks.</p>

<p>Blank lines cannot appear in the stylesheet. They can be removed or be filled with a space or a
CSS comment (e.g. <code>/**/</code>).</p>

<p>The string "<code>--></code>" cannot be used in the stylesheet. If the stylesheet is wrapped in
"<code>&lt;!--</code>" and "<code>--></code>", then those strings can just be removed. If
"<code>--></code>" appears inside a CSS string, then it can use CSS escaping e.g.
"<code>--\></code>".</p>

<div class="example">

Expand Down
9 changes: 7 additions & 2 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1343,8 +1343,13 @@ <h3 class="heading settled" data-level="1.3" id="styling"><span class="secno">1.
</div>
<p>CSS stylesheets can also be embedded in WebVTT files themselves.</p>
<p>Style blocks are placed after any headers but before the first cue, and start with the line
"STYLE". Blank lines and the string "<code>--></code>" cannot appear in the stylesheet. Comment
blocks can be interleaved with style blocks.</p>
"STYLE". Comment blocks can be interleaved with style blocks.</p>
<p>Blank lines cannot appear in the stylesheet. They can be removed or be filled with a space or a
CSS comment (e.g. <code>/**/</code>).</p>
<p>The string "<code>--></code>" cannot be used in the stylesheet. If the stylesheet is wrapped in
"<code>&lt;!--</code>" and "<code>--></code>", then those strings can just be removed. If
"<code>--></code>" appears inside a CSS string, then it can use CSS escaping e.g.
"<code>--\></code>".</p>
<div class="example" id="example-3f42c0aa">
<a class="self-link" href="#example-3f42c0aa"></a>
<p>This example shows how cues can be styled with style blocks in WebVTT.</p>
Expand Down

1 comment on commit adcdbf1

@silviapfeiffer
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ah excellent, this is really helpful.

Please sign in to comment.