bachir/drupal-mathallo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

better parallax-bg

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2026-02-20 11:09:55 +01:00
parent 9e5b15d9de
commit 105aa05f2e
5 changed files with 57 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
web_main/themes/custom/mathallo/assets/scss/main.scss
View File

@@ -10,9 +10,6 @@ a, a:visited{
body{
margin: 0;
background-image: url('/themes/custom/mathallo/assets/img/grid_0.svg');
background-repeat: repeat;
background-position: center;
}
$header_height: 50px;
@@ -262,7 +259,40 @@ nav[role="breadcrumb"]{
// \_| |_/\__,_|_|_| |_|
main[role="main"]{
position: relative;
&>div.layout-content{
position: relative;
div#parallax-bg{
position: absolute;
z-index: -1;
top:0;
left: 0;
margin-top: -40vh;
width: 100vw;
height:400%;
background-image: url('/themes/custom/mathallo/assets/img/grid_0.svg');
background-repeat: repeat;
background-position: center;
// mask: linear-gradient(white, white) content-box, linear-gradient(white, white);
}
// div#custom-cursor{
// position: absolute;
// top:40vh; left:50vh;
// display: block;
// $wh:100px;
// width:$wh; height:$wh;
// border-radius: $wh / 2;
// background-color: #000;
// // mix-blend-mode:color;
// mask-composite: exclude;
// }
&>.wrapper{
position:relative;
padding-bottom: 100vh;