jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-09-15 05:25:33 -04:00
Code Issues Activity

thought of a MUCH more logical way to pass in additional CSS transitions

Browse Source
This commit is contained in:
Jake Jarvis
2021-11-01 14:08:37 -04:00
parent 5911c0081e
commit 310da3ebea
18 changed files with 211 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
assets/sass/pages/_contact.scss
View File

@@ -34,7 +34,13 @@ div.layout-contact {
border-radius: 0.3em;
font-size: 0.9em;
@include themes.themed($color: "text", $background-color: "super-duper-light", $border-color: "light");
@include themes.themed(
(
color: "text",
background-color: "super-duper-light",
border-color: "light",
)
);
}
textarea {
@@ -58,11 +64,21 @@ div.layout-contact {
line-height: 1.5;
user-select: none;
@include themes.themed($color: "text", $background-color: "kinda-light");
@include themes.themed(
(
color: "text",
background-color: "kinda-light",
)
);
&:hover,
&:focus {
@include themes.themed($color: "super-duper-light", $background-color: "links");
@include themes.themed(
(
color: "super-duper-light",
background-color: "links",
)
);
}
img.emoji {
@@ -76,11 +92,19 @@ div.layout-contact {
font-weight: 600;
&#contact-form-result-success {
@include themes.themed($color: "success");
@include themes.themed(
(
color: "success",
)
);
}
&#contact-form-result-error {
@include themes.themed($color: "error");
@include themes.themed(
(
color: "error",
)
);
}
}
}

10
assets/sass/pages/_home.scss
View File

@@ -1,3 +1,5 @@
@use "sass:map";
@use "../abstracts/themes";
@use "../abstracts/functions";
@@ -184,7 +186,11 @@ div.layout-home {
}
&#shh {
@include themes.themed($color: "medium-light");
@include themes.themed(
(
color: "medium-light",
)
);
}
&.wave {
@@ -198,7 +204,7 @@ div.layout-home {
@each $theme, $color in $colors {
@at-root body.#{$theme} div.layout-home a##{$id} {
color: $color;
background-image: functions.underline-hack($color);
background-image: functions.underline-hack($color, map.get(map.get(themes.$themes, $theme), "background-inner"));
}
}
}

6
assets/sass/pages/_list.scss
View File

@@ -32,7 +32,11 @@ div.layout-list {
width: 5.25em;
flex-shrink: 0;
@include themes.themed($color: "medium");
@include themes.themed(
(
color: "medium",
)
);
}
&:last-child {

13
assets/sass/pages/_projects.scss
View File

@@ -42,7 +42,12 @@ div.layout-projects {
border-radius: 0.5em;
font-size: 0.9em;
@include themes.themed($color: "medium-dark", $border-color: "kinda-light");
@include themes.themed(
(
color: "medium-dark",
border-color: "kinda-light",
)
);
a.repo-name {
font-size: 1.2em;
@@ -63,7 +68,11 @@ div.layout-projects {
margin-right: 1.5em;
font-size: 0.925em;
@include themes.themed($color: "medium");
@include themes.themed(
(
color: "medium",
)
);
svg {
display: inline-block;

12
assets/sass/pages/_single.scss
View File

@@ -13,7 +13,11 @@ div.layout-single {
line-height: 2.3;
letter-spacing: 0.04em;
@include themes.themed($color: "medium");
@include themes.themed(
(
color: "medium",
)
);
a {
color: inherit;
@@ -65,7 +69,11 @@ div.layout-single {
content: "#"; // cosmetically hashtagify tags
padding-right: 0.125em;
@include themes.themed($color: "light");
@include themes.themed(
(
color: "light",
)
);
}
&:last-of-type {

6
assets/sass/pages/_videos.scss
View File

@@ -11,7 +11,11 @@ div.layout-video {
line-height: 1.5;
margin: 1.25em 1em 0.5em 1em;
@include themes.themed($color: "medium-light");
@include themes.themed(
(
color: "medium-light",
)
);
a {
font-weight: bold;