ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-20 11:45:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Design: clean up some spacing issues

Browse Source
This commit is contained in:
mDuo13
2019-05-14 01:36:23 -07:00
parent 45bcd3d00f
commit 4f2c3b5391
7 changed files with 35 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
assets/css/devportal.css
View File

@@ -291,12 +291,25 @@ body {
padding: 0 48px;
}
.section-hero.card {
.card-grid .section-hero.card {
padding-left: 0;
}
.container-fluid.section-hero {
padding: 48px 0;
}
.doc-index {
padding: 48px 0;
}
@media (max-width: 991px) {
section.container-fluid.card-grid.card-grid-3xN.doc-landing-section .card {
.landing .card-grid .card,
.landing .card-grid .card-body,
.landing .card-grid .card-header {
padding-left: 0;
}
.landing .doc-index {
padding-left: 0;
}
}
@@ -539,10 +552,7 @@ a.current {
.landing .level-1,
.landing .level-2,
.landing .curated-links li {
font-weight: 400;
font-size: 1rem;
margin-top: 0;
position: relative;
}
.landing .card .level-1 a,
@@ -566,7 +576,7 @@ a.current {
margin-top: 1rem;
}
.blurb {
.section-hero .blurb {
font-size: 1.2em;
line-height: 1.71em;
}
@@ -977,7 +987,7 @@ a.current {
padding-right: 1px;
}
.landing .card > .card-img-top {
.landing .card .card-img-top {
width: 60px;
height: 60px;
margin-left: 0;

2
assets/vendor/bootstrap.css vendored
View File

@@ -7147,6 +7147,8 @@ h3 a:hover {
.landing .curated-links a,
.landing .curated-links a:hover,
.landing .children-display a,
.landing .children-display a:hover,
.landing a.card,
.xrpl-footer a {
color: #1B1818; }

2
tool/template-breadcrumbs.html
View File

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

18
tool/template-home.html
View File

@@ -17,7 +17,7 @@
{% block main %}
<section class="container-fluid card-grid card-grid-2x2">
<div class="section-hero card pl-0 justify-content-end">
<div class="section-hero card justify-content-end">
<div>
<h1 class="display-4">Powering the Internet of Value.</h1>
<div class="blurb">
@@ -123,42 +123,42 @@
</div><!--/.section-hero-->
<a href="xrp-ledger-overview.html#the-digital-asset-for-payments" class="card">
<img class="card-img-top" src="assets/img/icon-xrp-digital-asset.svg" alt="(digital asset icon)" />
<div class="card-header"><img class="card-img-top" src="assets/img/icon-xrp-digital-asset.svg" alt="(digital asset icon)" /></div>
<div class="card-footer"><h3>The Digital Asset for Payments</h3></div>
</a><!--/.card-->
<a href="xrp-ledger-overview.html#censorship-resistant-transaction-processing" class="card">
<img class="card-img-top" src="assets/img/icon-xrp-censorship-resistant.svg" alt="(censorship resistance icon)" />
<div class="card-header"><img class="card-img-top" src="assets/img/icon-xrp-censorship-resistant.svg" alt="(censorship resistance icon)" /></div>
<div class="card-footer"><h3>Censorship-Resistant Transaction Processing</h3></div>
</a><!--/.card-->
<a href="xrp-ledger-overview.html#fast-efficient-consensus-algorithm" class="card">
<img class="card-img-top" src="assets/img/icon-xrp-fast-algorithm.svg" alt="(consensus algorithm icon)" />
<div class="card-header"><img class="card-img-top" src="assets/img/icon-xrp-fast-algorithm.svg" alt="(consensus algorithm icon)" /></div>
<div class="card-footer"><h3>Fast, Efficient Consensus Algorithm</h3></div>
</a><!--/.card-->
<a href="xrp-ledger-overview.html#finite-xrp-supply" class="card">
<img class="card-img-top" src="assets/img/icon-xrp-finite.svg" alt="(xrp supply icon)" />
<div class="card-header"><img class="card-img-top" src="assets/img/icon-xrp-finite.svg" alt="(xrp supply icon)" /></div>
<div class="card-footer"><h3>Finite XRP Supply</h3></div>
</a><!--/.card-->
<a href="xrp-ledger-overview.html#responsible-software-governance" class="card">
<img class="card-img-top" src="assets/img/icon-xrp-responsible.svg" alt="(governance icon)" />
<div class="card-header"><img class="card-img-top" src="assets/img/icon-xrp-responsible.svg" alt="(governance icon)" /></div>
<div class="card-footer"><h3>Responsible Software Governance</h3></div>
</a><!--/.card-->
<a href="xrp-ledger-overview.html#secure-adaptable-cryptography" class="card">
<img class="card-img-top" src="assets/img/icon-xrp-secure.svg" alt="(cryptography icon)" />
<div class="card-header"><img class="card-img-top" src="assets/img/icon-xrp-secure.svg" alt="(cryptography icon)" /></div>
<div class="card-footer"><h3>Secure, Adaptable Cryptography</h3></div>
</a><!--/.card-->
<a href="xrp-ledger-overview.html#modern-features-for-smart-contracts" class="card">
<img class="card-img-top" src="assets/img/icon-xrp-modern-smart-contracts.svg" alt="(smart contracts icon)" />
<div class="card-header"><img class="card-img-top" src="assets/img/icon-xrp-modern-smart-contracts.svg" alt="(smart contracts icon)" /></div>
<div class="card-footer"><h3>Modern Features for Smart Contracts</h3></div>
</a><!--/.card-->
<a href="xrp-ledger-overview.html#on-ledger-decentralized-exchange" class="card">
<img class="card-img-top" src="assets/img/icon-xrp-on-ledger-decentralized.svg" alt="(decentralized exchange icon)" />
<div class="card-header"><img class="card-img-top" src="assets/img/icon-xrp-on-ledger-decentralized.svg" alt="(decentralized exchange icon)" /></div>
<div class="card-footer"><h3>On-Ledger Decentralized Exchange</h3></div>
</a><!--/.card-->

4
tool/template-landing-docs.html
View File

@@ -3,7 +3,7 @@
{% block mainclasses %}landing{% endblock %}
{% block main %}
<section class="container-fluid bg-white pl-0 pb-4 pt-2">
<section class="container-fluid bg-white section-hero pb-4 pt-2">
<h1 class="main-page-header">XRP Ledger Documentation</h1>
<p class="blurb">Dive into our documentation and start integrating with the XRP Ledger.</p>
<p class="blurb">Browse by category, or skip straight to the <a href="#full-doc-index">full documentation index</a>.</p>
@@ -40,7 +40,7 @@
</section>
<section class="container-fluid p-3 p-sm-4 pl-0">
<section class="container-fluid doc-index">
<h2 id="full-doc-index">Full Documentation Index</h2>
<div class="row">
<div class="col-md-8">

4
tool/template-landing-references.html
View File

@@ -3,7 +3,7 @@
{% block mainclasses %}landing{% endblock %}
{% block main %}
<section class="container-fluid bg-white p-3 px-sm-4 pb-sm-4">
<section class="container-fluid bg-white section-hero">
<h1 class="main-page-header">References</h1>
<p class="blurb">{{currentpage.blurb}}</p>
<p class="blurb">Or, skip ahead to the <a href="#full-reference-index">Full Reference Index</a>.</p>
@@ -52,7 +52,7 @@
</section>
<section class="container-fluid p-3 p-sm-4">
<section class="container-fluid doc-index">
<h2 id="full-reference-index">Full Reference Index</h2>
<div class="row">
<div class="col-md-8">

2
tool/xrpl.scss
View File

@@ -208,6 +208,8 @@ h3 a:hover {
.landing .curated-links a,
.landing .curated-links a:hover,
.landing .children-display a,
.landing .children-display a:hover,
.landing a.card,
.xrpl-footer a {
color: $black;