m/portfolio
1
0
Fork 0
mirror of https://github.com/kremalicious/portfolio.git synced 2024-12-22 17:23:22 +01:00
Code Releases Activity

lint fixes

Browse Source
This commit is contained in:
Matthias Kretschmann 2019-11-09 21:07:14 +01:00
parent cad9310c04
commit cc4c256824
Signed by: m
GPG Key ID: 606EEEF3C479A91F
10 changed files with 42 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/atoms/Button.module.scss
View File

@ -8,8 +8,8 @@
border-radius: $border-radius; border-radius: $border-radius;
padding: $spacer / 4 $spacer / 2; padding: $spacer / 4 $spacer / 2;
transition-property: all; transition-property: all;
background: rgba(#fff, .15); background: rgba(#fff, 0.15);
border: .05rem solid rgba($brand-cyan, .75); border: 0.05rem solid rgba($brand-cyan, 0.75);
font-size: $font-size-small; font-size: $font-size-small;
text-transform: uppercase; text-transform: uppercase;
cursor: pointer; cursor: pointer;
@ -22,8 +22,8 @@
svg { svg {
fill: $brand-grey-light; fill: $brand-grey-light;
margin-right: $spacer / 3; margin-right: $spacer / 3;
transition: .2s ease-out; transition: 0.2s ease-out;
margin-bottom: -.1rem; margin-bottom: -0.1rem;
width: $font-size-small; width: $font-size-small;
height: $font-size-small; height: $font-size-small;
} }
@ -31,15 +31,15 @@
&:hover, &:hover,
&:focus { &:focus {
color: lighten($brand-cyan, 10%); color: lighten($brand-cyan, 10%);
border-color: rgba(lighten($brand-cyan, 10%), .75); border-color: rgba(lighten($brand-cyan, 10%), 0.75);
transform: translate3d(0, -.1rem, 0); transform: translate3d(0, -0.1rem, 0);
box-shadow: 0 6px 10px rgba($brand-main, .1), box-shadow: 0 6px 10px rgba($brand-main, 0.1),
0 10px 25px rgba($brand-main, .05); 0 10px 25px rgba($brand-main, 0.05);
} }
&:active { &:active {
transition: none; transition: none;
background: rgba(#fff, .15); background: rgba(#fff, 0.15);
} }
:global(.dark) & { :global(.dark) & {
@ -47,8 +47,8 @@
&:hover, &:hover,
&:focus { &:focus {
box-shadow: 0 6px 10px rgba(darken($brand-main, 20%), .1), box-shadow: 0 6px 10px rgba(darken($brand-main, 20%), 0.1),
0 10px 25px rgba(darken($brand-main, 20%), .2); 0 10px 25px rgba(darken($brand-main, 20%), 0.2);
} }
} }
} }

4
src/components/atoms/HostnameCheck.module.scss
View File

@ -7,10 +7,10 @@
padding: $spacer / 3; padding: $spacer / 3;
font-size: $font-size-small; font-size: $font-size-small;
font-weight: bold; font-weight: bold;
background: rgba($brand-light, .8); background: rgba($brand-light, 0.8);
:global(.dark) & { :global(.dark) & {
background: rgba($body-background-color--dark, .8); background: rgba($body-background-color--dark, 0.8);
} }
p { p {

2
src/components/atoms/Icons.module.scss
View File

@ -6,5 +6,5 @@
fill: $brand-grey-light; fill: $brand-grey-light;
stroke: none; stroke: none;
vertical-align: baseline; vertical-align: baseline;
margin-bottom: -.04rem; margin-bottom: -0.04rem;
} }

8
src/components/atoms/ProjectImage.module.scss
View File

@ -4,8 +4,8 @@
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
display: block; display: block;
box-shadow: 0 3px 5px rgba($brand-main, .15), box-shadow: 0 3px 5px rgba($brand-main, 0.15),
0 5px 16px rgba($brand-main, .15); 0 5px 16px rgba($brand-main, 0.15);
@media (min-width: $projectImageMaxWidth) { @media (min-width: $projectImageMaxWidth) {
max-width: $projectImageMaxWidth; max-width: $projectImageMaxWidth;
@ -14,8 +14,8 @@
} }
:global(.dark) & { :global(.dark) & {
box-shadow: 0 3px 5px rgba(darken($brand-main, 20%), .15), box-shadow: 0 3px 5px rgba(darken($brand-main, 20%), 0.15),
0 5px 16px rgba(darken($brand-main, 20%), .15); 0 5px 16px rgba(darken($brand-main, 20%), 0.15);
} }
img { img {

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

@ -17,12 +17,12 @@
} }
a { a {
border-bottom: 1px solid rgba($brand-cyan, .4); border-bottom: 1px solid rgba($brand-cyan, 0.4);
} }
} }
.available { .available {
background: rgba($brand-light, .8); background: rgba($brand-light, 0.8);
color: $brand-main; color: $brand-main;
position: fixed; position: fixed;
bottom: $spacer; bottom: $spacer;
@ -30,7 +30,7 @@
transform: translateX(-50%); transform: translateX(-50%);
:global(.dark) & { :global(.dark) & {
background: rgba($body-background-color--dark, .8); background: rgba($body-background-color--dark, 0.8);
color: $brand-light; color: $brand-light;
} }
} }

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

@ -35,7 +35,7 @@
&::before, &::before,
&::after { &::after {
opacity: .4; opacity: 0.4;
} }
&::before { &::before {
@ -54,7 +54,7 @@
&, &,
&:hover, &:hover,
&:focus { &:focus {
transform: scale(.7); transform: scale(0.7);
transform-origin: top center; transform-origin: top center;
transform-box: border-box; transform-box: border-box;
} }
@ -70,6 +70,6 @@
.logo { .logo {
margin-bottom: $spacer / 3; margin-bottom: $spacer / 3;
opacity: .5; opacity: 0.5;
} }
} }

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

@ -52,12 +52,12 @@
.image { .image {
margin: 0; margin: 0;
box-shadow: 0 3px 5px rgba($brand-main, .15), box-shadow: 0 3px 5px rgba($brand-main, 0.15),
0 5px 16px rgba($brand-main, .15); 0 5px 16px rgba($brand-main, 0.15);
:global(.dark) & { :global(.dark) & {
box-shadow: 0 3px 5px rgba(darken($brand-main, 20%), .15), box-shadow: 0 3px 5px rgba(darken($brand-main, 20%), 0.15),
0 5px 16px rgba(darken($brand-main, 20%), .15); 0 5px 16px rgba(darken($brand-main, 20%), 0.15);
} }
} }

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

@ -14,9 +14,9 @@
justify-content: center; justify-content: center;
padding: $spacer / 4; padding: $spacer / 4;
text-align: center; text-align: center;
background: rgba(#fff, .15); background: rgba(#fff, 0.15);
border-radius: $border-radius; border-radius: $border-radius;
border: .05rem solid transparent; border: 0.05rem solid transparent;
color: $brand-grey-light; color: $brand-grey-light;
font-size: $font-size-small; font-size: $font-size-small;

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

@ -3,17 +3,17 @@
.repo { .repo {
padding: $spacer; padding: $spacer;
border-radius: $border-radius; border-radius: $border-radius;
background: rgba(#fff, .15); background: rgba(#fff, 0.15);
box-shadow: 0 3px 5px rgba($brand-main, .1), box-shadow: 0 3px 5px rgba($brand-main, 0.1),
0 5px 16px rgba($brand-main, .1); 0 5px 16px rgba($brand-main, 0.1);
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-items: flex-start; align-items: flex-start;
:global(.dark) & { :global(.dark) & {
background: darken($body-background-color--dark, 1%); background: darken($body-background-color--dark, 1%);
box-shadow: 0 3px 5px rgba(darken($brand-main, 20%), .1), box-shadow: 0 3px 5px rgba(darken($brand-main, 20%), 0.1),
0 5px 16px rgba(darken($brand-main, 20%), .1); 0 5px 16px rgba(darken($brand-main, 20%), 0.1);
} }
> * { > * {

14
src/components/molecules/ThemeSwitch.module.scss
View File

@ -7,15 +7,15 @@
z-index: 10; z-index: 10;
svg { svg {
width: .8rem; width: 0.8rem;
height: .8rem; height: 0.8rem;
margin-top: -.05rem; margin-top: -0.05rem;
fill: $brand-grey-light; fill: $brand-grey-light;
&:last-child { &:last-child {
margin-top: -.1rem; margin-top: -0.1rem;
width: .7rem; width: 0.7rem;
height: .7rem; height: 0.7rem;
} }
} }
} }
@ -47,7 +47,7 @@ $knob-space: 1px;
height: $knob-size; height: $knob-size;
background-color: $brand-grey-light; background-color: $brand-grey-light;
border-radius: 15rem; border-radius: 15rem;
transition: transform .2s $easing; transition: transform 0.2s $easing;
transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
} }
} }