rayelliott
/
hugo-coder-fork
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Compare commits

base: rayelliott:4fa09193d826ba3287a3b78abc405783f9b04675
Branches Tags
rayelliott:master
rayelliott:dev
..
compare: rayelliott:8ae8a63267b024ebfd62e44602bb4041c6909c1e
Branches Tags
rayelliott:master
rayelliott:dev

No commits in common. "4fa09193d826ba3287a3b78abc405783f9b04675" and "8ae8a63267b024ebfd62e44602bb4041c6909c1e" have entirely different histories.
4fa09193d8 ... 8ae8a63267

4 changed files with 13 additions and 39 deletions
Show Stats Expand all files Collapse all files

2
assets/scss/_base.scss
View File

@ -29,8 +29,6 @@ a {
font-family: $text-font-family; font-family: $text-font-family;
font-weight: $text-font-weight; font-weight: $text-font-weight;
color: $link-color; color: $link-color;
letter-spacing: 0.3px;
margin: 0 1px;
text-decoration: none; text-decoration: none;
&:focus, &:focus,
&:hover { &:hover {

20
assets/scss/_content.scss
View File

@ -82,37 +82,28 @@
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
p a:link {
font-weight: bold;
font-size: 0.95em;
}
} }
div.content .meta-tag { .meta-tag {
padding: 0 12px; padding: 0 12px;
margin: 3px; margin: 3px;
border: 1px solid darken($bg-color, 7%); border: 1px solid #eaeaea;
border-radius: 1px; border-radius: 1px;
background-color: darken($bg-color, 5%); background-color: #ededed;
color: $fg-color; color: #333;
i { i {
font-size: 0.9em; font-size: 0.9em;
} }
&--link { &--link {
color: $link-color;
font-size: 0.8em; font-size: 0.8em;
text-decoration: underline; text-decoration: underline;
&:hover { &:hover {
opacity: 1; opacity: 1;
color: lighten($link-color, 20%); color: #999;
.icon {
color: $link-color;
}
} }
i { i {
@ -202,6 +193,7 @@ div.content .meta-tag {
i { i {
font-size: 1em; font-size: 1em;
text-align: center; text-align: center;
width: 1.6rem;
margin-left: 0; margin-left: 0;
margin-right: 0.5rem; margin-right: 0.5rem;
} }

26
assets/scss/_content_dark.scss
View File

@ -1,5 +1,7 @@
@mixin content_dark { @mixin content_dark {
.content { .content {
.list { .list {
ul { ul {
li { li {
@ -29,34 +31,16 @@
} }
} }
} }
.meta-tag {
color: darken($fg-color-dark, 35%);
background-color: lighten($bg-color-dark, 5%);
border: 0;
&--link {
color: $link-color-dark;
&:hover {
opacity: 1;
color: lighten($link-color-dark, 15%);
.icon {
color: $link-color-dark;
}
}
}
}
} }
} }
body.colorscheme-dark { body.colorscheme-dark {
@include content_dark(); @include content_dark()
} }
body.colorscheme-auto { body.colorscheme-auto {
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
@include content_dark(); @include content_dark()
} }
} }

4
assets/scss/_variables.scss
View File

@ -14,11 +14,11 @@ $bg-color: #fafafa !default;
$fg-color: #212121 !default; $fg-color: #212121 !default;
$alt-bg-color: #e0e0e0 !default; $alt-bg-color: #e0e0e0 !default;
$alt-fg-color: #000 !default; $alt-fg-color: #000 !default;
$link-color: #0862da !default; $link-color: #464f56 !default;
// Colors dark // Colors dark
$bg-color-dark: #212121 !default; $bg-color-dark: #212121 !default;
$fg-color-dark: #dadada !default; $fg-color-dark: #dadada !default;
$alt-bg-color-dark: #424242 !default; $alt-bg-color-dark: #424242 !default;
$alt-fg-color-dark: #dadada !default; $alt-fg-color-dark: #dadada !default;
$link-color-dark: #2381ff !default; $link-color-dark: #464f56 !default;