|
1
|
// styles for custom fields
|
|
2
|
|
|
3
|
body .edit-valo { // increasing specifity to allow overriding the valo default field themes
|
|
4
|
|
|
5
|
// TimePeriodField
|
|
6
|
.v-time-period-field {
|
|
7
|
.margin-wrapper {
|
|
8
|
border: valo-border($border: $v-border, $color: $v-background-color, $strength: 0.7);
|
|
9
|
border-radius: $v-border-radius;
|
|
10
|
background-color: $v-app-background-color;
|
|
11
|
padding: round($v-unit-size / 4);
|
|
12
|
}
|
|
13
|
.to-label {
|
|
14
|
padding: 0 round($v-unit-size / 2);
|
|
15
|
}
|
|
16
|
}
|
|
17
|
|
|
18
|
.v-textfield-helper-field {
|
|
19
|
@if is-dark-color($v-background-color) {
|
|
20
|
$helper-color: lighten($v-background-color, 20%);
|
|
21
|
} @else {
|
|
22
|
$helper-color: lighten($v-background-color, -20%);
|
|
23
|
}
|
|
24
|
color: $helper-color;
|
|
25
|
background-color: valo-font-color($helper-color);
|
|
26
|
border-radius: $v-border-radius;
|
|
27
|
}
|
|
28
|
}
|