search

nfreear / nfreear-blog

My (re-developed) personal blog. A work-in-progress! —
https://nick.freear.org.uk
MIT License
0 stars 1 forks source link

Social media profiles – link list + CSS #18

Closed nfreear closed 9 years ago

nfreear commented 9 years ago

SCSS/SASS mixin:

@mixin icon ($domain, $favicon) {

    & [ href *= "#{$domain}" ] {
        background-image: url($favicon);
    }
}

Usage -- SCSS:

.pg-profile {

    ul:nth-of-type( 1 ) {
        margin: 1.7em 10px;
        list-style: none;
    }

    ul:nth-of-type( 1 ) a[ href *= ":" ] {
        padding-left: 30px;
        background-repeat: no-repeat;
        background-position: left;
        background-size: 18px 18px;
    }

    @include icon( "open.ac.uk", "http://www3.open.ac.uk/favicon.ico" );

// ...
}