_activities.scss
10 months ago
_addons.scss
10 months ago
_agents.scss
10 months ago
_animations.scss
10 months ago
_booking_form_preview.scss
10 months ago
_bookings.scss
2 months ago
_bundles.scss
10 months ago
_buttons.scss
10 months ago
_calendars.scss
10 months ago
_categories.scss
10 months ago
_customers.scss
10 months ago
_dark.scss
10 months ago
_daterangepicker.scss
10 months ago
_elements.scss
2 months ago
_forms.scss
10 months ago
_grid.scss
1 year ago
_grid_variables.scss
1 year ago
_icons.scss
1 year ago
_latecheckbox.scss
10 months ago
_lateselect.scss
1 year ago
_layout.scss
10 months ago
_lightbox.scss
10 months ago
_menu.scss
10 months ago
_messages.scss
10 months ago
_misc.scss
10 months ago
_mixins.scss
10 months ago
_notifications.scss
10 months ago
_orders.scss
10 months ago
_pickr.scss
1 year ago
_processes.scss
2 months ago
_quick_availability.scss
10 months ago
_reminders.scss
1 year ago
_responsive.scss
10 months ago
_roles.scss
1 year ago
_schedule.scss
4 months ago
_services.scss
10 months ago
_settings.scss
2 months ago
_side-panel.scss
10 months ago
_steps.scss
1 year ago
_tables.scss
10 months ago
_type.scss
1 year ago
_updates.scss
10 months ago
_utilities.scss
1 year ago
_variables.scss
10 months ago
_widgets.scss
10 months ago
_wizard.scss
3 months ago
_variables.scss
194 lines
| 1 | $logo-color: #1d7bff; |
| 2 | $brand-primary: #1d7bff; |
| 3 | $brand-softer: #219ff8; |
| 4 | $brand-dark: #2D303A; |
| 5 | $body-bg: #fff; |
| 6 | $faded-bg: #f3f3f3; |
| 7 | $sidebar-bg: #fff; |
| 8 | $element-bg: #F5F6FA; |
| 9 | $color-faded: #788291; |
| 10 | $border-color-strong: #d2d4d7; |
| 11 | $border-color-main: #dcdad7; |
| 12 | $border-color-sub: #f2f3f3; |
| 13 | // FONTS & TYPOGRAPHY |
| 14 | |
| 15 | $body-font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default; |
| 16 | $headings-font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default; |
| 17 | $mono-font-family: "latepoint-mono", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default; |
| 18 | |
| 19 | $images-path: '/wp-content/plugins/latepoint/public/images'; |
| 20 | $fonts-path: '/wp-content/plugins/latepoint/public/fonts'; |
| 21 | |
| 22 | // -- Sizes |
| 23 | |
| 24 | $font-size-menu-base: 17px; |
| 25 | $headings-font-size: 26px; |
| 26 | |
| 27 | // $body-color: #2D303A; |
| 28 | $body-color: #41444b; |
| 29 | $body-color-dark: #2e3036; |
| 30 | $body-color-light: #b0b0b0; |
| 31 | |
| 32 | |
| 33 | $headings-font-weight-normal: 400; |
| 34 | $headings-font-weight-bold: 400; |
| 35 | |
| 36 | $mono-font-weight-normal: 400; |
| 37 | $mono-font-weight-bold: 400; |
| 38 | $headings-color: #1f222b; |
| 39 | |
| 40 | $link-color: $brand-primary; |
| 41 | $letter-spacing: normal; |
| 42 | $content-padding: 30px; |
| 43 | |
| 44 | // CALENDAR |
| 45 | $period_height: 20px; |
| 46 | |
| 47 | // SIDE PANEL |
| 48 | $side-panel-width: 420px; |
| 49 | $side-panel-offset: 0px; |
| 50 | $side-panel-border-radius: 0px; |
| 51 | $side-panel-padding-y: 20px; |
| 52 | $side-panel-padding-x: 30px; |
| 53 | $top-bar-bg: #fff; |
| 54 | $top-bar-height: 58px; |
| 55 | |
| 56 | // SIDE MENU |
| 57 | $side-menu-width: 210px; |
| 58 | |
| 59 | // -- Light |
| 60 | $side-menu-text-color: $headings-color; |
| 61 | $side-menu-link-color: #3a424b; |
| 62 | $side-menu-icon-color: $brand-primary; |
| 63 | $side-menu-bg: $body-bg; |
| 64 | $side-menu-item-hover-bg: #edeff1; |
| 65 | $side-menu-active-item-bg: #edeff1; |
| 66 | |
| 67 | // -- Dark |
| 68 | $side-menu-dark-link-color: #9398b7; |
| 69 | $side-menu-dark-icon-color: #3a58dc; |
| 70 | $side-menu-dark-bg: #040a27; |
| 71 | $top-bar-mobile-height: 54px; |
| 72 | $floating-sub-menu-dark-bg: $brand-primary; |
| 73 | // GLOBALS |
| 74 | |
| 75 | $widget-padding: 30px; |
| 76 | |
| 77 | $calendar-year-color: #eee; |
| 78 | |
| 79 | // -- Shadows |
| 80 | $box-shadow: 0 5px 15px -5px rgba(115, 125, 146, 0.11), 0 1px 2px 0 rgba(160, 170, 185, 0.6); |
| 81 | $box-shadow-hover: 0 15px 30px 0 rgba(108, 120, 143, 0.2), 0 1px 3px 0 rgba(170, 179, 197, 0.9); |
| 82 | $box-shadow-main: 0 1px 2px rgba(0,0,0,0.2); |
| 83 | |
| 84 | // -- Border Radius |
| 85 | $border-radius-xs: 8px; |
| 86 | $border-radius-sm: 12px; |
| 87 | $border-radius: 15px; |
| 88 | $border-radius-lg: 20px; |
| 89 | |
| 90 | $border-radius-btn: 15px; |
| 91 | $border-radius-btn-lg: 20px; |
| 92 | $border-radius-btn-sm: 12px; |
| 93 | |
| 94 | $lightbox-border-radius: 20px; |
| 95 | |
| 96 | $border-color-lightest: #EEF0F1; |
| 97 | $border-color-light: #ddd; |
| 98 | |
| 99 | |
| 100 | // TABLES |
| 101 | $table-row-highlight-bg: #f3f4f7; |
| 102 | $table-row-highlight-border: $border-color-main; |
| 103 | $table-heading-border-color: $border-color-main; |
| 104 | |
| 105 | // TOOLTIPS |
| 106 | $tooltip-border-radius: $border-radius-sm; |
| 107 | |
| 108 | // FORMS |
| 109 | |
| 110 | $form-controls-border-color: #cecfd8; |
| 111 | $form-controls-background-color: #f1f3f7; |
| 112 | $form-controls-border-radius: $border-radius; |
| 113 | $form-controls-color: #32373c; |
| 114 | $form-controls-label-color: #444756; |
| 115 | $form-controls-select-height: auto; |
| 116 | $form-controls-select-height-small: auto; |
| 117 | $form-controls-placeholder-color: #a4a6a9; |
| 118 | $form-controls-font-weight: $body-font-weight-normal; |
| 119 | |
| 120 | $form-controls-padding-x: 6px; |
| 121 | $form-controls-padding-y: 7px; |
| 122 | |
| 123 | $form-controls-border-color-error: #b55959; |
| 124 | $form-controls-color-error: #872727; |
| 125 | $form-controls-background-error: #b55959; |
| 126 | $form-controls-label-color-error: #bf6666; |
| 127 | |
| 128 | // BUTTONS |
| 129 | $button-shadow-size: 0px 1px 2px 0px; |
| 130 | $button-font-size: 15px; |
| 131 | |
| 132 | // primary |
| 133 | $button-primary-bg-color: #1e7bff; |
| 134 | $button-primary-border-color: #1e7bff; |
| 135 | $button-primary-shadow-color: transparent; |
| 136 | $button-primary-text-color: #fff; |
| 137 | $button-primary-outline-text-color: #1e7bff; |
| 138 | $button-primary-hover-bg-color: #3c8dff; |
| 139 | $button-primary-hover-border-color: #3c8dff; |
| 140 | |
| 141 | // danger |
| 142 | $button-danger-bg-color: #ef6b6b; |
| 143 | $button-danger-border-color: #ef6b6b; |
| 144 | $button-danger-shadow-color: transparent; |
| 145 | $button-danger-text-color: #fff; |
| 146 | $button-danger-outline-color: #de5959; |
| 147 | $button-danger-hover-bg-color: #FB7F7F; |
| 148 | $button-danger-hover-border-color: #FB7F7F; |
| 149 | |
| 150 | // success |
| 151 | $button-success-bg-color: #2ebd6f; |
| 152 | $button-success-border-color: #2ebd6f; |
| 153 | $button-success-shadow-color: transparent; |
| 154 | $button-success-text-color: #fff; |
| 155 | $button-success-outline-color: #1ea55b; |
| 156 | $button-success-hover-bg-color: #42d083; |
| 157 | $button-success-hover-border-color: #42d083; |
| 158 | |
| 159 | // warning |
| 160 | $button-warning-bg-color: #e2c99b; |
| 161 | $button-warning-border-color: #e2c99b; |
| 162 | $button-warning-shadow-color: transparent; |
| 163 | $button-warning-text-color: #534220; |
| 164 | $button-warning-outline-color: #534220; |
| 165 | $button-warning-hover-bg-color: #fde1ac; |
| 166 | $button-warning-hover-border-color: #fde1ac; |
| 167 | |
| 168 | // secondary |
| 169 | $button-secondary-bg-color: #f3f4f7; |
| 170 | $button-secondary-border-color: #e9eaed; |
| 171 | $button-secondary-shadow-color: transparent; |
| 172 | $button-secondary-text-color: #252C39; |
| 173 | $button-secondary-outline-color: #b6bac9; |
| 174 | $button-secondary-hover-bg-color: #dcdee4; |
| 175 | $button-secondary-hover-border-color: #dcdee4; |
| 176 | |
| 177 | // white |
| 178 | $button-white-bg-color: #fff; |
| 179 | $button-white-border-color: #e9ebf0; |
| 180 | $button-white-shadow-color: rgba(0,0,0,0.1); |
| 181 | $button-white-text-color: $body-color; |
| 182 | $button-white-outline-color: #fff; |
| 183 | $button-white-hover-bg-color: #eee; |
| 184 | $button-white-hover-border-color: #fff; |
| 185 | |
| 186 | // booking form preview |
| 187 | $calendar-day-box-bg: #eefdec; |
| 188 | $calendar-timeline-off-bg: #e6e9ef; |
| 189 | $timeblock-available-bg: #8fe286; |
| 190 | $timeblock-tick-height: 24px; |
| 191 | |
| 192 | |
| 193 | // order form |
| 194 | $order-item-padding: 15px; |