pro
2 weeks ago
_acf-headerbar.scss
1 year ago
_acf-icon-picker.scss
1 year ago
_admin-inputs.scss
1 year ago
_admin-toolbar.scss
1 year ago
_btn.scss
1 year ago
_dark.scss
1 year ago
_edit-field-group.scss
1 year ago
_field-group.scss
1 year ago
_field-picker.scss
1 year ago
_field-type-icons.scss
1 year ago
_fields.scss
1 month ago
_forms.scss
11 months ago
_global.scss
1 year ago
_icons.scss
1 year ago
_input.scss
1 year ago
_list-table.scss
1 year ago
_media.scss
1 year ago
_mixins.scss
1 year ago
_post-types-taxonomies.scss
1 year ago
_postbox.scss
1 year ago
_pro-upgrade.scss
1 year ago
_sub-field-groups.scss
1 year ago
_tools.scss
1 year ago
_typography.scss
1 year ago
_updates.scss
1 year ago
_variables.scss
1 year ago
acf-dark.scss
1 year ago
acf-field-group.scss
7 months ago
acf-global.scss
2 months ago
acf-input.scss
1 month ago
_variables.scss
98 lines
| 1 | /*-------------------------------------------------------------------------------------------- |
| 2 | * |
| 3 | * Vars |
| 4 | * |
| 5 | *--------------------------------------------------------------------------------------------*/ |
| 6 | |
| 7 | /* colors */ |
| 8 | $acf_blue: #2a9bd9; |
| 9 | $acf_notice: #2a9bd9; |
| 10 | $acf_error: #d94f4f; |
| 11 | $acf_success: #49ad52; |
| 12 | $acf_warning: #fd8d3b; |
| 13 | |
| 14 | /* acf-field */ |
| 15 | $field_padding: 15px 12px; |
| 16 | $field_padding_x: 12px; |
| 17 | $field_padding_y: 15px; |
| 18 | $fp: 15px 12px; |
| 19 | $fy: 15px; |
| 20 | $fx: 12px; |
| 21 | |
| 22 | /* responsive */ |
| 23 | $md: 880px; |
| 24 | $sm: 640px; |
| 25 | |
| 26 | // Admin. |
| 27 | $wp-card-border: #ccd0d4; // Card border. |
| 28 | $wp-card-border-1: #d5d9dd; // Card inner border 1: Structural (darker). |
| 29 | $wp-card-border-2: #eeeeee; // Card inner border 2: Fields (lighter). |
| 30 | $wp-input-border: #7e8993; // Input border. |
| 31 | |
| 32 | // Admin 3.8 |
| 33 | $wp38-card-border: #E5E5E5; // Card border. |
| 34 | $wp38-card-border-1: #dfdfdf; // Card inner border 1: Structural (darker). |
| 35 | $wp38-card-border-2: #eeeeee; // Card inner border 2: Fields (lighter). |
| 36 | $wp38-input-border: #dddddd; // Input border. |
| 37 | |
| 38 | /*-------------------------------------------------------------------------------------------- |
| 39 | * |
| 40 | * ACF 6 ↓ |
| 41 | * |
| 42 | *--------------------------------------------------------------------------------------------*/ |
| 43 | |
| 44 | // Grays |
| 45 | $gray-50: #F9FAFB; |
| 46 | $gray-100: #F2F4F7; |
| 47 | $gray-200: #EAECF0; |
| 48 | $gray-300: #D0D5DD; |
| 49 | $gray-400: #98A2B3; |
| 50 | $gray-500: #667085; |
| 51 | $gray-600: #475467; |
| 52 | $gray-700: #344054; |
| 53 | $gray-800: #1D2939; |
| 54 | $gray-900: #101828; |
| 55 | |
| 56 | // Blues |
| 57 | $blue-50: #EBF5FA; |
| 58 | $blue-100: #D8EBF5; |
| 59 | $blue-200: #A5D2E7; |
| 60 | $blue-300: #6BB5D8; |
| 61 | $blue-400: #399CCB; |
| 62 | $blue-500: #0783BE; |
| 63 | $blue-600: #066998; |
| 64 | $blue-700: #044E71; |
| 65 | $blue-800: #033F5B; |
| 66 | $blue-900: #032F45; |
| 67 | |
| 68 | // Utility |
| 69 | $color-info: #2D69DA; |
| 70 | $color-success: #52AA59; |
| 71 | $color-warning: #F79009; |
| 72 | $color-danger: #D13737; |
| 73 | |
| 74 | $color-primary: $blue-500; |
| 75 | $color-primary-hover: $blue-600; |
| 76 | $color-secondary: $gray-500; |
| 77 | $color-secondary-hover: $gray-400; |
| 78 | |
| 79 | // Gradients |
| 80 | $gradient-pro: radial-gradient(141.77% 141.08% at 100.26% 99.25%, #0ECAD4 0%, #7A45E5 100%); |
| 81 | |
| 82 | // Border radius |
| 83 | $radius-sm: 4px; |
| 84 | $radius-md: 6px; |
| 85 | $radius-lg: 8px; |
| 86 | $radius-xl: 12px; |
| 87 | |
| 88 | // Elevations / Box shadows |
| 89 | $elevation-01: 0px 1px 2px rgba($gray-900, 0.10); |
| 90 | |
| 91 | // Input & button focus outline |
| 92 | $outline: 3px solid $blue-50; |
| 93 | |
| 94 | // Link colours |
| 95 | $link-color: $blue-500; |
| 96 | |
| 97 | // Responsive |
| 98 | $max-width: 1440px; |