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> <div class="page__comments">
{% case site.comments.provider %} <h4 class="page__comments-title">{{ site.data.ui-text[site.locale].comments_label }}</h4>
{% when "disqus" %} {% case site.comments.provider %}
{% when "disqus" %}
<section id="disqus_thread"></section> <section id="disqus_thread"></section>
{% when "facebook" %} {% 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> <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" %} {% 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> <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" %} {% when "custom" %}
<section id="comments"></section> <section id="comments"></section>
{% endcase %} {% endcase %}
</div>

View file

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