m/portfolio
1
0
Fork 0
mirror of https://github.com/kremalicious/portfolio.git synced 2025-02-14 21:10:41 +01:00
Code Releases Activity

dark mode tweaks

Browse Source
This commit is contained in:
Matthias Kretschmann 2018-06-12 00:18:38 +02:00
parent e884ea79c3
commit 12904df907
Signed by: m
GPG Key ID: 606EEEF3C479A91F
3 changed files with 20 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/molecules/ProjectLinks.module.scss
View File

@ -48,6 +48,16 @@
transition: none;
background: rgba(#fff, .15);
}
:global(.dark) & {
background: darken($body-background-color--dark, 1%);
&:hover,
&:focus {
box-shadow: 0 6px 10px rgba(darken($brand-main, 20%), .1),
0 10px 25px rgba(darken($brand-main, 20%), .1);
}
}
}
}

6
src/components/molecules/ProjectNav.module.scss
View File

@ -14,7 +14,11 @@
.item {
display: inline-block;
width: 40vw;
margin-right: $spacer * 2;
margin-left: $spacer * 2;
&:last-child {
margin-right: $spacer * 2;
}
}
.image {

5
src/components/molecules/ProjectTechstack.module.scss
View File

@ -21,6 +21,11 @@
margin-bottom: $spacer / 2;
flex: 0 0 calc(50% - #{$spacer / 2});
font-size: $font-size-base;
:global(.dark) & {
background: darken($body-background-color--dark, 1%);
color: $brand-grey;
}
}
}