kevin/KevinK.dev.js
1
0
Fork 0
mirror of https://github.com/Unkn0wnCat/KevinK.dev.js.git synced 2025-06-01 18:22:04 +02:00
Code Issues Projects Releases Wiki Activity

Update Project Page Styles

Browse source
This commit is contained in:
Kevin Kandlbinder 2021-01-26 14:48:03 +01:00
parent 53f2a136c9
commit 519b8ad152
1 changed files with 20 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

27
src/templates/project.module.scss
View file

@ -9,7 +9,7 @@
position: absolute;
left: 0;
width: 100%;
height: 300px;
height: 400px;
background-position: center;
background-size: cover;
}
@ -18,23 +18,28 @@
position: absolute;
left: 0;
width: 100%;
height: 300px;
background: linear-gradient(to bottom, rgba($background, .95), rgba($background, .5) 20%);
height: 400px;
background: linear-gradient(to bottom, rgba($background, .95), rgba($background, .25) 20%, rgba($background, .35) 80%, rgba($background, 1) 100%);
.headerInner {
max-width: $layoutWidth;
width: 100%;
height: 100%;
margin: 0 auto;
padding: 225px 20px 0;
text-shadow: 0 0 20px black, 0 0 20px black;
display: flex;
flex-direction: column;
text-shadow: 0 0 10px black, 0 0 20px black;
padding: 10px 20px;
* {
margin: 0;
color: white;
font-size: 1.25em;
}
h1 {
font-size: 2em;
font-size: 2.2em;
margin-top: auto;
}
}
@ -42,7 +47,15 @@
.headerPlaceholder {
width: 100%;
height: 270px;
height: 400px;
}
}
.projectAbout, .projectLinks {
&:nth-of-type(2) {
> div, > article {
padding-top: 20px;
}
}
}