Some spacing adjustments

This commit is contained in:
mDuo13
2020-09-15 18:28:57 -07:00
parent 9d4040465a
commit 2d4a2fe7d4
14 changed files with 29 additions and 19 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -3,7 +3,7 @@
.xrpl-footer {
>:first-child {
border-top: 1px solid white;
padding: 100px 48px 48px 48px;
padding: 54px 48px 48px 48px;
}
.absolute_bottom_footer {

View File

@@ -99,10 +99,6 @@
.mb-40 {
margin-bottom: 10rem;
}
.my-40 {
margin-top: 10rem;
margin-bottom: 10rem;
}
.mb-49 {
margin-bottom: 12.25rem;
}
@@ -128,6 +124,9 @@
.top-10 {
top: 2.5rem;
}
.last-section {
margin-bottom: 100px;
}
/* TEXT HELPERS */
.va-middle {

View File

@@ -176,7 +176,10 @@
border-bottom: none;
}
.marketing-wrapper {
margin-top: 10rem;
margin-bottom: 6rem;
}
.landing .card .card-img-top {

View File

@@ -42,6 +42,14 @@
font-weight: 700;
box-shadow: inset 0 -1px 0 0 #000;
}
@include media-breakpoint-only(lg) {
padding: 1rem 1.15rem;
&.github-edit {
padding-left: 40px;
}
}
}
// Buttons in top nav
.btn-outline-secondary {

View File

@@ -254,7 +254,7 @@
</div>
<div class="container my-20">
<section class="row mb-49">
<section class="row last-section">
<div class="col-sm-7 col-sm-offset-5">
<h4>{% trans %}Breaking Down Individual Transactions{% endtrans %}</h4>
<p>{% trans %}Looking at individual transactions below, compare how a single transaction across each form of currency equates to KWh, gallons of gas and C02 emissions.{% endtrans %}</p>

View File

@@ -18,7 +18,7 @@
{% block main %}
<div id="page-business-bg">
<img id="page-business-top" src="assets/img/backgrounds/bg-business-top.png">
<div class="container my-40 marketing-wrapper">
<div class="container marketing-wrapper">
<section class="row mb-50">
<div class="col-md-4 d-flex flex-column-reverse justify-content-end">
<h1 class="mb-10">{% trans %}Solving Real Problems Across Industries{% endtrans %}</h1>

View File

@@ -17,7 +17,7 @@
{% block main %}
<div id="page-exchanges-bg">
<div class="container my-40 marketing-wrapper">
<div class="container marketing-wrapper">
<section class="row mt-40 mb-40">
<div class="col-lg-4 d-flex flex-column-reverse justify-content-end mb-10">
<h1>{% trans %}XRP Is Traded on More Than 100 Markets and Exchanges Worldwide{% endtrans %}</h1>
@@ -31,7 +31,7 @@
</div>
</section>
<section class="mb-50 row">
<section class="row last-section">
<h5 class="ml-3 mb-3">{% trans %}Top Exchanges, according to CryptoCompare (as of August 2020):{% endtrans %}</h5>
<div class="w-100"></div>
<div class="d-flex flex-wrap w-100">

View File

@@ -16,7 +16,7 @@
{% block breadcrumbs %}{% endblock %}
{% block main %}
<div class="container my-40 marketing-wrapper">
<div class="container marketing-wrapper">
<section class="row">
<h6 class="section-marker" id="home-hero-marker">{% trans %}Scroll Down{% endtrans %}</h6>
@@ -105,7 +105,7 @@
</div>
</section>
<section class="row mb-50">
<section class="row last-section">
<h6 class="section-marker">{% trans %}Sustainability{% endtrans %}</h6>
<div class="col-sm-4 offset-sm-1 text-center">
<img class="mw-100" src="./img/green/green-graphic.png">

View File

@@ -17,7 +17,7 @@
{% block main %}
<div id="page-history-bg">
<div class="container my-40 marketing-wrapper">
<div class="container marketing-wrapper">
<img id="page-history-top" src="assets/img/backgrounds/bg-history-top.png">
<section class="row mt-40 mb-40">
<div class="col-sm-4 mb-10">

View File

@@ -88,7 +88,7 @@
</div>
</section>
<section class="row mb-20">
<section class="row last-section">
<h6 class="section-marker">{% trans %}What Makes XRP and the XRP Ledger Green?{% endtrans %}</h6>
<div class="col-md-4 mb-10 text-center">
<img class="mw-100 mt-20" src="./img/green/green-graphic@2x.png">

View File

@@ -224,7 +224,7 @@
</div>
</section>
<section class="mb-50">
<section class="last-section">
<h6 class="section-marker">{% trans %}XRP Community{% endtrans %}</h6>
<div class="row">
<div class="col-md-6 offset-md-1 order-1 order-md-2 mb-10 text-center">

View File

@@ -16,7 +16,7 @@
{% block breadcrumbs %}{% endblock %}
{% block main %}
<div class="my-40 marketing-wrapper">
<div class="marketing-wrapper">
<div class="container">
<section class="row mb-20">
<div class="col-md-4 d-flex flex-column-reverse justify-content-end">
@@ -82,7 +82,7 @@
</div>
</section>
<section class="row mb-50">
<section class="row last-section">
<h6 class="section-marker">{% trans %}Trading{% endtrans %}</h6>
<div class="col-md-4 offset-md-1 order-1 order-md-2 mb-10 text-center">
<img class="mw-100" src="./img/uses/inst-trading.png">