reuse btn-arrow-out and fix more broken links.

This commit is contained in:
Caleb Kniffen
2023-04-20 13:20:37 -05:00
parent 25ba6e1863
commit 3a0ca7d470
5 changed files with 23 additions and 125 deletions

File diff suppressed because one or more lines are too long

View File

@@ -83,18 +83,28 @@ button[disabled="disabled"] {
}
}
.btn-arrow-up::after {
background-position: left 0px bottom -2px;
.btn-arrow-out::after {
background-position: left 0px bottom 0px;
content: "\00a0";
background-image: url(../img/icons/arrow-up-right-white.svg);
background-repeat: no-repeat;
background-size: 32px;
display: inline-block;
padding: 4px 8px 4px 12px;
transition: background-position 0.3s ease-in-out;
margin-left: 4px;
}
.btn-arrow-out:hover::after {
background-position: left 4px bottom 4px;
}
@media (max-width: 767.98px) {
.btn-arrow-out {
display: block;
width: 100%;
}
}
/* (Jump to) "Top" button */
.jump-to-top {

View File

@@ -456,33 +456,8 @@
}
}
}
.btn-arrow-out::after {
background-position: left 0px bottom 0px;
content: "\00a0";
background-image: url(../img/icons/arrow-up-right-white.svg);
background-repeat: no-repeat;
display: inline-block;
padding: 4px 8px 4px 12px;
transition: background-position 0.3s ease-in-out;
margin-left: 4px;
}
.btn-arrow-out:hover::after {
background-position: left 4px bottom 4px;
}
@media (max-width: 767.98px) {
.btn-arrow-out {
display: block;
width: 100%;
}
}
}
.page-funding {
.funding-list {
@@ -499,28 +474,6 @@
left: -4px;
}
@media (max-width: 767.98px) {
.btn-arrow-out {
display: block;
width: 100%;
}
}
.btn-arrow-out::after {
background-position: left 0px bottom 0px;
content: "\00a0";
background-image: url(../img/icons/arrow-up-right-white.svg);
background-repeat: no-repeat;
display: inline-block;
padding: 4px 8px 4px 12px;
transition: background-position 0.3s ease-in-out;
margin-left: 4px;
}
.btn-arrow-out:hover::after {
background-position: left 4px bottom 4px;
}
// even out height on large
@media (min-width: 992px) {
.funding-box{
@@ -553,29 +506,6 @@
padding: .75rem;
}
@media (max-width: 767.98px) {
.btn-arrow-out {
display: block;
width: 100%;
}
}
.btn-arrow-out::after {
background-position: left 0px bottom 0px;
content: "\00a0";
background-image: url(../img/icons/arrow-up-right-white.svg);
background-repeat: no-repeat;
display: inline-block;
padding: 4px 8px 4px 12px;
transition: background-position 0.3s ease-in-out;
margin-left: 4px;
}
.btn-arrow-out:hover::after {
background-position: left 4px bottom 4px;
}
#container-scroll {
height:160px;
position:relative;
@@ -698,27 +628,6 @@
padding: .75rem;
}
@media (max-width: 767.98px) {
.btn-arrow-out {
display: block;
width: 100%;
}
}
.btn-arrow-out::after {
background-position: left 0px bottom 0px;
content: "\00a0";
background-image: url(../img/icons/arrow-up-right-white.svg);
background-repeat: no-repeat;
display: inline-block;
padding: 4px 8px 4px 12px;
transition: background-position 0.3s ease-in-out;
margin-left: 4px;
}
.btn-arrow-out:hover::after {
background-position: left 4px bottom 4px;
}
.event-card {
max-width: 311px;
margin: 32px auto;
@@ -1362,27 +1271,6 @@
.btn {
padding: 0.75rem;
}
@media (max-width: 767.98px) {
.btn-arrow-out {
display: block;
width: 100%;
}
}
.btn-arrow-out::after {
background-position: left 0px bottom 0px;
content: "\00a0";
background-image: url(../img/icons/arrow-up-right-white.svg);
background-repeat: no-repeat;
display: inline-block;
padding: 4px 8px 4px 12px;
transition: background-position 0.3s ease-in-out;
margin-left: 4px;
}
.btn-arrow-out:hover::after {
background-position: left 4px bottom 4px;
}
}
html.light {
.page-dev-tools {

View File

@@ -23,7 +23,7 @@
{# Macros #}
{% macro primaryButton(href, text, isArrowUp) %}
{% if isArrowUp %}
<a class="btn btn-primary btn-arrow-up" id="{{href}}-button" href="{{href}}">{{ text }}</a>
<a class="btn btn-primary btn-arrow-out" id="{{href}}-button" href="{{href}}">{{ text }}</a>
{% else %}
<a class="btn btn-primary btn-arrow" id="{{href}}-button" href="{{href}}">{{ text }}</a>
{% endif %}
@@ -153,16 +153,16 @@
"imgClass": "token-illustration",
"subItems": [
{
"description": "NFT Conceptual Overview",
"description": "NFT Marketplace",
"link": "./non-fungible-tokens.html",
},
{
"description": "NFToken Format",
"link": "./nftoken.html",
"description": "Issue a stablecoin",
"link": "./issue-a-fungible-token.html",
},
{
"description": "NFToken Tester Tutorial",
"link": "./nftoken-tester-tutorial.html",
"description": "Assign an authorized minter",
"link": "./authorize-minter.html",
},
],
},
@@ -287,7 +287,7 @@
<div class="dg-lg-block mb-3">
<a
class="btn btn-primary btn-arrow get-started-button"
href="./tutorials/xrpl-quickstart.html"
href="./xrpl-quickstart.html"
>
Get Started
</a>

View File

@@ -176,8 +176,8 @@
"href": "https://hooks-testnet.xrpl-labs.com/" },
{ "chip": _("Enabled"),
"title": _("Non-Fungible Tokens"),
"description": _("Lower fees, faster transactions, and custom token functionality make the XRPL ideally suited for building an ecosystem for NFTs. Explore <a href='docs.html#docs-hot-topic'>proposed standards</a> for issuing NFTs."),
"href": "docs.html#docs-hot-topic"},
"description": _("Lower fees, faster transactions, and custom token functionality make the XRPL ideally suited for building an ecosystem for NFTs. Explore <a href='docs.html'>proposed standards</a> for issuing NFTs."),
"href": "docs.html"},
] %}
{% for feat in features %}
<li class="col ls-none pt-2">