Highlighter Product Ranking
Best viewed on Desktop
Highlighter Product Ranking
/* Here you can add custom CSS for the current table */
/* Lean more about CSS: https://en.wikipedia.org/wiki/Cascading_Style_Sheets */
#supsystic-table-128 { border-left: black 1px solid;
}
#supsystic-table-128 tbody { border-top: black 1px solid;
}
#supsystic-table-128 tbody tr { border-bottom: black 1px solid;
}
#supsystic-table-128_wrapper {
}
/*.supsystic-table-5_wrap {
border-style: solid;
position: relative;
width: 250px;
overflow: hidden;
box-sizing: border-box;
-webkit-overflow-scrolling: touch;
}*/
#supsystic-table-128 tbody td {
border-right: black 1px solid;
}
#rcorners1 {
border-radius: 20px;
background: #bfbfbf;
padding: 10px;
width: 65px;
height: 10px;
text-align: center;
padding-bottom:10px;
color: #ffffff;
}
.step {
background: #d5519d;
border-radius: 1em;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
color: #ffffff;
display: inline-block;
/*font-weight: bold;*/
line-height: 2.1em;
margin-right: 1px;
text-align: center;
width: 2.1em;
}
#step {
background: #d5519d;
border-radius: 1em;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
color: #ffffff;
display: inline-block;
/*font-weight: bold;*/
line-height: 2.1em;
margin-right: 1px;
text-align: center;
width: 2.1em;
}
#rcorners2 {
border-radius: 20px;
background: #bfbfbf;
padding: 10px;
width: 1055px;
height: 10px;
text-align: center;
padding-bottom:10px;
color: #ffffff;
}
#circle-text {
display: table-cell;
height: 200px; /*change this and the width
for the size of your initial circle*/
width: 200px;
text-align: center;
vertical-align: middle;
border-radius: 50%;
/*make it pretty*/
background: #d34298;
color: #fff;
font: 18px "josefin sans", arial; /*change this
for font-size and font-family*/
}
.solid {
border-style: solid;
}
WP Table Builder
| Rank | Brand | 2019 | 2020 | Previous Rank | ||
| 1 |  | MAC | 32% | 34% | 1 | - |
| 2 |  | Benefit Cosmetics | 16% | 11% | 2 | - |
| 3 |  | The Balm Cosmetics | 9% | 10% | 3 | - |
| 4 |  | Inglot | 7% | 7% | 4 | - |
| 5 |  | Anastasia Beverly Hills | 6% | 6% | 5 | - |
| 6 |  | NYX | 3% | 5% | 8 |  |
| 7 |  | Yves Saint Laurent | 3% | 3% | 9 | |
| 8 |  | Becca Cosmetics | 4% | 3% | 6 |  |
| 9 | #N/A | Ofra Cosmetics | 2% | 3% | 10 | |
| 10 |  | Fenty Beauty | 4% | 3% | 7 | |
| 11 |  | Bassam Fattouh Cosmetics | 1% | 2% | 18 | |
| 12 |  | Huda Beauty | 1% | 2% | 19 | |
| 13 | #N/A | Viseart | 0% | 1% | 209 | |
| 14 |  | L'Oreal | 1% | 1% | 12 | |
| 15 |  | Gerard Cosmetics | 1% | 1% | 13 | |
| 16 | #N/A | Flower Beauty | 0% | 1% | 103 | |
| 17 |  | Tarte Cosmetics | 0% | 1% | 28 | |
| 18 | #N/A | Astra | 0% | 1% | 46 | |
| 19 |  | Laura Mercier | 1% | 1% | 16 | |
| 20 | #N/A | Pupa | 0% | 1% | 171 | |
| 21 |  | Giorgio Armani | 1% | 1% | 17 | |