blob: 0f3f6ad34179dc3f1a32b8e29fb0cfc27c8dc69b (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
|
// Font is not included.
// For Vector, that should be layered on top with vector-type
@mixin agora-field-styling() {
border: {
style: solid;
width: 1px;
color: $agoraGray;
};
&:focus {
// Styling focus of native checkboxes etc on Mac is almost impossible.
&:not([type=checkbox]):not([type=radio]) {
@include reset-focus; // Removes OS field focus
};
// @include box-shadow generates unneeded prefixes
// https://github.com/chriseppstein/compass/issues/1054 , so specify
// directly.
box-shadow: $agoraBlueShadow 0px 0px 5px;
border: {
color: $agoraBlueShadow;
};
}
color: $agoraTextColor;
padding: 0.35em 0 0.35em 0.5em;
}
@mixin agora-label-styling() {
font: {
//weight: bold;
size: 0.9em;
};
color: darken($agoraGray, 50%);
& * {
font-weight: normal;
}
}
@mixin agora-inline-label-styling() {
margin-bottom: 0.5em;
cursor: pointer;
vertical-align: bottom;
line-height: normal;
font: {
weight: normal;
};
& > input[type="checkbox"],
& > input[type="radio"] {
width: auto;
height: auto;
margin: 0 0.1em 0em 0;
padding: 0;
border: {
style: solid;
width: 1px;
color: $agoraGray;
}
cursor: pointer;
}
}
|