How to fix «styles-l.css» and «styles-m.css» not loading bug in Magento 2.0 0.74.0-beta16

dmitry_fedyuk · July 13, 2015, 8:06pm

Magento 2.0 0.74.0-beta16 not showed frontend css styles to me (but showed on admin part).
I saw what Magento 2.0 can not load the css files «styles-l.css» and «styles-m.css».
Then I tried to load it manually by url it lead to ERR_CONNECTION_RESET in Google Chrome and connection reset by peer in wget.
All the error logs was empty, and it seems to be segmentation fault in PHP.
The bug reproduced on PHP 5.6.8 / Apache / Windows.
The bug is not reproduced on my Debian server.

So I debuged Magento 2.0 LESS processor (Oyejorge) and have found the problem code.
The fix is to remove or comment out line 101 from app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/checkout/_payment-options.less

github.com

magento/magento2/blob/0.74.0-beta16/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/checkout/_payment-options.less#L101


            span {
                display: inline-block;
                padding-top: 6px;
                vertical-align: top;
            }
        }
        img {
            -webkit-filter: grayscale(100%); // For Webkit browsers
            -webkit-transition: all .6s ease; // Fade to color for Chrome and Safari
            filter: grayscale(100%);
            filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); // Firefox 10+, Firefox on Android
            filter: gray; // For IE 6 - 9
        }
    }
}
}


//
//  Mobile
//  _____________________________________________

Then remove pub/static/frontend and var/view_preprocessed folders.