PluginProbe
Block Animations, Motion & Scroll Effects – Ghost Kit / 3.3.3
Block Animations, Motion & Scroll Effects – Ghost Kit v3.3.3
3.7.2 3.7.1 3.7.0 3.6.1 trunk 1.6.3 2.25.0 3.3.0 3.3.1 3.3.2 3.3.3 3.4.0 3.4.1 3.4.2 3.4.3 3.4.4 3.4.5 3.4.6 3.5.0 3.5.1 3.6.0
ghostkit / gutenberg / blocks / form / styles / variables.scss

variables.scss in Block Animations, Motion & Scroll Effects – Ghost Kit 3.3.3, at gutenberg/blocks/form/styles/variables.scss

54 lines 1.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * Block Variables
3 */
4 @import "../../../variables";
5
6 .ghostkit-form {
7 // Fields.
8 --gkt-form--field__font-family: inherit;
9 --gkt-form--field__font-size: 1em;
10 --gkt-form--field__min-height: 1.7em;
11
12 // Fields Label.
13 --gkt-form--field-label__margin-bottom: 0.5em;
14 --gkt-form--field-label-required-mark__margin-left: 0.5em;
15 --gkt-form--field-label-required-mark__color: var(--gkt-color-danger);
16
17 // Fields Description.
18 --gkt-form--field-description__margin-top: 0.5em;
19 --gkt-form--field-description__line-height: 1;
20 --gkt-form--field-description__opacity: 0.5;
21
22 // Fields Row.
23 --gkt-form--field-row__template-columns: repeat(auto-fit, minmax(200px, 1fr));
24 --gkt-form--field-row__gap: 30px;
25
26 // Name Field with Middle Name Row.
27 --gkt-form--field-name-row-with-middle__template-columns: 1.5fr 1fr 1.5fr;
28
29 // Radio Field.
30 --gkt-form--field-radio-inline__margin-right: 1.2em;
31
32 // Checkbox Field.
33 --gkt-form--field-checkbox-inline__margin-right: 1.2em;
34
35 // Textarea Field.
36 --gkt-form--field-textarea__min-height: 7em;
37
38 // Errors.
39 --gkt-form--errors__margin-top: 0.5em;
40 --gkt-form--errors__font-size: 0.75em;
41 --gkt-form--errors__line-height: 0.75em;
42 --gkt-form--errors__color: var(--gkt-color-danger);
43 --gkt-form--field-success__border-color: var(--gkt-color-success);
44 --gkt-form--field-error__border-color: var(--gkt-color-danger);
45
46 // Alert.
47 --gkt-form--alert-success__color: var(--gkt-color-success);
48 --gkt-form--alert-error__color: var(--gkt-color-danger);
49
50 // Transitions.
51 --gkt-form__transition-duration: var(--gkt-transition-duration);
52 --gkt-form__transition-easing: var(--gkt-transition-easing);
53 }
54