jr/recipes
1
0
Fork 0
mirror of https://github.com/runyanjake/recipes.git synced 2025-10-04 13:47:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Custom hero background

Browse Source
This commit is contained in:
Jake Runyan 2025-06-30 14:31:22 -07:00
parent 805c6d1914
commit a3f1f4bef2
1 changed files with 21 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
recipes/src/css/custom.css
View File

@ -28,3 +28,24 @@
--ifm-color-primary-lightest: #4fddbf;
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
}
/* Custom image on homepage */
.hero--primary {
background-image: url('@site/static/img/want_to_cook.svg'); /* The path is relative to the `static` folder */
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
/* Dark overlay matching above image so text pops. */
.hero--primary {
background-image:
linear-gradient(rgba(40, 40, 40, 0.5), rgba(40, 40, 40, 0.5)),
url('@site/static/img/want_to_cook.svg');
color: #ffffff;
}
/* Enhance the default hero shadow. */
.hero__title, .hero__subtitle {
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}