_activities.scss
10 months ago
_addons.scss
1 week ago
_agents.scss
10 months ago
_animations.scss
10 months ago
_booking_form_preview.scss
10 months ago
_bookings.scss
1 week ago
_bundles.scss
10 months ago
_buttons.scss
1 week ago
_calendars.scss
1 week ago
_categories.scss
10 months ago
_customers.scss
10 months ago
_dark.scss
10 months ago
_daterangepicker.scss
10 months ago
_elements.scss
3 weeks ago
_forms.scss
1 week 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
1 week ago
_lightbox.scss
10 months ago
_menu.scss
1 week ago
_messages.scss
10 months ago
_misc.scss
1 week ago
_mixins.scss
10 months ago
_notifications.scss
10 months ago
_orders.scss
10 months ago
_pickr.scss
1 year ago
_processes.scss
1 week ago
_quick_availability.scss
1 week ago
_reminders.scss
1 week ago
_responsive.scss
1 week ago
_roles.scss
1 year ago
_schedule.scss
1 week ago
_services.scss
1 week ago
_settings.scss
3 weeks ago
_side-panel.scss
1 week ago
_steps.scss
1 year ago
_tables.scss
1 week ago
_type.scss
1 year ago
_updates.scss
1 week ago
_utilities.scss
1 year ago
_variables.scss
1 week ago
_widgets.scss
1 week ago
_wizard.scss
1 week ago
_grid_variables.scss
42 lines
| 1 | |
| 2 | // GRID |
| 3 | |
| 4 | $enable-grid-classes: true !default; |
| 5 | |
| 6 | // Grid breakpoints |
| 7 | // |
| 8 | // Define the minimum dimensions at which your layout will change, |
| 9 | // adapting to different screen sizes, for use in media queries. |
| 10 | |
| 11 | $grid-breakpoints: ( |
| 12 | xs: 0, |
| 13 | sm: 576px, |
| 14 | md: 768px, |
| 15 | lg: 992px, |
| 16 | xl: 1200px |
| 17 | ) !default; |
| 18 | |
| 19 | @include _assert-ascending($grid-breakpoints, "$grid-breakpoints"); |
| 20 | @include _assert-starts-at-zero($grid-breakpoints); |
| 21 | |
| 22 | |
| 23 | // Grid containers |
| 24 | // |
| 25 | // Define the maximum width of `.container` for different screen sizes. |
| 26 | |
| 27 | $container-max-widths: ( |
| 28 | sm: 540px, |
| 29 | md: 720px, |
| 30 | lg: 960px, |
| 31 | xl: 1140px |
| 32 | ) !default; |
| 33 | |
| 34 | @include _assert-ascending($container-max-widths, "$container-max-widths"); |
| 35 | |
| 36 | |
| 37 | // Grid columns |
| 38 | // |
| 39 | // Set the number of columns and specify the width of the gutters. |
| 40 | |
| 41 | $grid-columns: 12 !default; |
| 42 | $grid-gutter-width: 16px !default; |