Page 1 of 1

[3.3][BETA] Scss Dev

Posted: Sat Nov 17, 2018 9:20 am
by 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: 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.
:
Image

Image

Re: [3.2][BETA] Scss Dev

Posted: Sat Nov 17, 2018 9:30 am
by 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.

Re: [3.2][BETA] Scss Dev

Posted: Sat Nov 17, 2018 9:52 am
by 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?

Re: [3.2][BETA] Scss Dev

Posted: Sat Nov 17, 2018 9:56 am
by martti
Toxyy wrote:
Sat Nov 17, 2018 9:52 am
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.

Re: [3.2][BETA] Scss Dev

Posted: Sat Nov 17, 2018 1:57 pm
by martti
martti wrote:
Sat Nov 17, 2018 9:56 am
Toxyy wrote:
Sat Nov 17, 2018 9:52 am
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.

Re: [3.2][BETA] Scss Dev

Posted: Wed Jun 26, 2019 7:52 pm
by 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

Re: [3.2][BETA] Scss Dev

Posted: Tue Jul 02, 2019 6:51 pm
by ac_roma
useful mod i will try it

thank you

Re: [3.2][BETA] Scss Dev

Posted: Tue Jul 02, 2019 6:57 pm
by martti
ac_roma wrote:
Tue Jul 02, 2019 6:51 pm
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.

Re: [3.3][BETA] Scss Dev

Posted: Tue Apr 14, 2020 10:35 am
by 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.

Re: [3.3][BETA] Scss Dev

Posted: Fri Apr 17, 2020 5:17 am
by 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.

Re: [3.3][BETA] Scss Dev

Posted: Sun Apr 26, 2020 10:14 pm
by ViolaF
Thanx 4 that, martti :geek: