College of Business Style Guide

Magazine Right Sidebar 

<nav class="magazine_right">
    <h2 class="magazine_taxonomy"><a href="https://lehigh.edu">Heading 1</a></h2>
    <ul class="magazine_stories_heading">
        <li><a href="#">Article Title</a></li>
        <li><a href="#">Article Title</a></li>
        <li><a href="#">Article Title</a></li>
    </ul>
    <h2 class="magazine_taxonomy"><a href="https://lehigh.edu">Heading 1</a></h2>
    <ul class="magazine_stories_heading">
        <li><a href="#">Article Title</a></li>
        <li><a href="#">Article Title</a></li>
        <li><a href="#">Article Title</a></li>
    </ul>
    <h2 class="magazine_taxonomy"><a href="https://lehigh.edu">Heading 1</a></h2>
    <ul class="magazine_stories_heading">
        <li><a href="#">Article Title</a></li>
        <li><a href="#">Article Title</a></li>
        <li><a href="#">Article Title</a></li>
    </ul>
</nav>
 
<nav class="magazine_right">
  {% for magazine_group in magazine_groups %}
  <h2 class="magazine_taxonomy"><a href="{{ magazine_group.taxonomy_url }}">{{ magazine_group.magazine_taxonomy }}</a></h2>
  <ul class="magazine_stories_heading">
    {% for magazine_story in magazine_group.magazine_storys %}
    <li><a href="{{ magazine_story.story_url }}">{{ magazine_story.story_headline }}</a></li>
    {% endfor %}
  </ul>
  {% endfor %}
</nav>
 
{
  "magazine_groups": {
    "1": {
      "magazine_taxonomy": "Heading 1",
      "taxonomy_url": "https://lehigh.edu",
      "magazine_storys": {
        "1": {
          "story_headline": "Article Title",
          "story_url": "#"
        },
        "2": {
          "story_headline": "Article Title",
          "story_url": "#"
        },
        "3": {
          "story_headline": "Article Title",
          "story_url": "#"
        }
      }
    },
    "2": {
      "magazine_taxonomy": "Heading 1",
      "taxonomy_url": "https://lehigh.edu",
      "magazine_storys": {
        "1": {
          "story_headline": "Article Title",
          "story_url": "#"
        },
        "2": {
          "story_headline": "Article Title",
          "story_url": "#"
        },
        "3": {
          "story_headline": "Article Title",
          "story_url": "#"
        }
      }
    },
    "3": {
      "magazine_taxonomy": "Heading 1",
      "taxonomy_url": "https://lehigh.edu",
      "magazine_storys": {
        "1": {
          "story_headline": "Article Title",
          "story_url": "#"
        },
        "2": {
          "story_headline": "Article Title",
          "story_url": "#"
        },
        "3": {
          "story_headline": "Article Title",
          "story_url": "#"
        }
      }
    }
  }
}
  • Content: 
    .magazine-article-listing {
  padding: $space;
  background-color: $lehigh-brown_10;
  // text-align: center;
  max-width: 42em;
  border-top: 10px solid $gold;

  .magazine_taxonomy,
  .magazine-taxonomy {
    font-size: 1.4rem;
    margin: 0;
  }

  .magazine_stories_heading,
  .magazine-stories-heading {
    margin: $space-one-half 0 $space-and-one-half 0;
    // text-align: right;
  }

  a {
    color: $grey_darkest;
  }

  ul {
    li {
      // text-align: center;
      margin-bottom: $space-one-half;
    }
  }
}
  • URL: /components/raw/magazine_right/magazine_right.scss
  • Filesystem Path: components/03-sections/29-magazine_right/magazine_right.scss
  • Size: 524 Bytes

No notes defined.