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

completely overhaul SCSS theming logic

Browse Source
This commit is contained in:
Jake Jarvis
2021-11-01 10:23:24 -04:00
parent c7fdda36af
commit 37add71ffb
21 changed files with 112 additions and 154 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -34,9 +34,7 @@ div.layout-contact {
border-radius: 0.3em;
font-size: 0.9em;
@include themes.themed(color, "text");
@include themes.themed(background-color, "super-duper-light");
@include themes.themed(border-color, "light");
@include themes.themed($color: "text", $background-color: "super-duper-light", $border-color: "light");
}
textarea {
@@ -60,13 +58,11 @@ div.layout-contact {
line-height: 1.5;
user-select: none;
@include themes.themed(color, "text");
@include themes.themed(background-color, "kinda-light");
@include themes.themed($color: "text", $background-color: "kinda-light");
&:hover,
&:focus {
@include themes.themed(color, "super-duper-light");
@include themes.themed(background-color, "links");
@include themes.themed($color: "super-duper-light", $background-color: "links");
}
img.emoji {
@@ -80,11 +76,11 @@ 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");
}
}
}

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

@@ -184,7 +184,7 @@ div.layout-home {
}
&#shh {
@include themes.themed(color, "medium-light");
@include themes.themed($color: "medium-light");
}
&.wave {

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

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

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

@@ -42,8 +42,7 @@ div.layout-projects {
border-radius: 0.5em;
font-size: 0.9em;
@include themes.themed(color, "medium-dark");
@include themes.themed(border-color, "kinda-light");
@include themes.themed($color: "medium-dark", $border-color: "kinda-light");
a.repo-name {
font-size: 1.2em;
@@ -64,7 +63,7 @@ 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;

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

@@ -13,7 +13,7 @@ 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 +65,7 @@ div.layout-single {
content: "#"; // cosmetically hashtagify tags
padding-right: 0.125em;
@include themes.themed(color, "light");
@include themes.themed($color: "light");
}
&:last-of-type {

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

@@ -11,7 +11,7 @@ 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;