mirror of
https://github.com/Unkn0wnCat/KevinK.dev.js.git
synced 2025-06-06 20:52:01 +02:00
Update Project Page Styles
This commit is contained in:
parent
53f2a136c9
commit
519b8ad152
1 changed files with 20 additions and 7 deletions
|
@ -9,7 +9,7 @@
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 300px;
|
height: 400px;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
}
|
}
|
||||||
|
@ -18,23 +18,28 @@
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 300px;
|
height: 400px;
|
||||||
background: linear-gradient(to bottom, rgba($background, .95), rgba($background, .5) 20%);
|
background: linear-gradient(to bottom, rgba($background, .95), rgba($background, .25) 20%, rgba($background, .35) 80%, rgba($background, 1) 100%);
|
||||||
|
|
||||||
.headerInner {
|
.headerInner {
|
||||||
max-width: $layoutWidth;
|
max-width: $layoutWidth;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
padding: 225px 20px 0;
|
display: flex;
|
||||||
text-shadow: 0 0 20px black, 0 0 20px black;
|
flex-direction: column;
|
||||||
|
text-shadow: 0 0 10px black, 0 0 20px black;
|
||||||
|
padding: 10px 20px;
|
||||||
|
|
||||||
* {
|
* {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
color: white;
|
color: white;
|
||||||
|
font-size: 1.25em;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 2em;
|
font-size: 2.2em;
|
||||||
|
margin-top: auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -42,7 +47,15 @@
|
||||||
|
|
||||||
.headerPlaceholder {
|
.headerPlaceholder {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 270px;
|
height: 400px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.projectAbout, .projectLinks {
|
||||||
|
&:nth-of-type(2) {
|
||||||
|
> div, > article {
|
||||||
|
padding-top: 20px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue