Skip to content

Instantly share code, notes, and snippets.

@alisspers

alisspers/flag-markup.html

Last active August 29, 2015 14:05
Download ZIP

Revisions

  1. Anders Lisspers revised this gist Aug 14, 2014. 1 changed file with 6 additions and 2 deletions.
    8 changes: 6 additions & 2 deletions flag-markup.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,9 @@
    <ul class="network-list">
    <li class="network-node austria"><a href="#">Austria</a></li>
    <li class="network-node belgium"><a href="#">Belgium</a></li>
    <li class="network-node austria">
    <a href="#">Austria</a>
    </li>
    <li class="network-node belgium">
    <a href="#">Belgium</a>
    </li>
    <!-- […] -->
    </ul>
  2. Anders Lisspers revised this gist Aug 14, 2014. 1 changed file with 5 additions and 0 deletions.
    5 changes: 5 additions & 0 deletions flag-markup.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,5 @@
    <ul class="network-list">
    <li class="network-node austria"><a href="#">Austria</a></li>
    <li class="network-node belgium"><a href="#">Belgium</a></li>
    <!-- […] -->
    </ul>
  3. Anders Lisspers renamed this gist Aug 14, 2014. 1 changed file with 0 additions and 0 deletions.
    0 loop-flags.scss → sass-loops.scss
    View file
    File renamed without changes.
  4. Anders Lisspers created this gist Aug 14, 2014.
    29 changes: 29 additions & 0 deletions loop-flags.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,29 @@
    // _settings.scss
    $countries: (
    austria,
    belgium,
    denmark,
    europe,
    finland,
    france,
    germany,
    great-britain,
    italy,
    netherlands,
    norway,
    spain,
    sweden,
    switzerland,
    );


    // _footer.scss
    .network-node {
    a:before {
    // [common css for all flags]
    }

    @each $country in $countries {
    &.#{$country} a:before { @include sprite($flags, #{$country}); }
    }
    }