Diff: STRATO-apps/wordpress_03/app/wp-content/themes/blocksy/static/sass/frontend/6-layout/main.scss
Keine Baseline-Datei – Diff nur gegen leer.
1
-
1
+
@use "../1-helpers/functions";
2
+
3
+
#main-container {
4
+
display: flex;
5
+
flex-direction: column;
6
+
position: relative;
7
+
min-height: calc(100vh - var(--admin-bar, 0px) - var(--theme-frame-size, 0px) * 2);
8
+
9
+
overflow: hidden; // to remove later, check caniuse.com
10
+
overflow: clip;
11
+
12
+
.site-main {
13
+
flex-grow: 1;
14
+
}
15
+
}
16
+
17
+
18
+
19
+
// Layout containers
20
+
[class*='ct-container'] {
21
+
margin-inline: auto;
22
+
}
23
+
24
+
.ct-container,
25
+
.ct-container-narrow {
26
+
width: var(--theme-container-width);
27
+
}
28
+
29
+
30
+
// Default container
31
+
.ct-container {
32
+
max-width: var(--theme-normal-container-max-width);
33
+
}
34
+
35
+
36
+
// Narrow container
37
+
.ct-container-narrow {
38
+
max-width: var(--theme-narrow-container-max-width);
39
+
}
40
+
41
+
42
+
// Fluid container
43
+
.ct-container-fluid {
44
+
width: calc(var(--theme-container-edge-spacing) - var(--theme-frame-size, 0px) * 2);
45
+
46
+
@include functions.media-breakpoint-up (lg) {
47
+
--theme-container-edge-spacing: calc(100vw - 60px);
48
+
}
49
+
}
50
+
51
+
52
+
// Constrained layout
53
+
.is-layout-constrained {
54
+
55
+
> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
56
+
width: var(--theme-block-width);
57
+
}
58
+
}
59
+
60
+
61
+
// Constrained width
62
+
.is-width-constrained {
63
+
margin-inline: auto;
64
+
width: var(--theme-container-width);
65
+
max-width: var(--theme-block-max-width);
66
+
}
67
+
68
+
69
+
70
+
// Page verticla spacing
71
+
[data-vertical-spacing*='top'] {
72
+
padding-top: var(--theme-content-vertical-spacing);
73
+
}
74
+
75
+
[data-vertical-spacing*='bottom'] {
76
+
padding-bottom: var(--theme-content-vertical-spacing);
77
+
}