FediMovies/fedimovies-web
1
1
Fork 0
Code Pull requests Activity

Change color of links in posts

Browse source
This commit is contained in:
silverpill 2022-02-16 21:05:34 +00:00
parent 337e3f0c6e
commit b98e2db452
3 changed files with 19 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/components/Post.vue
View file

@ -581,12 +581,21 @@ export default class PostComponent extends Vue {
flex-wrap: wrap; flex-wrap: wrap;
gap: 0.25em; gap: 0.25em;
padding: $block-inner-padding / 4 $block-inner-padding 0; padding: $block-inner-padding / 4 $block-inner-padding 0;
a {
@include block-link;
}
} }
.post-content { .post-content {
color: $text-color; color: $text-color;
line-height: 1.5; line-height: 1.5;
padding: $block-inner-padding; padding: $block-inner-padding;
word-wrap: break-word;
:deep(a) {
@include block-link;
}
:deep(pre), :deep(pre),
:deep(code) { :deep(code) {

8
src/styles/_mixins.scss
View file

@ -23,6 +23,14 @@
} }
} }
@mixin block-link {
color: $block-link-color;
&:hover {
color: $block-link-hover-color;
}
}
@mixin post-action { @mixin post-action {
display: flex; display: flex;
font-weight: bold; font-weight: bold;

2
src/styles/_theme.scss
View file

@ -25,5 +25,7 @@ $btn-shadow: 2px 5px 10px -5px #B7B5B5;
$block-border-radius: 15px; $block-border-radius: 15px;
$block-background-color: #fff; $block-background-color: #fff;
$block-link-color: #6c491c;
$block-link-hover-color: #1A0000;
$separator-color: $background-color; $separator-color: $background-color;
$shadow: 0 2px 16px -9px #C3C4C7; $shadow: 0 2px 16px -9px #C3C4C7;