deblan/deblan.io-murph
deblan/deblan.io-murph
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Wiki Activity

update header

Browse source
This commit is contained in:
Simon Vieille 2022-09-11 15:51:51 +02:00
parent f519af8d07
commit ab32373d34
Signed by: deblan
GPG key ID: 579388D585F70417
3 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
assets/css/app.scss
View file

@ -299,6 +299,13 @@ pre[class*="language-"] {
transform-origin: 20% 20%;
}
.header-shadow {
width: 100%;
height: 10px;
background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(255,255,255,0) 100%);
}
@keyframes HeaderGradient {
0% {
background-position: 0 50%
@ -1190,6 +1197,9 @@ $links: (
}
}
.header-shadow {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(255,255,255,0) 100%);
}
}
@media all and (max-height: 600px) {

2
assets/css/app/config.scss
View file

@ -4,7 +4,7 @@ $color-white: #fff;
$color-very-light-grey: #e0e0e0;
$color-light-blue: #b9d4e3;
$color-blue: #0269a0;
$color-blue2: #48a8ce;
$color-blue2: #3dacce;
$color-grey: #ccc;
$color-dark-grey: #454651;
$color-very-dark-grey: #333;

1
templates/base.html.twig
View file

@ -94,6 +94,7 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
{% endblock %}
</div>
</div>
<div class="header-shadow"></div>
<div class="grid">
{% set flashes = app.flashes %}