Framework

Brawl cards

Primary cards

Structure

With additional content

Status

Loading

Ongoing

Competitive Brawl

Time left: ::

2/3

matches played to get your total Brawl points

Secondary cards

Structure

CompetitiveOngoing

Competitive Brawl

5k - 30k

Time Left:23H19M13S

423 players are partaking

Active

You can add make a secondary active card by adding the following class name:.is-active.
Active cards have a glow around them and their card status text color and animation is affected.

CompetitivePartaking

Competitive Brawl

5k - 30k

Time Left:23H19M13S

Points

1120

Position

#243

Waiting for your 3 matches...

Inactive

You can add make a secondary inactive card by adding the following class name:.is-inactive.
Inactive cards have dimmed down image and their card status text color is affected.

CompetitiveFinished

Competitive Brawl

5k - 30k

This competition has ended

423 players are partaking

With overlay

You won a prize!

CompetitiveFinished

Competitive Brawl

This competition has ended

10 000

423 players have partaken

Horizontal

You can make a secondary Brawl card horizontal by adding the following class name:.card-horizontal.

CompetitiveOngoing

Competitive Brawl

5k - 30k

Time Left:23H19M13S

423 players are partaking

Responsive horizontal

You can make a secondary Brawl card horizontal based on the screen size using the following class name:.{xx}:card-horizontal.
{xx} can be xs, sm, md, lg, xl.

CompetitiveOngoing

Competitive Brawl

5k - 30k

Time Left:23H19M13S

423 players are partaking