Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(203)

Side by Side Diff: LayoutTests/fast/regions/counters/extract-numbered-paragraphs.html

Issue 159933010: Remove everything region-specific from LayoutTests. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Created 6 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>CSS Test: flow-into on p's that use a CSS counter as content in : :before</title>
5 <link rel="author" title="Mihai Balan" href="mibalan@adobe.com">
6 <link rel="help" href="http://www.w3.org/TR/css3-regions/#properties-and -rules" />
7 <link rel="help" href="http://www.w3.org/TR/css3-regions/#the-flow-into- property" />
8 <link rel="stylesheet" type="text/css" href="../resources/font-smoothing -disabler.css">
9 <meta name="flags" content="">
10 <meta name="assert" content="Test checks that extracting paragraphs with content that use counters behaves as without regions.">
11 <style>
12 #container {
13 counter-reset: para 0;
14 }
15 #container p {
16 -webkit-flow-into: f1;
17 counter-increment: para;
18 margin: 1em 0;
19 }
20 #container p::before {
21 content: "(" counter(para) ") ";
22 background: darkblue;
23 color: white;
24 }
25 #region {
26 background-color: lightblue;
27 border: 1px solid lightblue;
28 -webkit-flow-from: f1;
29 }
30 </style>
31 </head>
32 <body>
33 <!-- Numbered <p>-s using a single counter, displayed inline via ::befor e -->
34 <p>Test passes if you see a light blue rectangle below, with five lines of text in it. Each line of text should be black and preceded by the line number between parantheses. The line numbers should be white on a dark blue background .</p>
35 <div id="container">
36 <p>This is numbered paragraph no. 1</p>
37 <p>This is numbered paragraph no. 2</p>
38 <p>This is numbered paragraph no. 3</p>
39 <p>This is numbered paragraph no. 4</p>
40 <p>This is numbered paragraph no. 5</p>
41 </div>
42 <div id="region"></div>
43 </body>
44 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698