[4.0] Add toolbar.scss in Cassiopeia

[rjharishabh]

Pull Request for Issue #33392.

Summary of Changes

Replicate Atum toolbar in Cassiopeia

Testing Instructions

• Log In to the frontend
• Go to Template Setting in Author Menu module or Visit http://localhost/joomla-cms/index.php/create-a-post/template-settings
• Click Select
• Apply PR
• Do npm run build:css
• Refresh the page and Click Select
• See the difference

Actual result BEFORE applying this Pull Request

subhead noshadow missing CSS

Expected result AFTER applying this Pull Request

Added CSS in subhead noshadow

Documentation Changes Required

None

[ghost]

I have tested this item ✅ successfully on 59b1cce

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/33403.}

[rjharishabh]

@Quy Code review please

[Quy]

Sorry I am not at my computer to test. I will do tomorrow.

[rjharishabh]

Sorry I am not at my computer to test. I will do tomorrow.

No problem

[richard67]

I have tested this item ✅ successfully on 59b1cce

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/33403.}

[richard67]

RTC

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/33403.}

[bembelimen]

Thank you for this PR @rjharishabh
TBH I'm not 100% happy with the approach to "hard enforce" things like: https://github.com/joomla/joomla-cms/pull/33403/files#diff-e1218a0d5d75ad354fd21362d37ab7fd8bf7731253e4a6daa09c5bb34a10afd0R14-R17 and have a mix of PX + REM. The frontend template is BS5 anyways, so is there no way to go with the frontend styling?

[rjharishabh]

@bembelimen I want to change PX to REM
but there is no direct relation to converting px to rem, it depends on the default pixel size
I replicate Atum toolbar code to Cassiopeia, then I will change there also

[bembelimen]

Default is: 1rem == 16px

[bembelimen]

If you use the same toolbar anyways, you can ofc import it directly instead having two versions...

[brianteeman]

@bembelimen you can't import it because there are atum only variables

[richard67]

Back to pending due to changes requested in comments above.

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/33403.}

[rjharishabh]

@bembelimen you can't import it because there are atum only variables

Yes, there are atum specific variables like atum-bg-dark , atum-link-color, atum-special-color

[brianteeman]

@bembelimen why are you asking for the rem to be converted to px? This file was identical to the one in atum except for the color variables. I'm wondering what the logic is for that request.

The link you posted as an example just opens the entire file so its not clear if you really meant the entire file or just some specific parts.

/me confused and can't see anything wrong with the original pr

[bembelimen]

Sorry my fault, the link was only for the ".row" because that's a default element exactly for adding the margin. So it hurts a bit my guts to remove the margin that way, just wanted to point at it as example for "hard enforce".

The px => rem thing was independent from it another issue. We should not mix it I think but have rem when not a 1px border.

[brianteeman]

I understand you now. However as its just the same in atum I wouldnt bother to change it.

the px/rem thing is beyond my skillset. Again its just a direct copy from atum and to be honest seeing a value of .313 is just as ugly

[rjharishabh]

to be honest seeing a value of .313 is just as ugly

Same with me

Now I understand @bembelimen @brianteeman

It's my mistake to understand it in a wrong way

[brianteeman]

I have tested this item ✅ successfully on 59b1cce

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/33403.}

[richard67]

RTC

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/33403.}

[richard67]

Thanks!

[rjharishabh]

Thanks for merging