Added pseudo-stroke to header text

This commit is contained in:
Roman Cervantes 2019-11-27 20:31:58 -07:00
parent 0f60a4d367
commit 68ef0e0fcb
2 changed files with 9 additions and 2 deletions

View file

@ -7,7 +7,7 @@
> >
<img src="/static/gamebrary-logo.png" > <img src="/static/gamebrary-logo.png" >
{{ title }} <span>{{ title }}</span>
</router-link> </router-link>
<settings v-if="showSettings" /> <settings v-if="showSettings" />
@ -79,6 +79,13 @@ export default {
margin-left: -$gp; margin-left: -$gp;
text-transform: capitalize; text-transform: capitalize;
> span {
text-shadow: -1px -1px 0 var(--body-background),
1px -1px 0 var(--body-background),
-1px 1px 0 var(--body-background),
1px 1px 0 var(--body-background);
}
img { img {
height: 24px; height: 24px;
margin-right: $gp / 4; margin-right: $gp / 4;

View file

@ -4,7 +4,7 @@
--danger-text-color: #{darken(#ea550b, 30%)}; --danger-text-color: #{darken(#ea550b, 30%)};
--game-card-background: #{lighten(#714a2f, 5%)}; --game-card-background: #{lighten(#714a2f, 5%)};
--game-card-text-color: #{lighten(#714a2f, 50%)}; --game-card-text-color: #{lighten(#714a2f, 50%)};
--header-text-color: #{darken(#287135, 15%)}; --header-text-color: #{lighten(#0e5135, 50%)};
--accent-color: #ffda00; --accent-color: #ffda00;
--list-background: #{darken(#714a2f, 5%)}; --list-background: #{darken(#714a2f, 5%)};
--list-header-background: #{darken(#714a2f, 10%)}; --list-header-background: #{darken(#714a2f, 10%)};