consul/grecia
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make stats numbers smaller

Browse Source 
The number of total participants is still written using a larger font
because it's the most important number.
This commit is contained in:
decabeza
2019-03-26 00:46:14 +01:00
committed by Javi Martín
parent dc077bb03c
commit a886b8ae59
3 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
app/assets/images/stats_man.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
app/assets/images/stats_woman.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

14
app/assets/stylesheets/stats.scss
View File

@@ -38,6 +38,7 @@
&::before { &::before {
display: inline-block; display: inline-block;
margin-right: $line-height / 2; margin-right: $line-height / 2;
vertical-align: top;
} }
&.total-participants::before { &.total-participants::before {
@@ -75,15 +76,24 @@
.number { .number {
display: block; display: block;
font-size: rem-calc(60); font-size: rem-calc(36);
font-weight: bold; font-weight: bold;
line-height: rem-calc(60); line-height: rem-calc(36);
} }
.info { .info {
color: $text-medium; color: $text-medium;
font-size: $small-font-size;
font-style: italic; font-style: italic;
} }
&.total-participants {
.number {
font-size: rem-calc(60);
line-height: rem-calc(60);
}
}
} }
.progress { .progress {