1 @import "../settings/colors";
3 // Font is not included.
4 // For Vector, that should be layered on top with vector-type
5 .agora-field-styling() {
7 border: 1px solid @agoraGray;
10 // Styling focus of native checkboxes etc on Mac is almost impossible.
11 &:not([type=checkbox]):not([type=radio]) {
12 outline: 0; // Removes OS field focus
15 box-shadow: @agoraBlueShadow 0px 0px 5px;
17 border-color: @agoraBlueShadow;
20 color: @agoraTextColor;
21 padding: 0.35em 0 0.35em 0.5em;
24 .agora-label-styling() {
27 color: darken(@agoraGray, 50%);
34 .agora-inline-label-styling() {
37 vertical-align: bottom;
42 & > input[type="checkbox"],
43 & > input[type="radio"] {
46 margin: 0 0.1em 0em 0;
48 border: 1px solid @agoraGray;