File tree 3 files changed +20
-25
lines changed
app/design/frontend/Magento
Magento_Theme/web/css/source
luma/Magento_Theme/web/css/source
3 files changed +20
-25
lines changed Original file line number Diff line number Diff line change 52
52
.lib-css (background-color , @page__background-color );
53
53
}
54
54
55
+ .page-wrapper {
56
+ .lib-vendor-prefix-display (flex );
57
+ .lib-vendor-prefix-flex-direction (column );
58
+ min-height : 100vh ; // Stretch content area for sticky footer
59
+ }
60
+
61
+ .page-main {
62
+ .lib-vendor-prefix-flex-grow (1 );
63
+ }
64
+
55
65
//
56
66
// Header
57
67
// ---------------------------------------------
279
289
// _____________________________________________
280
290
281
291
.media-width (@extremum , @break ) when (@extremum = ' min' ) and (@break = @screen__m ) {
282
-
283
- html ,
284
- body {
285
- height : 100% ; // Stretch screen area for sticky footer
286
- }
287
-
288
292
.page-wrapper {
289
- .lib-vendor-prefix-display (flex );
290
- .lib-vendor-prefix-flex-direction (column );
291
- min-height : 100% ; // Stretch content area for sticky footer
292
-
293
293
> .breadcrumbs ,
294
294
> .top-container ,
295
295
> .widget {
Original file line number Diff line number Diff line change 95
95
.page-main {
96
96
width : 100% ;
97
97
98
- .lib-vendor-prefix-flex-grow (1 );
99
- .lib-vendor-prefix-flex-shrink (0 );
100
- .lib-vendor-prefix-flex-basis (auto );
101
-
102
98
.ie9 & {
103
99
width : auto ;
104
100
}
Original file line number Diff line number Diff line change 74
74
.lib-css (background-color , @page__background-color );
75
75
}
76
76
77
+ .page-wrapper {
78
+ .lib-vendor-prefix-display (flex );
79
+ .lib-vendor-prefix-flex-direction (column );
80
+ min-height : 100vh ; // Stretch content area for sticky footer
81
+ }
82
+
83
+ .page-main {
84
+ .lib-vendor-prefix-flex-grow (1 );
85
+ }
86
+
77
87
//
78
88
// Header
79
89
// ---------------------------------------------
313
323
//
314
324
// Widgets
315
325
// ---------------------------------------------
316
- // @codingStandardsIgnoreStart caused by bug in CodeSniffer implementation
317
326
.sidebar {
318
327
.widget.block :not (:last-child ),
319
328
.widget :not (:last-child ) {
320
329
margin-bottom : @indent__xl ;
321
330
}
322
331
}
323
- // @codingStandardsIgnoreEnd
324
332
325
333
.widget {
326
334
clear : both ;
418
426
}
419
427
}
420
428
}
421
- .page-footer ,
422
- .copyright {
423
- bottom : 0 ;
424
- position : absolute ;
425
- width : 100% ;
426
- }
427
429
}
428
430
429
431
.media-width (@extremum , @break ) when (@extremum = ' max' ) and (@break = @screen__s ) {
616
618
}
617
619
618
620
.page-wrapper {
619
- .lib-vendor-prefix-display (flex );
620
- .lib-vendor-prefix-flex-direction (column );
621
621
margin : 0 ;
622
- min-height : 100% ; // Stretch content area for sticky footer
623
622
position : relative ;
624
623
transition : margin .3s ease-out 0s ;
625
624
You can’t perform that action at this time.
0 commit comments