JMT Alimentation Animal
Project version : 1.0.3

Link alt 

<a href="#" class="link--alt">This is a link</a>
 
<a href="{{link.href}}" class="link--alt">{{link.text}}</a>
 
{
  "link": {
    "href": "#",
    "text": "This is a link"
  }
}
  • Content: 
    a {
    color: $c-link-color;
    transition: all .2s;
    
    &:hover,
    &:focus {
        color: $c-link-hover-color;
    }

    &.link--alt {
        color: $c-link-alt-color;
        &:hover,
        &:focus {
            color: $c-link-alt-hover-color;
        }
    }
}

.main-nav > ul > li > a {
    display: block;
    padding: .5rem 0;
    margin:  0;

    font-family: $font-secondary;
    
	color: $c-brown-dark;
    text-decoration: none;
    
    transition: all .2s;
	@include mediaWQuery($media-query-m) {
        display: inline-block;
        padding: $margin-s $margin-l;
        font-family: $font-primary;
        font-size: rem(21);
    }
    
    &:hover,
    &:focus {
        color: $c-nav-link;
        text-decoration: none;
    }
}
  • URL: /components/raw/link/_link.scss
  • Filesystem Path: components/04-elements/01-typography/04-link/_link.scss
  • Size: 761 Bytes

There are no notes for this item.