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.floating-toolbar-button {
5 --circle-size: 50px;
6
7 .reset-input();
8 .center-content();
9 .default-box-shadow();
10 .circle(var(--circle-size));
11
12 font-size: calc(var(--circle-size) * 0.48);
13 background-color: hsl(var(--hsl-b5));
14
15 @media @mobile {
16 --circle-size: 40px;
17 }
18
19 &--updates {
20 &::before {
21 .circle(calc(var(--circle-size) * 0.2));
22 content: "";
23 position: absolute;
24 display: block;
25 top: 0;
26 right: 0;
27 background: hsl(var(--hsl-h1));
28 }
29 }
30}