-
Notifications
You must be signed in to change notification settings - Fork 4
/
floating-variables.scss
44 lines (41 loc) · 1.5 KB
/
floating-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
44
:root{
/**
* Spacing
*/
--form-row-margin-t: 1.5rem;
--form-row-margin-b: 1.2rem;
--form-control-padding-t: 0.4rem;
--form-control-padding-r: 0.7rem;
--form-control-padding-b: 0.4rem;
--form-control-padding-l: 0.7rem;
--form-control-padding: var(--form-control-padding-t) var(--form-control-padding-r) var(--form-control-padding-b) var(--form-control-padding-l);
--form-control-min-height: 2.29rem;
/**
* Borders
*/
--form-control-border-radius: 0;
--form-control-border-color: gainsboro;
--form-control-border: 0;
--form-control-border-color-focused: var(--primary);
}
/**
* Label
*/
$form-label-position: absolute !default;
$form-label-position-t: 0.45rem !default;
$form-label-position-l: var(--form-control-padding-l);
$form-label-focused-font-size: 80% !default;
$form-label-focused-font-weight: 700 !default;
$form-label-focused-position-t: - 1.3rem !default;
$form-label-focused-position-l: 0.2rem !default;
$form-label-select-buttons-position-t: - 1.4rem !default;
$form-label-select-buttons-focused-position-t: $form-label-focused-position-t !default;
$form-label-editor-position-t: 2.4rem + $form-label-position-t !default;
$form-label-editor-focused-position-t: $form-label-focused-position-t !default;
$form-label-trix-position-t: 1.6rem + $form-label-position-t !default;
$form-label-trix-focused-position-t: $form-label-focused-position-t !default;
/**
* Borders
*/
$form-control-border-bottom: 1px solid var(--form-control-border-color) !default;
$form-control-border-expanding: 2px !default;