Skip to content

Instantly share code, notes, and snippets.

@trevorrjohn
Last active November 11, 2019 17:34
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save trevorrjohn/4920de713e46a5967f51af2232ef7d8f to your computer and use it in GitHub Desktop.
Save trevorrjohn/4920de713e46a5967f51af2232ef7d8f to your computer and use it in GitHub Desktop.
.relationship-list-item:hover {
a {
text-decoration: none !important;
}
.relationship-list-icon {
background: lighten($secondary-color, 15%);
}
&.selected {
border-left: 5px solid darken($secondary-color, 10%);
.relationship-list-icon {
background: darken($secondary-color, 10%);
}
}
border-left: 5px solid lighten($secondary-color, 15%);
}
<ul>
<li class="relationship-list-item selected">
<a><i class="relationship-list-icon"/></a>
</li>
<li class="relationship-list-item">
<a><i class="relationship-list-icon"/></a>
</li>
</ul>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment