-
-
Notifications
You must be signed in to change notification settings - Fork 6.9k
/
_variables.scss
43 lines (37 loc) 路 1.67 KB
/
_variables.scss
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
@use '../../styles/settings';
// INPUT
$field-border-radius: settings.$border-radius-root !default;
$field-color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)) !default;
$field-disabled-color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) !default;
$field-error-color: rgb(var(--v-theme-error)) !default;
$field-font-size: 16px !default;
$field-letter-spacing: .009375em !default;
$field-max-width: 100% !default;
$field-transition-timing: .15s settings.$standard-easing !default;
$field-subtle-transition-timing: 250ms settings.$standard-easing !default;
$field-underlined-margin-bottom: 4px !default;
$field-clearable-margin: 4px !default;
$field-clearable-transition: .15s opacity, .15s width settings.$standard-easing !default;
// CONTROL
$field-control-contained-background: rgb(var(--v-theme-surface)) !default;
$field-control-contained-elevation: 2 !default;
$field-control-filled-background: rgba(var(--v-theme-on-surface), var(--v-idle-opacity)) !default;
$field-control-padding-start: 16px !default;
$field-control-padding-end: 16px !default;
$field-control-padding-top: 8px !default;
$field-control-padding-bottom: 6px !default;
$field-control-affixed-padding: 12px !default;
$field-control-affixed-inner-padding: 6px !default;
$field-control-underlined-height: 40px !default;
$field-control-height: 56px !default;
// INPUT
$field-input-padding-top: 32px !default;
$field-input-opacity: var(--v-high-emphasis-opacity) !default;
// LABEL
$field-label-floating-scale: .75 !default;
// OUTLINE
$field-outline-opacity: .38 !default;
$field-border-width: 1px !default;
$field-focused-border-width: 2px !default;
// OVERLAY
$field-overlay-filled-opacity: 0.04 !default;