[3.3][BETA] Scss Dev

[martti]

Extension Name: Scss Dev
Author: martti
Extension Description:

This extension is inspired by this color tweaking tool for Prosilver and brings compiling of scss files into the board (only for admins) for style tweaking. Both the scss and the result (css) are saved into the store/marttiphpbb/scssdev with the same name except for the file extension. The css-file is loaded and overwrites previous css-rules. When happy with the result you can copy or add the css-file to your style.

The extension has also a minifier onboard that minifies all files together in one file.

A nice feature is that you can swap easily between different edits and the original to compare.

Extension Version: 0.5.0
Requirements:

• phpBB 3.3+
• PHP 7.1+
• CodeMirror phpBB extension
• scssphp/scssphp compiler: Run composer update in the extension directory after extension install or download the full zip package with the scss compiler included: https://github.com/marttiphpbb/phpbb-ex ... _0_5_0.zip

Extension Download: https://github.com/marttiphpbb/phpbb-ex ... master.zip The files are to be put into ext/marttiphpbb/scssdev
Github repository: https://github.com/marttiphpbb/phpbb-ext-scssdev
Languages: en
Templates: only tested Prosilver, but works probably in others
Screenshots:
Edits of the color tweaking tool for Prosilver.
:

[martti]

Notice the icons in the screenshots have disappeared because the file overwrites the relative icon-links. You could just ignore this.

Edit: this comment is not valid anymore, because the screenshots the first post got updated with a template that replaces the bitmap icons of Prosilver with font icons.

[Toxyy]

scss in phpbb? Very neat. To run the composer update I have to do that via cli? How compatible is that with shared hosting?

[martti]

scss in phpbb? Very neat. To run the composer update I have to do that via cli? How compatible is that with shared hosting?

I will provide a full download with the scss compiler included in a few hours. I have to go now.
Otherwise, see the composer documentation.

[martti]

scss in phpbb? Very neat. To run the composer update I have to do that via cli? How compatible is that with shared hosting?

I will provide a full download with the scss compiler included in a few hours. I have to go now.
Otherwise, see the composer documentation.

Here is the full package with scss compiler included:

https://github.com/marttiphpbb/phpbb-ex ... _0_2_0.zip

The version jumped already to 0.2.0 as I fixed a minor issue.

[martti]

New version 0.3.0

• Fixes incompatibility with my own extension "Custom Code".
• Updated dependencies.
• Minimum version phpBB to 3.2.7+

Full zip package with scss compiler included: https://github.com/marttiphpbb/phpbb-ex ... -0.3.0.zip

[ac_roma]

useful mod i will try it

thank you

[martti]

useful mod i will try it

thank you

I'm working on it at the moment. In the next version the usual theme will not load any longer, so you will define yourself all styling (which can include any files of the existing style). Then it will also be possible to minify everything together in one file.

[martti]

Update: new version 0.4.0 is for phpBB 3.3+

The leafo/scssphp compiler got replaced by scssphp/scssphp.

See here a minified version of Prosilver (phpBB 3.3.0) produced with this extension. All css files are merged into one and most icons are included inline.

[martti]

New version 0.5.0 disables the original language specific theme (for prosilver that is styles/prosilver/theme/en/stylesheet.css) and tries to load the language-specific template from store/marttiphpbb/scss/en/{template_name}.css. Thiis to make sure everything of the original template is disabled.

The full download link in the first post is updated.

[ViolaF]

Thanx 4 that, martti