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.bbcode-spoilerbox {
5 @_padding-left: 20px;
6 --link-icon: @fa-var-angle-right;
7
8 &.js-spoilerbox--open {
9 --link-icon: @fa-var-angle-down;
10 }
11
12 &__body {
13 display: none;
14 margin-top: 10px;
15 padding-left: @_padding-left;
16 }
17
18 &__link {
19 .reset-input();
20 .link-default();
21 text-align: left;
22 display: flex;
23 flex-wrap: wrap;
24 overflow-wrap: anywhere;
25 font-weight: bold;
26 width: max-content;
27 max-width: 100%;
28
29 &:hover {
30 text-decoration: underline;
31 }
32 }
33
34 &__link-icon {
35 width: @_padding-left;
36 display: block;
37 flex: none;
38
39 &::before {
40 .fas();
41 content: var(--link-icon);
42 color: @osu-colour-c1;
43 display: inline-block;
44 text-align: left;
45 }
46 }
47}