Commit theme

This commit is contained in:
Daniel Mason 2021-11-03 22:23:25 +13:00
parent 1ec1007169
commit 690a3ff983
Signed by: idanoo
GPG key ID: 387387CDBC02F132
46 changed files with 2443 additions and 0 deletions

View file

@ -0,0 +1,40 @@
.app-header {
padding: 2.5em;
background: $darkest-color;
text-align: center;
}
.app-header-avatar {
width: 15rem;
height: 15rem;
border-radius: 100%;
border: 0.5rem solid $primary-color;
}
.app-container {
padding: 2.5rem;
}
.app-header-social {
font-size: 2em;
color: $lightest-color;
a {
margin: 0 0.1em;
}
}
@media (min-width: 940px) {
.app-header {
position: fixed;
top: 0;
left: 0;
width: 20rem;
min-height: 100vh;
}
.app-container {
max-width: 65rem;
margin-left: 20rem;
}
}

View file

@ -0,0 +1,7 @@
.error-404 {
text-align: center;
}
.error-404-title {
text-transform: uppercase;
}

View file

@ -0,0 +1,6 @@
.icon {
display: inline-block;
width: 1em;
height: 1em;
vertical-align: -0.125em;
}

View file

@ -0,0 +1,24 @@
.pagination {
display: block;
list-style: none;
padding: 0;
font-size: 0.8em;
text-align: center;
margin: 3em 0;
}
.page-item {
display: inline-block;
.page-link {
display: block;
padding: 0.285em 0.8em;
}
&.active {
.page-link {
color: $lightest-color;
border-radius: 2em;
background: $primary-color;
}
}
}

View file

@ -0,0 +1,25 @@
.post-title {
color: $lightest-color;
}
.post-content {
& > pre,
.highlight {
margin: 1em 0;
}
& > pre,
.highlight > pre,
.highlight > div {
border-left: 0.4em solid rgba($primary-color, .8);
padding: .5em 1em;
}
img {
max-width: 100%;
}
}
.post-meta {
font-size: 0.8em;
}

View file

@ -0,0 +1,17 @@
.posts-list {
padding: 0;
}
.posts-list-item {
list-style: none;
padding: 0.4em 0;
&:not(:last-child) {
border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
}
}
.posts-list-item-description {
display: block;
font-size: 0.8em;
}

View file

@ -0,0 +1,15 @@
.tag {
display: inline-block;
margin-right: 0.2em;
padding: 0 0.6em;
font-size: 0.9em;
border-radius: 0.2em;
white-space: nowrap;
background: rgba(255, 255, 255, 0.1);
transition: color 0.35s, background 0.35s;
&:hover {
transition: color 0.25s, background 0.05s;
background: rgba(255, 255, 255, 0.3);
}
}

View file

@ -0,0 +1,28 @@
.tags-list {
padding: 0;
}
.tags-list-item {
list-style: none;
padding: 0.4em 0;
&:not(:last-child) {
border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
}
}
@media (min-width: 450px) {
.tags-list {
display: flex;
flex-wrap: wrap;
}
.tags-list-item {
width: calc(50% - 1em);
&:nth-child(even) {
margin-left: 1em;
}
&:nth-last-child(2) {
border: none;
}
}
}