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

add loading spinner to /projects

Browse Source
This commit is contained in:
Jake Jarvis
2021-07-31 10:15:33 -04:00
parent 053e5922c6
commit b273bdbf99
7 changed files with 60 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -20,6 +20,17 @@ div.layout-projects {
text-align: center;
}
div#loading-spinner {
width: 40px;
display: block;
margin: 1.2em auto 0 auto;
> div {
width: 10px;
height: 20px;
}
}
div#github-cards {
display: flex;
flex-direction: row;
@@ -31,11 +42,11 @@ div.layout-projects {
div.github-card {
flex-grow: 1;
display: block;
width: 416px;
padding: 12px 16px;
margin: 8px;
width: 416px; // magic number
padding: 1em 1.2em;
margin: 0.6em;
border: 1px solid;
border-radius: 6px;
border-radius: 0.5em;
font-size: 0.9em;
@include themes.themed(color, "medium-dark");
@@ -47,12 +58,12 @@ div.layout-projects {
}
p.repo-description {
margin: 4px 0 8px 0;
margin: 0.3em 0 0.6em 0;
}
div.repo-meta {
display: inline-block;
margin-right: 12px;
margin-right: 1.2em;
font-size: 0.925em;
@include themes.themed(color, "medium");
@@ -60,19 +71,19 @@ div.layout-projects {
svg {
display: inline-block;
position: relative;
top: 3px;
margin-right: 2px;
top: 0.25em;
margin-right: 0.2em;
fill: currentColor;
}
span.repo-language-color {
display: inline-block;
width: 14px;
height: 14px;
width: 1.2em;
height: 1.2em;
border-radius: 50%;
position: relative;
top: 2px;
margin-right: 2px;
top: 0.235em;
margin-right: 0.2em;
}
}
}

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

@@ -53,6 +53,16 @@ div.layout-single {
}
}
}
div#hit-spinner {
display: inline-block;
width: 20px;
> div {
width: 5px;
height: 10px;
}
}
}
h1.title {