kevin/KevinK.dev.js
1
0
Fork 0
mirror of https://github.com/Unkn0wnCat/KevinK.dev.js.git synced 2025-06-14 16:42:03 +02:00
Code Issues Projects Releases Wiki Activity

Run prettier

Browse source
This commit is contained in:
Kevin Kandlbinder 2021-07-26 13:15:39 +00:00
parent 79b6120522
commit 839ea26e92
10 changed files with 875 additions and 870 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/_mixins.scss
View file

@ -10,7 +10,8 @@
border-radius: 5px;
overflow: hidden;
box-shadow: -1px 11px 33px -10px rgba(127, 127, 127, 0.3);
transition: transform 0.25s, box-shadow 0.25s, background-color 0.25s, color 0.25s;
transition: transform 0.25s, box-shadow 0.25s, background-color 0.25s,
color 0.25s;
color: $textColor;
text-decoration: none;
margin: 20px;
@ -24,7 +25,7 @@
-1px 11px 33px -10px rgba($accentColor, 0.75);
}
@media(prefers-color-scheme: light) {
@media (prefers-color-scheme: light) {
box-shadow: -1px 11px 33px -10px rgba(29, 29, 29, 0.7);
background: $lightBackground;
@ -68,9 +69,9 @@
display: block;
text-decoration: none;
color: inherit;
transition: background-color .25s, color .25s;
transition: background-color 0.25s, color 0.25s;
@media(prefers-color-scheme: light) {
@media (prefers-color-scheme: light) {
background: darken($accentColor, 1);
}

8
src/components/navigation.module.scss
View file

@ -11,13 +11,13 @@
color: $textColor;
backdrop-filter: blur(5px);
z-index: 999;
transition: background-color .25s, color .25s;
transition: background-color 0.25s, color 0.25s;
@supports (backdrop-filter: blur(5px)) {
background: rgba($background, 0.9);
}
@media(prefers-color-scheme: light) {
@media (prefers-color-scheme: light) {
background: rgba($lightBackground, 0.95);
color: $lightTextColor;
@ -53,9 +53,9 @@
&.active {
border-color: white;
transition: border-color .25s;
transition: border-color 0.25s;
@media(prefers-color-scheme: light) {
@media (prefers-color-scheme: light) {
border-color: $accentColor;
}
}

12
src/layouts/default.scss
View file

@ -20,9 +20,9 @@ html,
color: $textColor;
display: flex;
flex-direction: column;
transition: background-color .25s, color .25s;
transition: background-color 0.25s, color 0.25s;
@media(prefers-color-scheme: light) {
@media (prefers-color-scheme: light) {
background: $lightBackground;
color: $lightTextColor;
}
@ -34,7 +34,7 @@ footer {
color: white;
padding: 5px;
text-align: center;
transition: background-color .25s, color .25s;
transition: background-color 0.25s, color 0.25s;
a {
color: inherit;
@ -80,9 +80,9 @@ h1 {
color: $accentColor;
text-shadow: 0 0 20px rgba($accentColor, .2);
text-shadow: 0 0 20px rgba($accentColor, 0.2);
@media(prefers-color-scheme: light) {
text-shadow: 0 0 20px rgba($accentColor, .3);
@media (prefers-color-scheme: light) {
text-shadow: 0 0 20px rgba($accentColor, 0.3);
}
}

4
src/pages/friends.module.scss
View file

@ -51,9 +51,9 @@
text-decoration: underline dotted rgba(0, 0, 0, 0);
padding: 6px 0 6px 25px;
color: $textColor;
transition: color .25s;
transition: color 0.25s;
@media(prefers-color-scheme: light) {
@media (prefers-color-scheme: light) {
color: $lightTextColor;
}

10
src/pages/index.module.scss
View file

@ -42,10 +42,14 @@
.heroSectionBgOver {
background: linear-gradient(to bottom, transparent 80%, $background);
transition: background-image .25s;
transition: background-image 0.25s;
@media(prefers-color-scheme: light) {
background: linear-gradient(to bottom, transparent 90%, $lightBackground);
@media (prefers-color-scheme: light) {
background: linear-gradient(
to bottom,
transparent 90%,
$lightBackground
);
}
}

4
src/templates/project.module.scss
View file

@ -69,9 +69,9 @@
.projectAbout {
background: #060606;
color: white;
transition: background-color .25s, color .25s;
transition: background-color 0.25s, color 0.25s;
@media(prefers-color-scheme: light) {
@media (prefers-color-scheme: light) {
background: $lightBackground;
color: $lightTextColor;
}