Force the footer to the bottom
This commit is contained in:
parent
65a152dfd5
commit
d6162f6216
3 changed files with 47 additions and 2 deletions
|
@ -96,7 +96,29 @@ img {
|
|||
}
|
||||
|
||||
h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background {
|
||||
padding: var(--wp--custom--padding--vertical) var(--wp--custom--padding--vertical);
|
||||
padding: var(--wp--custom--padding--vertical) var(--wp--custom--padding--horizontal);
|
||||
}
|
||||
|
||||
/**
|
||||
* This file pushes the footer to the bottom of the page.
|
||||
* The 32px is for the admin bar, if it exsits.
|
||||
*/
|
||||
html {
|
||||
height: calc( 100% - 32px);
|
||||
}
|
||||
|
||||
body {
|
||||
height: calc( 100% + 32px);
|
||||
}
|
||||
|
||||
body.admin-bar {
|
||||
height: calc( 100%);
|
||||
}
|
||||
|
||||
.wp-site-blocks {
|
||||
display: grid;
|
||||
height: 100%;
|
||||
grid-template-rows: auto 1fr;
|
||||
}
|
||||
|
||||
::selection {
|
||||
|
@ -366,7 +388,7 @@ p.has-drop-cap:not(:focus):first-letter {
|
|||
}
|
||||
|
||||
p.has-background {
|
||||
padding: var(--wp--custom--padding--vertical) var(--wp--custom--padding--vertical);
|
||||
padding: var(--wp--custom--padding--vertical) var(--wp--custom--padding--horizontal);
|
||||
}
|
||||
|
||||
.wp-block-post-author__name {
|
||||
|
|
22
blockbase/sass/base/_footer.scss
Normal file
22
blockbase/sass/base/_footer.scss
Normal file
|
@ -0,0 +1,22 @@
|
|||
/**
|
||||
* This file pushes the footer to the bottom of the page.
|
||||
* The 32px is for the admin bar, if it exsits.
|
||||
*/
|
||||
|
||||
html {
|
||||
height: calc( 100% - 32px );
|
||||
}
|
||||
|
||||
body {
|
||||
height: calc( 100% + 32px );
|
||||
|
||||
&.admin-bar {
|
||||
height: calc( 100% );
|
||||
}
|
||||
}
|
||||
|
||||
.wp-site-blocks {
|
||||
display: grid;
|
||||
height: 100%;
|
||||
grid-template-rows: auto 1fr;
|
||||
}
|
|
@ -8,5 +8,6 @@
|
|||
|
||||
@import "alignment";
|
||||
@import "header";
|
||||
@import "footer";
|
||||
@import "text";
|
||||
@import "utility";
|
||||
|
|
Loading…
Reference in a new issue