Consistent breadcrumb spacing (as long as content's first header is h1)

This commit is contained in:
mDuo13
2018-05-07 16:54:40 -07:00
parent eb7817ddcc
commit a5141b9568
5 changed files with 21 additions and 15 deletions

View File

@@ -25,8 +25,9 @@ th {
/* Top navigation ----------------------------------------------------------- */ /* Top navigation ----------------------------------------------------------- */
.navbar { .navbar.fixed-top {
font-weight: 300; font-weight: 300;
border-bottom: 1px solid #C9CDD1;
} }
.navbar-brand { .navbar-brand {
@@ -135,12 +136,14 @@ th {
margin-top: 32px; margin-top: 32px;
line-height: 1.2; line-height: 1.2;
} }
.content h1:first-child { .content h1:first-child,
.landing section:first-of-type h1:first-child {
margin-top: 0; margin-top: 0;
line-height: 1.2; line-height: 1.2;
} }
.content h1:first-child:before { .content h1:first-child:before,
margin-top: -100px; .landing section:not(.splash-head):first-of-type h1:first-child:before {
margin-top: -90px;
} }
.content h2 { .content h2 {
margin-top: 28px; margin-top: 28px;
@@ -555,6 +558,7 @@ a.current {
} }
.breadcrumbs-wrap .breadcrumb { .breadcrumbs-wrap .breadcrumb {
padding: 0; padding: 0;
margin-bottom: 0;
} }

View File

@@ -1,4 +1,4 @@
<nav class="breadcrumbs-wrap px-3 px-sm-5" aria-label="breacrumb"> <nav class="breadcrumbs-wrap {% if currentpage.sidebar == 'disabled' %}p-3 px-sm-5{% else %}p-3{% endif %}" aria-label="breacrumb">
<ul class="breadcrumb bg-white"> <ul class="breadcrumb bg-white">
<li class="breadcrumb-item"><a href="index.html">Home</a></li> <li class="breadcrumb-item"><a href="index.html">Home</a></li>
{% if currentpage.funnel and currentpage != pages|selectattr('funnel', 'equalto', currentpage.funnel)|first %} {% if currentpage.funnel and currentpage != pages|selectattr('funnel', 'equalto', currentpage.funnel)|first %}

View File

@@ -3,11 +3,11 @@
{% block main %} {% block main %}
{% if content %} {% if content %}
<section class="p-3"> <article class="p-3">
<div class='content'> <div class='content'>
{{ content }} {{ content }}
</div> </div>
</section> </article>
<section class="p-3"> <section class="p-3">
<h2>Children of this page:</h2> <h2>Children of this page:</h2>
@@ -18,14 +18,13 @@
{% else %} {% else %}
<section class="p-3"> <section class="p-3">
<h1 class="main-page-header">{{ currentpage.name }}</h1> <article class="content">
<h1 id="main-page-header">{{ currentpage.name }}</h1>
<div class="content">
<p class="blurb">{{ currentpage.blurb }}</p> <p class="blurb">{{ currentpage.blurb }}</p>
{% set show_blurbs = True %} {% set show_blurbs = True %}
{% set depth= 1 %} {% set depth= 1 %}
{% include 'template-page-children.html' %} {% include 'template-page-children.html' %}
</div> </article>
</section> </section>
{% endif %} {% endif %}
{% endblock %} {% endblock %}

View File

@@ -3,12 +3,14 @@
{% block mainclasses %}landing{% endblock %} {% block mainclasses %}landing{% endblock %}
{% block main %} {% block main %}
<section class="container-fluid px-3 px-sm-5 pb-5 pt-0"> <section class="container-fluid bg-white p-3 px-sm-5">
<h1 class="main-page-header">XRP Ledger Documentation</h1> <h1 class="main-page-header">XRP Ledger Documentation</h1>
<div class="blurb"> <div class="blurb">
<p>Dive into our documentation and start integrating with the XRP Ledger.</p> <p>Dive into our documentation and start integrating with the XRP Ledger.</p>
</div> </div>
</section>
<section class="container-fluid bg-light p-3 px-sm-5">
<div class="card-deck p-2"> <div class="card-deck p-2">
{% set doc_types = [] %} {% set doc_types = [] %}
{% for page in pages %} {% for page in pages %}
@@ -86,7 +88,7 @@
</section> </section>
<section class="container-fluid p-3 p-lg-5"> <section class="container-fluid p-3 p-lg-5">
<h2>Full Documentation Index</h2> <h2 id="full-doc-index">Full Documentation Index</h2>
<div class="row"> <div class="row">
<div class="col-md-8"> <div class="col-md-8">
{% set parent_page = currentpage %} {% set parent_page = currentpage %}

View File

@@ -3,11 +3,12 @@
{% block mainclasses %}landing{% endblock %} {% block mainclasses %}landing{% endblock %}
{% block main %} {% block main %}
<section class="container-fluid px-5 pb-3 pt-0"> <section class="container-fluid bg-white p-3 px-sm-5">
<h1 class="main-page-header">References</h1> <h1 class="main-page-header">References</h1>
<p class="blurb">{{currentpage.blurb}}</p>
</section> </section>
<section class="container-fluid bg-light p-5"> <section class="container-fluid bg-light p-3 px-sm-5">
<h2><a href="rippled-api.html">rippled API Reference</a></h2> <h2><a href="rippled-api.html">rippled API Reference</a></h2>
<div class="blurb"> <div class="blurb">