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

Compare commits

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

5 Commits
8ae8a63267 ... 4fa09193d8

Author SHA1 Message Date
Ray Elliott 4fa09193d8 adjust letter spacing of links and add margin 2020-02-19 15:55:34 +00:00
Ray Elliott 64c23a13f8 update link color to blue 2020-02-19 15:37:07 +00:00
Ray Elliott 6e4b275b0d style dark mode meta-tags 2020-02-19 15:22:28 +00:00
Ray Elliott 5603cfc17e use theme colours for meta tags 2020-02-19 15:12:02 +00:00
Ray Elliott 17dfcf002b remove width from font awesome icons 2020-02-19 12:13:12 +00:00
4 changed files with 39 additions and 13 deletions
Show Stats Expand all files Collapse all files

2
assets/scss/_base.scss
View File

@ -29,6 +29,8 @@ 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,28 +82,37 @@
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
p a:link {
font-weight: bold;
font-size: 0.95em;
}
} }
.meta-tag { div.content .meta-tag {
padding: 0 12px; padding: 0 12px;
margin: 3px; margin: 3px;
border: 1px solid #eaeaea; border: 1px solid darken($bg-color, 7%);
border-radius: 1px; border-radius: 1px;
background-color: #ededed; background-color: darken($bg-color, 5%);
color: #333; color: $fg-color;
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: #999; color: lighten($link-color, 20%);
.icon {
color: $link-color;
}
} }
i { i {
@ -193,7 +202,6 @@
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,7 +1,5 @@
@mixin content_dark { @mixin content_dark {
.content { .content {
.list { .list {
ul { ul {
li { li {
@ -31,16 +29,34 @@
} }
} }
} }
}
.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: #464f56 !default; $link-color: #0862da !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: #464f56 !default; $link-color-dark: #2381ff !default;