jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-18 22:15:32 -04:00
Code Issues Activity

update /uses

Browse Source
This commit is contained in:
Jake Jarvis
2020-01-24 10:49:47 -05:00
parent bfa184d2a9
commit d205490792
7 changed files with 171 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
assets/sass/components/_footer.scss
View File

@@ -20,40 +20,40 @@ footer {
margin: 0 auto;
display: flex;
justify-content: space-between;
}
div {
&#copyright,
&#poweredby {
width: 40%;
font-size: 0.85em;
line-height: 2;
div {
&#copyright,
&#poweredby {
width: 40%;
font-size: 0.85em;
line-height: 2;
}
&#copyright {
text-align: left;
}
&#poweredby {
text-align: right;
a#source {
border-bottom: 1px solid $color-light;
}
}
&#copyright {
text-align: left;
}
&#panda {
width: 20%;
text-align: center;
font-size: 1.7em;
line-height: 1;
&#poweredby {
text-align: right;
a {
display: inline-block;
transition: transform 0.2s ease-in-out;
a#source {
border-bottom: 1px solid $color-light;
}
}
&#panda {
width: 20%;
text-align: center;
font-size: 1.7em;
line-height: 1;
a {
display: inline-block;
transition: transform 0.2s ease-in-out;
&:hover {
transform: scale(1.6) rotate(10deg);
}
&:hover {
transform: scale(1.6) rotate(10deg);
}
}
}
@@ -65,7 +65,7 @@ footer {
footer {
padding: 1em 1.5em 0 1.5em;
div#row div {
div {
// no more room at the inn for panda :(
&#panda {
display: none;

1
assets/sass/components/_global.scss
View File

@@ -87,7 +87,6 @@ div#content {
ul {
list-style-position: outside;
list-style-type: square;
margin-left: 1em;
padding-left: 0;

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

@@ -49,6 +49,16 @@ main#home {
}
}
img#me {
float: right;
margin: 0 0 0.5em 1em;
padding: 4px;
border: 1px solid $color-light;
border-radius: 50%;
width: 160px;
height: 160px;
}
a {
// Loop through $colors-home -- the main reason I switched to SASS :)
@each $id, $color in $colors-home {
@@ -75,16 +85,6 @@ main#home {
}
}
}
img#me {
float: right;
margin: 0 0 0.5em 1em;
padding: 4px;
border: 1px solid $color-light;
border-radius: 50%;
width: 160px;
height: 160px;
}
}

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

@@ -6,48 +6,46 @@ main#single {
padding: 1em 2.5em;
margin: 0 auto;
article div {
&#meta {
text-align: center;
div#meta {
text-align: center;
h1 {
margin: 0.3em 0;
font-size: 2em;
line-height: 1.4;
h1 {
margin: 0.3em 0;
font-size: 2em;
line-height: 1.4;
a {
color: inherit;
}
a {
color: inherit;
}
}
div#byline {
color: $color-medium;
font-size: 0.85em;
line-height: 1.5;
letter-spacing: 0.07em;
a {
color: inherit;
}
div#byline {
color: $color-medium;
font-size: 0.85em;
line-height: 1.5;
letter-spacing: 0.07em;
span.dot {
margin: 0 0.1em;
font-weight: 700;
}
a {
color: inherit;
}
ul#tags {
margin-top: 0.5em;
padding: 0;
list-style: none;
span.dot {
margin: 0 0.1em;
font-weight: 700;
}
ul#tags {
margin-top: 0.5em;
padding: 0;
list-style: none;
li {
display: inline;
margin-left: 0.8em;
margin-right: 0.8em;
text-transform: uppercase;
letter-spacing: 0.15em;
white-space: nowrap;
}
li {
display: inline;
margin-left: 0.8em;
margin-right: 0.8em;
text-transform: uppercase;
letter-spacing: 0.15em;
white-space: nowrap;
}
}
}
@@ -60,23 +58,21 @@ main#single {
main#single {
padding: 0.8em 1.1em;
article {
div#meta {
h1 {
font-size: 1.8em;
div#meta {
h1 {
font-size: 1.8em;
}
div#byline {
// hide "Improve Post" link on mobile
span#edit {
display: none;
}
div#byline {
// hide "Improve Post" link on mobile
span#edit {
display: none;
}
// less space between tags
ul#tags li {
margin: 0 0.5em;
line-height: 1.7;
}
// less space between tags
ul#tags li {
margin: 0 0.5em;
line-height: 1.7;
}
}
}