Davidson Styleguide

News Story 

<div class="news-story">
    <div class="editorial">
        <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam egestas neque ut enim accumsan, at laoreet eros gravida. Duis bibendum dapibus massa, laoreet viverra orci vulputate quis. Vestibulum convallis mi nec egestas dictum.
        </p>
        <p>
            Suspendisse blandit tortor ligula, id dictum lacus vestibulum eget. Vestibulum elementum, elit non pellentesque dignissim, augue odio tincidunt lacus, et tincidunt lectus justo id ante. Proin eu ex nisl. Nullam ac tortor ut nisi aliquam tristique. Vivamus
            vel suscipit metus. Ut id dui dictum nulla tincidunt mollis tempus nec velit. Aliquam a commodo sapien. Sed tincidunt, velit a viverra ornare, sapien dui euismod leo, eu viverra magna mauris vitae enim. In id nulla eu elit tristique egestas
            at nec ipsum. Nullam in mattis mi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
        </p>
        <p>
            Curabitur ut congue arcu. Cras porta mauris dolor, congue sagittis arcu sollicitudin in. Ut finibus mattis bibendum. Morbi volutpat risus sit amet leo lacinia, nec tincidunt nunc finibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
            posuere cubilia Curae; Praesent vitae sem ultrices nibh gravida consequat. Integer ultricies, tellus at fermentum volutpat, felis felis vestibulum nibh, ac bibendum nisi lacus vitae lorem.
        </p>
        <p>
            Nunc eu condimentum diam, a suscipit libero. Vestibulum dapibus nisl felis, vel semper ex euismod quis.
        </p>
    </div>
</div>
 
<div class="news-story">
    <div class="editorial">
    {% block news_story %}
        {% include '@story-short' %}
    {% endblock %}
    </div>
</div>
 
/* No context defined for this component. */
  • Content: 
    .news-story {

    @include end-glyph;

    @include rr-break-directive(l) {
        // max-width: rem(560px);
        // margin-left: $news-story-bump-in;
    }

    p {
        @include rr-font-compute(l, medium);
    }

    figure,
    .pullquote,
    .pulltext,
    .testimonial {
        margin-bottom: rr-gridbase(4);
    }

    .editorial.editorial--aside-left {
        aside {
            @include rr-break-directive(l) {
                margin-left: rem(-80px);
            }
        }
    }
}
  • URL: /components/raw/news-story/news-story.scss
  • Filesystem Path: patterns/molecules/text/news-story/news-story.scss
  • Size: 503 Bytes

There are no notes for this item.