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

Add Projects-Module

Browse source
This commit is contained in:
Kevin Kandlbinder 2020-12-21 21:23:52 +01:00
parent 8757b1afb3
commit 688c63910c
13 changed files with 546 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

74
src/templates/project.module.scss Normal file
View file

@ -0,0 +1,74 @@
@import "../variables";
.projectHeader .headerBackground {
position: absolute;
left: 0;
width: 100%;
height: 200px;
background-position: center;
background-size: cover;
}
.projectHeader header {
position: absolute;
left: 0;
width: 100%;
height: 200px;
background: rgba(0, 0, 0, .5);
}
.projectHeader .headerInner {
max-width: $layoutWidth;
width: 100%;
margin: 0 auto;
padding: 65px 20px 0;
}
.projectHeader .headerInner * {
margin: 0;
color: white;
}
.headerPlaceholder {
width: 100%;
height: 225px;
}
.projectHeader .headerPlaceholder {
width: 100%;
height: 200px;
}
.projectHeader h1 {
font-size: 2em;
}
.projectHeader > div {
padding-bottom: 0 !important;
}
.projectAbout {
background: #060606;
color: white;
}
.projectLinks .linkList {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.projectLinks a {
display: inline-block;
border: thin solid rgb(200, 200, 200);
border-radius: 5px;
padding: 10px 15px;
margin: 5px;
color: $textColor;
text-decoration-skip: none;
text-decoration: underline dotted currentColor;
}
.projectLinks a i.fab, .projectLinks a i.fas, .projectLinks a i.fa, .projectLinks a i.far, .projectLinks a i.fal {
display: inline;
}