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

remove conflicting classname

Browse Source
This commit is contained in:
akcodez
2025-02-13 07:54:43 -08:00
parent 1d7caadfe4
commit 6fe1b4e7ce
2 changed files with 52 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
static/css/devportal2024-v1.css
View File

File diff suppressed because one or more lines are too long

91
styles/_use-cases.scss
View File

@@ -28,42 +28,49 @@ $custody-logos: "gatehub", "bitgo";
} }
} }
} }
.modal-uses.exchanges{
.logo-item{ .modal-uses.exchanges {
max-height: 58px; .logo-item {
margin: 5px; max-height: 58px;
width: 145px; margin: 5px;
height: 28px; width: 145px;
max-width: none; height: 28px;
} max-width: none;
}
} }
.modal-content-uses { .modal-content-uses {
.carbonland-trust{ .carbonland-trust {
max-width: 218px; max-width: 218px;
} }
.first-ledger-bot{
.first-ledger-bot {
min-height: 100px !important; min-height: 100px !important;
position: relative; position: relative;
bottom: 20px; bottom: 20px;
content: url("../img/uses/first-ledger-bot.svg"); content: url("../img/uses/first-ledger-bot.svg");
} }
.orchestra-finance{
.orchestra-finance {
min-height: 56px !important; min-height: 56px !important;
content: url("../img/uses/orchestra-finance.svg"); content: url("../img/uses/orchestra-finance.svg");
} }
.moai-finance{
.moai-finance {
min-height: 100px !important; min-height: 100px !important;
position: relative; position: relative;
bottom: 20px; bottom: 20px;
content: url("../img/uses/moai-finance.svg"); content: url("../img/uses/moai-finance.svg");
} }
.ledger-city{
.ledger-city {
margin: 0px !important; margin: 0px !important;
position: relative; position: relative;
bottom: 4px; bottom: 4px;
left: 6px; left: 6px;
max-height: 47px !important; max-height: 47px !important;
} }
.zerpmon { .zerpmon {
margin: 0px; margin: 0px;
min-width: 80px; min-width: 80px;
@@ -225,14 +232,12 @@ html.light {
left: 0; left: 0;
width: 100%; width: 100%;
height: 1px; height: 1px;
background: linear-gradient( background: linear-gradient(90deg,
90deg, #b480ff -0.32%,
#b480ff -0.32%, #5f00e6 32.7%,
#5f00e6 32.7%, #1aa4ff 61.53%,
#1aa4ff 61.53%, #19ff83 100.32%,
#19ff83 100.32%, #19ff83 100.32%);
#19ff83 100.32%
);
} }
.content-section { .content-section {
@@ -309,10 +314,12 @@ html.light {
border: 0; border: 0;
border-top: 1px solid #ccc; border-top: 1px solid #ccc;
} }
.logo-item.anchain { .logo-item.anchain {
height: 34px !important; height: 34px !important;
max-width: 146px !important; max-width: 146px !important;
} }
.threezy-logo { .threezy-logo {
margin: 4px; margin: 4px;
max-height: 55px !important; max-height: 55px !important;
@@ -482,13 +489,11 @@ html.light {
font-weight: 400; font-weight: 400;
font-size: 32px; font-size: 32px;
line-height: 38px; line-height: 38px;
background: linear-gradient( background: linear-gradient(90deg,
90deg, #feff01 0%,
#feff01 0%, #ff2d9a 30.82%,
#ff2d9a 30.82%, #e24cff 64.01%,
#e24cff 64.01%, #9a52ff 100%);
#9a52ff 100%
);
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
@@ -545,13 +550,11 @@ html.light {
font-weight: 400; font-weight: 400;
font-size: 32px; font-size: 32px;
line-height: 38px; line-height: 38px;
background: linear-gradient( background: linear-gradient(90deg,
90deg, #b480ff -0.32%,
#b480ff -0.32%, #5f00e6 32.7%,
#5f00e6 32.7%, #1aa4ff 61.53%,
#1aa4ff 61.53%, #19ff83 100.32%);
#19ff83 100.32%
);
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
background-clip: text; background-clip: text;
@@ -651,6 +654,7 @@ html.light {
.show-md { .show-md {
display: none; display: none;
@include media-breakpoint-down(md) { @include media-breakpoint-down(md) {
display: block; display: block;
} }
@@ -658,6 +662,7 @@ html.light {
.hide-md { .hide-md {
display: block; display: block;
@include media-breakpoint-down(md) { @include media-breakpoint-down(md) {
display: none; display: none;
} }
@@ -687,6 +692,7 @@ html.light {
padding: 4rem 2rem; padding: 4rem 2rem;
display: grid; display: grid;
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr);
@include media-breakpoint-down(md) { @include media-breakpoint-down(md) {
display: block; display: block;
height: 100%; height: 100%;
@@ -932,8 +938,8 @@ html.light {
text-decoration: none; text-decoration: none;
} }
.project-cards a:hover{ .project-cards a:hover {
.project-name{ .project-name {
color: $purple; color: $purple;
} }
} }
@@ -982,12 +988,7 @@ html.light {
} }
} }
body, .landing.page-uses { body,
overflow-x: hidden; // Prevent horizontal scrolling .landing.page-uses {
} overflow-x: hidden;
.container-new {
max-width: 100%; // Ensure container does not exceed viewport width
padding: 0 15px; // Add padding to ensure content is not flush with the edges
box-sizing: border-box; // Include padding in the element's total width
} }