File tree 2 files changed +20
-19
lines changed
app/design/frontend/Magento
blank/Magento_Theme/web/css/source
luma/Magento_Theme/web/css/source 2 files changed +20
-19
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 67
67
.lib-css (background-color , @page__background-color );
68
68
}
69
69
70
+ .page-wrapper {
71
+ .lib-vendor-prefix-display (flex );
72
+ .lib-vendor-prefix-flex-direction (column );
73
+ min-height : 100vh ; // Stretch content area for sticky footer
74
+ }
75
+
76
+ .page-main {
77
+ .lib-vendor-prefix-flex-grow (1 );
78
+ }
79
+
70
80
//
71
81
// Header
72
82
// ---------------------------------------------
411
421
}
412
422
}
413
423
}
414
- .page-footer ,
415
- .copyright {
416
- bottom : 0 ;
417
- position : absolute ;
418
- width : 100% ;
419
- }
420
424
}
421
425
422
426
.media-width (@extremum , @break ) when (@extremum = ' max' ) and (@break = @screen__s ) {
614
618
}
615
619
616
620
.page-wrapper {
617
- .lib-vendor-prefix-display (flex );
618
- .lib-vendor-prefix-flex-direction (column );
619
621
margin : 0 ;
620
- min-height : 100% ; // Stretch content area for sticky footer
621
622
position : relative ;
622
623
transition : margin .3s ease-out 0s ;
623
624
You can’t perform that action at this time.
0 commit comments