millironx/pages
1
0
Fork 0
Code Issues Pull requests Releases Packages Activity

Fix mismatch in peeking window heights

Browse source
This commit is contained in:
Thomas A. Christensen II 2023-02-09 11:52:27 -06:00
parent 1053d56c44
commit 22d8a08420
Signed by: millironx
GPG key ID: 09335146883990B9
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
assets/styles/mix-twbs.scss
View file

@ -5,11 +5,13 @@ $web-font-path: "/fonts/nunito-sans/index.css";
@import "bootstrap/bootstrap"; @import "bootstrap/bootstrap";
@import "bootswatch/lux/bootswatch"; @import "bootswatch/lux/bootswatch";
$peek-height: 25rem;
.blurred-container { .blurred-container {
position: relative; position: relative;
width: 100%; width: 100%;
min-height: 35vh; min-height: 35vh;
height: 350px; height: $peek-height;
top: 0; top: 0;
left: 0; left: 0;
} }
@ -39,7 +41,7 @@ $web-font-path: "/fonts/nunito-sans/index.css";
position: fixed; position: fixed;
width: 100%; width: 100%;
min-height: 35vh; min-height: 35vh;
height: 72ex; height: $peek-height;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
background-position: center center; background-position: center center;