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%; 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 { @keyframes HeaderGradient {
0% { 0% {
background-position: 0 50% 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) { @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-very-light-grey: #e0e0e0;
$color-light-blue: #b9d4e3; $color-light-blue: #b9d4e3;
$color-blue: #0269a0; $color-blue: #0269a0;
$color-blue2: #48a8ce; $color-blue2: #3dacce;
$color-grey: #ccc; $color-grey: #ccc;
$color-dark-grey: #454651; $color-dark-grey: #454651;
$color-very-dark-grey: #333; $color-very-dark-grey: #333;

1
templates/base.html.twig
View file

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