Fix collapsing floats

This commit is contained in:
Michael Rose 2016-03-23 16:33:21 -04:00
parent 6e12c95067
commit 7f42a0e4c2
2 changed files with 27 additions and 11 deletions

View file

@ -1,11 +1,13 @@
<h4 class="page__comments-title">{{ site.data.ui-text[site.locale].comments_label }}</h4>
{% case site.comments.provider %}
{% when "disqus" %}
<section id="disqus_thread"></section>
{% when "facebook" %}
<section class="fb-comments" data-href="{{ base_path }}{{ page.url }}" data-mobile="true" data-num-posts="{{ site.comments.facebook.num_posts | default: 5 }}" data-width="100%" data-colorscheme="{{ site.comments.facebook.colorscheme | default: 'light' }}"></section>
{% when "google-plus" %}
<section class="g-comments" data-href="{{ base_path }}{{ page.url }}" data-first_party_property="BLOGGER" data-view_type="FILTERED_POSTMOD">Loading Google+ Comments ...</section>
{% when "custom" %}
<section id="comments"></section>
{% endcase %}
<div class="page__comments">
<h4 class="page__comments-title">{{ site.data.ui-text[site.locale].comments_label }}</h4>
{% case site.comments.provider %}
{% when "disqus" %}
<section id="disqus_thread"></section>
{% when "facebook" %}
<section class="fb-comments" data-href="{{ base_path }}{{ page.url }}" data-mobile="true" data-num-posts="{{ site.comments.facebook.num_posts | default: 5 }}" data-width="100%" data-colorscheme="{{ site.comments.facebook.colorscheme | default: 'light' }}"></section>
{% when "google-plus" %}
<section class="g-comments" data-href="{{ base_path }}{{ page.url }}" data-first_party_property="BLOGGER" data-view_type="FILTERED_POSTMOD">Loading Google+ Comments ...</section>
{% when "custom" %}
<section id="comments"></section>
{% endcase %}
</div>

View file

@ -35,6 +35,15 @@
@include prefix(0.5 of 12);
padding-right: $right-sidebar-width-wide;
}
.page__inner-wrap {
.page__content,
.page__meta,
.page__share {
@include clearfix();
@include full();
}
}
}
.page__title {
@ -161,6 +170,11 @@
Comments
========================================================================== */
.page__comments {
@include clearfix();
@include full();
}
.page__comments-title {
font-size: 14px;
margin-top: 2rem;