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

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

16
styles/_buttons.scss
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 {

112
styles/_pages.scss
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 {