Simplify stats images styles
This way we don't need to manually define the width we think the image we insert in the `::before` pseudoclass is going to take.
This commit is contained in:
@@ -22,20 +22,14 @@
|
||||
|
||||
.number-with-info {
|
||||
display: inline-block;
|
||||
margin-right: $line-height * 2;
|
||||
|
||||
&.participants {
|
||||
padding-left: $line-height * 2.5;
|
||||
position: relative;
|
||||
|
||||
&::before {
|
||||
left: 0;
|
||||
position: absolute;
|
||||
}
|
||||
&::before {
|
||||
display: inline-block;
|
||||
margin-right: $line-height / 2;
|
||||
}
|
||||
|
||||
&.total-participants::before {
|
||||
content: image-url('stats_man.png');
|
||||
content: image-url('stats_users.png');
|
||||
}
|
||||
|
||||
&.male::before {
|
||||
@@ -46,6 +40,11 @@
|
||||
content: image-url('stats_woman.png');
|
||||
}
|
||||
|
||||
.content {
|
||||
display: inline-block;
|
||||
margin-right: $line-height * 2;
|
||||
}
|
||||
|
||||
.number {
|
||||
display: block;
|
||||
font-size: rem-calc(60);
|
||||
|
||||
Reference in New Issue
Block a user