keii.dev
the browser-facing portion of osu!
1// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
2// See the LICENCE file in the repository root for full licence text.
3
4.score-rank {
5 width: 2em;
6 height: 1em;
7 background-size: 100%;
8 background-position: center;
9 background-repeat: no-repeat;
10 background-size: contain;
11
12 .all(@rank, @prefix) {
13 &--@{rank} {
14 .bg(@prefix);
15 }
16 }
17
18 .bg(@filename) {
19 background-image: url("~@images/badges/score-ranks-v2019/GradeSmall-@{filename}.svg?3");
20 }
21
22 .all(~"XH", "SS-Silver");
23 .all(~"X", "SS");
24 .all(~"SH", "S-Silver");
25 .all(~"S", "S");
26 .all(~"A", "A");
27 .all(~"B", "B");
28 .all(~"C", "C");
29 .all(~"D", "D");
30 .all(~"F", "F");
31
32 &--full {
33 .full-size();
34 }
35
36 &--profile-page {
37 font-size: 22px;
38 }
39
40 &--tiny {
41 font-size: 14px;
42 }
43}