gecko-dev/layout/reftests/bugs/391979.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

39 lines
1.1 KiB
HTML

<!DOCTYPE HTML>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Testcase for bug 391979</title>
<style type="text/css">
html,body {
color:black; background-color:white; font-size:16px; padding:0; margin:0;
}
.float { float:left; clear:both; }
.t1 { column-count:2; column-width: 9ch; column-gap: 2ch; background:red; height:4ch; }
.abs { position:absolute; width:20ch; height:4ch; }
.red { background:red; }
.green { background:green; }
</style>
</head>
<body>
<div class="abs green" style="left:0; top:0;">green</div>
<div class="abs red" style="left:0; top:4ch; z-index:-1;">green</div>
<div class="abs green" style="left:0; top:8ch; z-index:2;">green</div>
<div class="abs red" style="left:0; top:12ch;">green</div>
<div class="float">
<div class="t1 red">green</div>
</div>
<div class="float">
<div class="t1 green">green</div>
</div>
<div class="t1" style="position: absolute; top:8ch; ">green</div>
<div class="t1 green" style="position: absolute; top:12ch; z-index:2;">green</div>
</body>
</html>