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 ----------------------------------------------------------- */
.navbar {
.navbar.fixed-top {
font-weight: 300;
border-bottom: 1px solid #C9CDD1;
}
.navbar-brand {
@@ -135,12 +136,14 @@ th {
margin-top: 32px;
line-height: 1.2;
}
.content h1:first-child {
.content h1:first-child,
.landing section:first-of-type h1:first-child {
margin-top: 0;
line-height: 1.2;
}
.content h1:first-child:before {
margin-top: -100px;
.content h1:first-child:before,
.landing section:not(.splash-head):first-of-type h1:first-child:before {
margin-top: -90px;
}
.content h2 {
margin-top: 28px;
@@ -555,6 +558,7 @@ a.current {
}
.breadcrumbs-wrap .breadcrumb {
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">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
{% if currentpage.funnel and currentpage != pages|selectattr('funnel', 'equalto', currentpage.funnel)|first %}

View File

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

View File

@@ -3,12 +3,14 @@
{% block mainclasses %}landing{% endblock %}
{% 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>
<div class="blurb">
<p>Dive into our documentation and start integrating with the XRP Ledger.</p>
</div>
</section>
<section class="container-fluid bg-light p-3 px-sm-5">
<div class="card-deck p-2">
{% set doc_types = [] %}
{% for page in pages %}
@@ -86,7 +88,7 @@
</section>
<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="col-md-8">
{% set parent_page = currentpage %}

View File

@@ -3,11 +3,12 @@
{% block mainclasses %}landing{% endblock %}
{% 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>
<p class="blurb">{{currentpage.blurb}}</p>
</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>
<div class="blurb">