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

#48 Better Link Styling

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
Show Stats 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 {
color: $-grey;
color: $-light-brown;
text-decoration: none;
font-family: $-primary-sans-serif-font;
font-family: $-primary-serif-font;
&:hover {
color: $-light-brown;
}
.LP-Paragraph{
font-family: $-primary-sans-serif-font;
&:hover{
color: $-light-brown;
}
color: $-grey;
text-decoration: underline;
}
}

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

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

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

@ -1 +1,5 @@
<a href="{{url}}" class="LP-Link"><span class="LP-Link__Text">{{text}}</span></a>
<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>
sanctus est Lorem ipsum dolor sit amet
</p>