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

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

@ -6,5 +6,5 @@
fill: $brand-grey-light;
stroke: none;
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-right: auto;
display: block;
box-shadow: 0 3px 5px rgba($brand-main, .15),
0 5px 16px rgba($brand-main, .15);
box-shadow: 0 3px 5px rgba($brand-main, 0.15),
0 5px 16px rgba($brand-main, 0.15);
@media (min-width: $projectImageMaxWidth) {
max-width: $projectImageMaxWidth;
@ -14,8 +14,8 @@
}
:global(.dark) & {
box-shadow: 0 3px 5px rgba(darken($brand-main, 20%), .15),
0 5px 16px 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%), 0.15);
}
img {

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

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

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

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

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

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

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

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

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

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

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

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