search

webcompat / css-fixme

A script that adds standardised equivalents to CSS declarations that uses only prefixed code
https://www.webcompat.com/tools/cssfixme
Mozilla Public License 2.0
9 stars 3 forks source link

media screen is changed to mediascreen #1

Closed karlcow closed 9 years ago

karlcow commented 9 years ago

When trying to fix mixi CSS. See bug https://bugzilla.mozilla.org/show_bug.cgi?id=1057221

Reproducing on an excerpt with media only.

Original code

/*---- width over 480px ----*/
@media screen and (min-width: 482px){
body{
background-color:#ccc;
}

#page{
width:480px;
margin:0 auto;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
}
}

Fixed code

/*---- width over 480px ----*/
@mediascreen and (min-width: 482px){
    body{
        background-color: #ccc;
    }
    #page{
        width: 480px;
        margin: 0 auto;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }
}
hallvors commented 9 years ago

Fix: https://github.com/hallvors/css-fixme/commit/202b032e366819698a49380a56e889b14244246f