Commander1024/lostplaces-frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

#48 Better Link Styling

Browse Source
This commit is contained in:
reverend
2021-07-31 11:44:52 +02:00
parent e906065d47
commit 5c7136bcbf
3 changed files with 10 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
components/01_Atoms/link/_link.scss
View File

@@ -1,16 +1,10 @@
.LP-Link { .LP-Link {
color: $-grey; color: $-light-brown;
text-decoration: none; text-decoration: none;
font-family: $-primary-sans-serif-font; font-family: $-primary-serif-font;
&:hover { &:hover {
color: $-light-brown; color: $-grey;
} text-decoration: underline;
.LP-Paragraph{
font-family: $-primary-sans-serif-font;
&:hover{
color: $-light-brown;
}
} }
} }

2
components/01_Atoms/link/link.config.json
View File

@@ -1,6 +1,6 @@
{ {
"context": { "context": {
"url": "#", "url": "#",
"text": "Click Me" "text": "click me"
} }
} }

4
components/01_Atoms/link/link.hbs
View File

@@ -1 +1,5 @@
<p class="LP-Paragraph">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr
<a href="{{url}}" class="LP-Link"><span class="LP-Link__Text">{{text}}</span></a> <a href="{{url}}" class="LP-Link"><span class="LP-Link__Text">{{text}}</span></a>
sanctus est Lorem ipsum dolor sit amet
</p>