keii.dev
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// main: compiled.less
5@import "app";
6
7blockquote {
8 font-size: inherit;
9 border-left: 2px solid hsl(var(--hsl-c2));
10}
11
12h1 {
13 font-size: 30px;
14 font-weight: normal;
15 margin: 0 0 20px 0;
16}
17
18h2 {
19 font-weight: normal;
20 margin: 10px 0 0 0;
21}
22
23h1,
24h2,
25h3,
26h4,
27h5,
28h6 {
29 color: @osu-colour-c1;
30}
31
32a {
33 .link-default();
34 outline-style: none;
35 &:link,
36 &:visited,
37 &:hover,
38 &:active {
39 outline-style: none;
40 }
41
42 text-decoration: none;
43 &:hover {
44 text-decoration: underline;
45 }
46
47 transition: color 80ms linear;
48}
49
50code {
51 padding: 0;
52 font-size: inherit;
53 color: inherit;
54 background: none;
55 border-radius: 0;
56}
57
58@font-face {
59 font-family: "FontAwesomeExtra";
60 src: url("~@fonts/extra/extra.eot?1280178");
61 src:
62 url("~@fonts/extra/extra.eot?1280178#iefix") format("embedded-opentype"),
63 url("~@fonts/extra/extra.woff2?1280178") format("woff2"),
64 url("~@fonts/extra/extra.woff?1280178") format("woff"),
65 url("~@fonts/extra/extra.ttf?1280178") format("truetype"),
66 url("~@fonts/extra/extra.svg?1280178#extra") format("svg");
67 font-weight: normal;
68 font-style: normal;
69}
70
71.clear {
72 clear: both;
73}
74
75.large {
76 font-size: 120%;
77}
78
79.form-control {
80 .inset-box-shadow;
81 border-radius: @input-border-radius;
82 border: none;
83 font-size: 14px;
84
85 // otherwise missing shadow in iphone
86 &[type="text"],
87 &[type="password"] {
88 -webkit-appearance: none;
89 }
90
91 &:focus {
92 .inset-box-shadow;
93 }
94}
95
96select.form-control {
97 .default-box-shadow();
98 font-weight: 700;
99
100 &:focus {
101 .default-box-shadow();
102 }
103}
104
105iframe {
106 border: none;
107}
108
109label {
110 font-size: 12px;
111 font-weight: 600;
112}
113
114input[type="checkbox"],
115input[type="radio"] {
116 margin: 2px 0 0;
117}
118
119a[disabled] {
120 &:extend(.btn[disabled]);
121}
122
123.clickable-row {
124 cursor: pointer;
125}
126
127[data-visibility] {
128 will-change: opacity;
129 transition: opacity 120ms;
130
131 &[data-visibility="hidden"] {
132 opacity: 0;
133 pointer-events: none;
134 }
135
136 &[data-visibility-animation="none"] {
137 will-change: unset;
138 transition: none;
139 }
140}