kevin/KevinK.dev.js
1
0
Fork 0
mirror of https://github.com/Unkn0wnCat/KevinK.dev.js.git synced 2025-06-15 09:02:01 +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; border-radius: 5px;
overflow: hidden; overflow: hidden;
box-shadow: -1px 11px 33px -10px rgba(127, 127, 127, 0.3); 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; color: $textColor;
text-decoration: none; text-decoration: none;
margin: 20px; margin: 20px;
@ -24,7 +25,7 @@
-1px 11px 33px -10px rgba($accentColor, 0.75); -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); box-shadow: -1px 11px 33px -10px rgba(29, 29, 29, 0.7);
background: $lightBackground; background: $lightBackground;
@ -68,9 +69,9 @@
display: block; display: block;
text-decoration: none; text-decoration: none;
color: inherit; 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); background: darken($accentColor, 1);
} }

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

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

12
src/layouts/default.scss
View file

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

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

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

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

@ -69,9 +69,9 @@
.projectAbout { .projectAbout {
background: #060606; background: #060606;
color: white; 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; background: $lightBackground;
color: $lightTextColor; color: $lightTextColor;
} }