how to write laravel code in css to change value of property

Question

background-color: #55ce63;
color: #fff;
content:<? {{__('trans.On')}} ?>;
padding-right: 14px

this code css in header of blade how to write laravel code in css to change

content: '{{ __('trans.On') }}';. This will only work on a blade file. — IGP
– IGP, Commented Feb 8, 2022 at 14:19
You cannot use php/blade in your css file, You can use css variables or style in your blade layout — Gert B.
– Gert B., Commented Feb 8, 2022 at 14:31
You can provide translations in the lang folder, not translate arbitrary strings — IGP
– IGP, Commented Feb 8, 2022 at 15:00

Gert B. · Accepted Answer · 2022-02-08 14:36:07Z

2

You can't use php or blade in your css file, but you can set a css variable in your .blade.php file as a style attribute:

style="--content-on: '{{ __('trans.On') }}';"

And use that variable in your css file:

content: var(--content-on);

answered Feb 8, 2022 at 14:36

Gert B.

2,34720 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

@AbdelkawySalah If this answer solved your problem please accept it when you can so it can be closed. Thanks

Somar kn · Accepted Answer · 2022-02-08 19:28:34Z

0

I don't recommend using Laravel variables in the CSS file.

Make your style which you want to style with variables inline style in your blade page.

You can try something like this:

style="color:{{{ $var_name }}}"

answered Feb 8, 2022 at 19:28

Somar kn

1431 silver badge9 bronze badges