Switching styles in CSS, under the specified conditions laravel

Question

I need to specify my styles under certain conditions

<div class="flex-container">
                @foreach($topServers as $server)
                    <div class="flex-item">
                        <div class="row">
                            @foreach($guilds as $guild)
                                @if($server->id == $guild->id)
                                    <img class="col-md-auto avatar" src="..." alt="">
                                @endif
                            @endforeach
                        </div>
                    </div>
                @endforeach
            </div>

Provided that $server->premium >= 1, you need to specify the "border-color:gold" styles in the div class="flex-item"

And I absolutely do not understand how to implement it, thank you in advance for your help

aynber · Accepted Answer · 2022-12-27 18:34:12Z

1

Just use a ternary to add a style.

<div class="flex-item" {{ $server->premium >= 1 ? 'style="border-color:gold"' : '' }}>

answered Dec 27, 2022 at 18:34

aynber

23.2k9 gold badges57 silver badges69 bronze badges

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

2 Comments

F. Müller Over a year ago

Or even better ... use a class (I know OP asked for style).

aynber Over a year ago

@F.Müller Yep, either way it will work. For a class, the ternary would just need to be moved inside of the class attribute

Collectives™ on Stack Overflow

Switching styles in CSS, under the specified conditions laravel

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related