mirror of
https://github.com/home-assistant/home-assistant.io.git
synced 2025-06-16 23:26:50 +00:00
33 lines
775 B
SCSS
33 lines
775 B
SCSS
@if $use-link-complex == true{
|
|
|
|
/*------------------------------------*\
|
|
$LINK-COMPLEX
|
|
\*------------------------------------*/
|
|
/**
|
|
* As inspired by @necolas:
|
|
* github.com/necolas/suit-utils/blob/master/link.css#L18
|
|
*
|
|
* Add hover behaviour to only selected items within links, e.g.:
|
|
*
|
|
<a href=log-in class=link-complex>
|
|
<i class="s s--user"></i>
|
|
<span class=link-complex__target>Log in</span>
|
|
</a>
|
|
*
|
|
* Demo: jsfiddle.net/inuitcss/rt9M3
|
|
*
|
|
*/
|
|
.link-complex,
|
|
.link-complex:hover,
|
|
.link-complex:active,
|
|
.link-complex:focus{
|
|
text-decoration:none;
|
|
}
|
|
.link-complex:hover .link-complex__target,
|
|
.link-complex:active .link-complex__target,
|
|
.link-complex:focus .link-complex__target{
|
|
text-decoration:underline;
|
|
}
|
|
|
|
}//endif
|