gecko-dev/layout/reftests/columns/column-balancing-nested-000.html
Ting-Yu Lin b8fee8f71c Bug 1308587 Part 2 - Remove -moz prefix for all multi-column properties in testing and css files. r=dholbert
This patch is generated by the following script:

```
function remove_column_prefix() {
    echo "Renaming $1 to $2"
    find .\
         -type f\
         ! -path "./obj*"\
         ! -path "./.git"\
         ! -path "./.hg"\
         \( -name "*.html" -or\
            -name "*.xhtml" -or\
            -name "*.xht" -or\
            -name "*.xul" -or\
            -name "*.xml" -or\
            -name "*.css"  \)\
            -exec sed -i -e "s/$1/$2/g" "{}" \;
}

remove_column_prefix "-moz-columns" "columns"
remove_column_prefix "-moz-column-width" "column-width"
remove_column_prefix "-moz-column-count" "column-count"
remove_column_prefix "-moz-column-fill" "column-fill"
remove_column_prefix "-moz-column-gap" "column-gap"
remove_column_prefix "-moz-column-rule" "column-rule"
remove_column_prefix "-moz-column-rule-width" "column-rule-width"
remove_column_prefix "-moz-column-rule-color" "column-rule-color"
remove_column_prefix "-moz-column-rule-style" "column-rule-style"

```

Note: after running the above script, I reverted one minor change to the
file multicol-nested-column-rule-001.xht in the theoretically read-only
directory layout/reftests/w3c-css/received/css-multicol/.

Differential Revision: https://phabricator.services.mozilla.com/D44870

--HG--
extra : moz-landing-system : lando
2019-09-05 21:37:32 +00:00

57 lines
1.2 KiB
HTML

<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/licenses/publicdomain/
-->
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Testing nested balancing column sets</title>
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=822053">
<style type="text/css">
html,body {
color:black; background-color:white; font-size:16px; padding:0; margin:0;
}
.colset {
column-count: 2;
column-gap: 1px;
column-rule: 1px solid black;
border: solid silver;
width:30ch;
}
p { margin: 0; }
</style>
</head>
<body>
<div class="colset">
<p>one one one one one</p>
<div class="colset">
<p>two two two two two</p>
</div>
</div>
<br>
<div class="colset">
<p>one one one one one</p>
<div class="colset">
<p>two two two two two</p>
<div class="colset">
<p>three three three three three</p>
</div>
</div>
</div>
<br>
<div class="colset">
<p>one one one one one</p>
<div class="colset">
<p>two two two two two</p>
<div class="colset">
<p>three three</p>
<div class="colset">
<p>four four four four four</p>
</div>
</div>
</div>
</div>
</body>
</html>