TheThomaas/11ty-resume
1
0
Fork 0
Code Issues 1 Pull requests Packages Projects Releases Wiki Activity

Remove section classes

Browse source
This commit is contained in:
TheThomaas 2024-02-10 21:18:06 +01:00
parent 9319ee7d52
commit 778d776907
1 changed files with 28 additions and 43 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

71
src/scss/critical.scss
View file

@ -85,7 +85,7 @@ i {
} }
} }
.hero-section { .hero {
height: 90vh; height: 90vh;
height: 90svh; height: 90svh;
@ -116,65 +116,60 @@ i {
} }
} }
.projects-section { .project-grid {
ul { display: grid;
display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 1rem;
gap: 1rem;
}
li { li {
border-radius: var(--border-radius); border-radius: var(--border-radius);
overflow: hidden; overflow: hidden;
} }
article { }
--background: url('https://placehold.co/200x150'); // Default background .card {
position: relative; --background: url('https://placehold.co/200x150'); // Default background
height: 100%; position: relative;
padding: .4rem; height: 100%;
display: flex; padding: .4rem;
flex-direction: column; display: flex;
justify-content: space-between; flex-direction: column;
gap: 2.5rem; justify-content: space-between;
z-index: 1; gap: 2.5rem;
background: var(--background); z-index: 1;
background-repeat: no-repeat; background: var(--background);
background-size: cover; background-repeat: no-repeat;
} background-size: cover;
a { a {
&:hover { &:hover {
color: #3a3a3a; color: #3a3a3a;
transition: color .2s ease-in-out; transition: color .2s ease-in-out;
} }
&:before, &:before,
&:after { &:after {
--icon-size: 1.2rem; --icon-size: 1.2rem;
} }
} }
.top { .top {
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.links { .links {
display: flex; display: flex;
gap: .35rem; gap: .35rem;
align-self: flex-end; align-self: flex-end;
} }
.content { .content {
padding: 1rem .4rem 0 .4rem; padding: 1rem .4rem 0 .4rem;
} }
} }
.about-section, section {
.competences-section,
.projects-section,
.experiences-section,
.download-section {
padding-block: 2rem; padding-block: 2rem;
margin-block: 3.5rem; margin-block: 3.5rem;
} }
@ -293,19 +288,9 @@ i {
} }
} }
.experiences-section {
p {
margin: 0;
}
}
.download-section {
text-align: center;
> div {
gap: .8rem;
}
.download {
gap: .8rem;
p { p {
font-size: 1.4rem; font-size: 1.4rem;
} }