XF 2.2 Extra.less doesn't work

[Ferry]

Hi,

We tried to change some elements on the site, but unfortunately extra.less doesn't work with any style including the default one.

After making any css, errors like src/XF/CssRenderException start to occur

Example of the css we want to put in

.message-attachments {
border-radius 6px;
}

Stack trace​

3662 | // setup.less customizations should be avoided when possible.
3663 |
3664 | .message-attachments {
3665| border-radius 6px;
3666 | }
------------

#0 src/XF/CssRenderer.php(418): XF\CssRenderException::createFromLessException(Object(Less_Exception_Chunk), 'public:extra.le...', '// Note that th...')
#1 src/XF/CssRenderer.php(352): XF\CssRenderer->renderToCss('public:extra.le...', '// Note that th...')
#2 src/XF/CssRenderer.php(260): XF\CssRenderer->renderTemplate('public:extra.le...', NULL)
#3 src/addons/ThemeHouse/UIX/XF/CssRenderer.php(40): XF\CssRenderer->renderTemplates(Array, Array, Array)
#4 src/XF/CssRenderer.php(118): ThemeHouse\UIX\XF\CssRenderer->renderTemplates(Array, Array, Array)
#5 src/XF/CssWriter.php(55): XF\CssRenderer->render(Array)
#6 css.php(30): XF\CssWriter->run(Array, 1, 1, 'c166348b4f353e2...')
#7 {main}

-------------

Previous Less_Exception_Chunk: ParseError: Unexpected input in anonymous-file-8134.less on line 3665, column 3
3663|
3664| .message-attachments {
3665| border-radius 6px;
3666| } - src/vendor/oyejorge/less.php/lib/Less/Parser.php:677
#0 src/vendor/oyejorge/less.php/lib/Less/Parser.php(621): Less_Parser->GetRules(NULL)
#1 src/vendor/oyejorge/less.php/lib/Less/Parser.php(449): Less_Parser->_parse()
#2 src/XF/CssRenderer.php(414): Less_Parser->parse('// Note that th...')
#3 src/XF/CssRenderer.php(352): XF\CssRenderer->renderToCss('public:extra.le...', '// Note that th...')
#4 src/XF/CssRenderer.php(260): XF\CssRenderer->renderTemplate('public:extra.le...', NULL)
#5 src/addons/ThemeHouse/UIX/XF/CssRenderer.php(40): XF\CssRenderer->renderTemplates(Array, Array, Array)
#6 src/XF/CssRenderer.php(118): ThemeHouse\UIX\XF\CssRenderer->renderTemplates(Array, Array, Array)
#7 src/XF/CssWriter.php(55): XF\CssRenderer->render(Array)
#8 css.php(30): XF\CssWriter->run(Array, 1, 1, 'c166348b4f353e2...')
#9 {main}

If we disable all addons, the errors are as follows

Stack trace​

3662 | // setup.less customizations should be avoided when possible.
3663 |
3664 | .message-attachments {
3665| border-radius 6px;
3666 | }
------------

#0 src/XF/CssRenderer.php(418): XF\CssRenderException::createFromLessException(Object(Less_Exception_Chunk), 'public:extra.le...', '// Note that th...')
#1 src/XF/CssRenderer.php(352): XF\CssRenderer->renderToCss('public:extra.le...', '// Note that th...')
#2 src/XF/CssRenderer.php(260): XF\CssRenderer->renderTemplate('public:extra.le...', NULL)
#3 src/XF/CssRenderer.php(118): XF\CssRenderer->renderTemplates(Array, Array, Array)
#4 src/XF/CssWriter.php(55): XF\CssRenderer->render(Array)
#5 css.php(30): XF\CssWriter->run(Array, 1, 1, '5b8a562d6c48f11...')
#6 {main}

-------------

Previous Less_Exception_Chunk: ParseError: Unexpected input in anonymous-file-7620.less on line 3665, column 3
3663|
3664| .message-attachments {
3665| border-radius 6px;
3666| } - src/vendor/oyejorge/less.php/lib/Less/Parser.php:677
#0 src/vendor/oyejorge/less.php/lib/Less/Parser.php(621): Less_Parser->GetRules(NULL)
#1 src/vendor/oyejorge/less.php/lib/Less/Parser.php(449): Less_Parser->_parse()
#2 src/XF/CssRenderer.php(414): Less_Parser->parse('// Note that th...')
#3 src/XF/CssRenderer.php(352): XF\CssRenderer->renderToCss('public:extra.le...', '// Note that th...')
#4 src/XF/CssRenderer.php(260): XF\CssRenderer->renderTemplate('public:extra.le...', NULL)
#5 src/XF/CssRenderer.php(118): XF\CssRenderer->renderTemplates(Array, Array, Array)
#6 src/XF/CssWriter.php(55): XF\CssRenderer->render(Array)
#7 css.php(30): XF\CssWriter->run(Array, 1, 1, '5b8a562d6c48f11...')
#8 {main}

 

[Paul B]

You're missing a : .

.message-attachments {
border-radius: 6px;
}

 

[Ferry]

You're missing a : .

.message-attachments {
border-radius: 6px;
}

Yes, you're right! We backed up extra.less and restored it after a clean XF installation, but for some reason each of the 300 css lines lost the

:

Everything works now. Thanks!