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

majorly refactor SCSS and pray nothing breaks

Browse Source
This commit is contained in:
Jake Jarvis
2021-09-29 09:42:36 -04:00
parent ddc0780fbd
commit 12db17b83c
22 changed files with 289 additions and 244 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -4,13 +4,7 @@ div.layout-etc {
padding-bottom: 1.5em;
h1 {
margin-top: 0;
text-align: center;
letter-spacing: -0.005em;
a {
color: inherit;
}
}
}

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

@@ -5,7 +5,7 @@ div.layout-list {
padding-top: 1.5em;
padding-bottom: 0.25em;
section.year {
section.list-section-year {
font-size: 1.05em;
h2 {
@@ -28,7 +28,7 @@ div.layout-list {
line-height: 1.75;
margin-bottom: 1em;
div.date {
div.list-item-date {
width: 5.25em;
flex-shrink: 0;
@@ -48,7 +48,7 @@ div.layout-list {
padding-top: 1em;
padding-bottom: 0;
section.year {
section.list-section-year {
font-size: 1em;
h2 {

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

@@ -6,14 +6,8 @@ div.layout-projects {
padding-bottom: 0.75em;
h1 {
margin-top: 0;
margin-bottom: 0.4em;
text-align: center;
letter-spacing: -0.005em;
a {
color: inherit;
}
}
div#content > p {
@@ -62,28 +56,34 @@ div.layout-projects {
}
div.repo-meta {
display: inline-block;
margin-right: 1.2em;
font-size: 0.925em;
display: flex;
flex-wrap: wrap;
@include themes.themed(color, "medium");
svg {
div.repo-meta-item {
display: inline-block;
position: relative;
top: 0.25em;
margin-right: 0.2em;
fill: currentColor;
}
align-self: baseline;
margin-right: 1.5em;
font-size: 0.925em;
span.repo-language-color {
display: inline-block;
width: 1.2em;
height: 1.2em;
border-radius: 50%;
position: relative;
top: 0.235em;
margin-right: 0.2em;
@include themes.themed(color, "medium");
svg {
display: inline-block;
position: relative;
top: 0.25em;
margin-right: 0.2em;
fill: currentColor;
}
span.repo-language-color {
display: inline-block;
width: 1.2em;
height: 1.2em;
border-radius: 50%;
position: relative;
top: 0.235em;
margin-right: 0.2em;
}
}
}
}

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

@@ -6,26 +6,37 @@ div.layout-single {
padding-bottom: 1em;
div#meta {
display: flex;
flex-wrap: wrap;
margin-top: 0.3em;
font-size: 0.825em;
line-height: 2.3;
letter-spacing: 0.04em;
margin-top: 0.3em;
@include themes.themed(color, "medium");
a {
color: inherit;
// disable fancy underline without `.no-underline`
background: none !important;
padding-bottom: 0;
}
> div {
display: inline-block;
margin-right: 1.25em;
display: inline-flex;
margin-right: 1.6em;
white-space: nowrap;
img.emoji {
margin-right: 0.25em;
vertical-align: -0.22em;
cursor: inherit;
span.meta-icon {
margin-right: 0.4em;
user-select: none;
img.emoji {
margin-right: 0.25em;
vertical-align: -0.22em;
cursor: inherit;
}
}
&:last-of-type {
@@ -33,13 +44,22 @@ div.layout-single {
}
}
div#meta-date,
div#meta-edit {
a {
display: inline-flex;
}
}
div#meta-tags {
white-space: normal;
display: inline-flex;
flex-wrap: wrap;
span {
span.meta-tag {
text-transform: lowercase;
white-space: nowrap;
margin-right: 0.4em;
margin-right: 0.75em;
&::before {
content: "#"; // cosmetically hashtagify tags
@@ -54,7 +74,7 @@ div.layout-single {
}
}
div#hit-spinner {
div#meta-hits-loading {
display: inline-block;
width: 20px;
@@ -73,10 +93,6 @@ div.layout-single {
line-height: 1.3;
font-weight: 700;
letter-spacing: -0.006em;
a {
color: inherit;
}
}
}

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

@@ -5,15 +5,6 @@ div.layout-video {
padding: 1.5em 0;
text-align: center;
h1 {
margin-top: 0;
letter-spacing: -0.005em;
a {
color: inherit;
}
}
p {
font-size: 0.85em;
letter-spacing: -0.005em;