#48 Better Link Styling
This commit is contained in:
parent
e906065d47
commit
5c7136bcbf
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"context": {
|
||||
"url": "#",
|
||||
"text": "Click Me"
|
||||
"text": "click me"
|
||||
}
|
||||
}
|
@ -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>
|
Loading…
Reference in New Issue
Block a user