_grid.scss — LatePoint – Calendar Booking Plugin for Appointments and Events trunk

latepoint / lib / assets / stylesheets / admin / _grid.scss

latepoint / lib / assets / stylesheets / admin Last commit date

_grid.scss

88 lines

1	// Container widths
2	//
3	// Set the container width, and override it for fixed navbars in media queries.
4
5	@if $enable-grid-classes {
6	.container {
7	@include make-container();
8	@include make-container-max-widths();
9	}
10	}
11
12	// Fluid container
13	//
14	// Utilizes the mixin meant for fixed width containers, but with 100% width for
15	// fluid, full width layouts.
16
17	@if $enable-grid-classes {
18	.container-fluid {
19	@include make-container();
20	}
21	}
22
23	// Row
24	//
25	// Rows contain and clear the floats of your columns.
26
27	@if $enable-grid-classes {
28	.os-row {
29	@include make-row();
30	}
31
32	// Remove the negative margin from default .os-row, then the horizontal padding
33	// from all immediate children columns (to prevent runaway style inheritance).
34	.no-gutters {
35	margin-right: 0;
36	margin-left: 0;
37
38	> .os-col,
39	> [class*="os-col-"] {
40	padding-right: 0;
41	padding-left: 0;
42	}
43	}
44	}
45
46	// Columns
47	//
48	// Common styles for small and large grid columns
49
50	@if $enable-grid-classes {
51	@include make-grid-columns();
52	}
53
54
55
56
57	@each $breakpoint in map-keys($grid-breakpoints) {
58	$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
59	@include media-breakpoint-up($breakpoint, $grid-breakpoints) {
60	.os-col#{$infix}-br {
61	border-right: 1px solid $border-color-sub;
62	padding-right: 30px;
63	& + div[class*="os-col-"] {
64	padding-left: 30px;
65	}
66	}
67	.os-col#{$infix}-pr {
68	padding-right: 20px;
69	& + div[class*="os-col-"] {
70	padding-left: 20px;
71	}
72	}
73	}
74	}
75
76
77	.os-dashboard-row {
78	display: flex;
79	.os-dashboard-column {
80	flex: 1;
81	& + .os-dashboard-column {
82	margin-left: $content-padding;
83	}
84	&.os-fit {
85	flex: 0;
86	}
87	}
88	}