Files
xrpl-dev-portal/styles
JST5000 0f53f35a2c Migrate toml checker tool
Add baseline html

Add script tags

WIP fetchWallet

Make basic page with account step 1 work

Add decodeHex and helpers to update logs

Add fetchFile to access toml from domain

Copy over code & comment out migrated pieces

Add toml parsing

WIP: Add types and uncomment new code

Update the parseToml function to share code

Mostly migrate the validateDomain function

Fix bug by using for instead of foreach

Clean up code part 1

Refactor into separate files

Translate everything

Componentize the buttons

Split out code into separate files

Update package-lock

Fix spacing and uncomment code

Fix indentation

Fix direct import of xrpl

Fix import

cleaned up log entry handling to not build an array of elements

moved to resource folder and update css.

Move shared components and fix small errors

Move file and update sidebars

Fix slow load of long list of addresses

toml checker - sidebar/width fixes
2024-01-31 16:10:31 -08:00
..
2024-01-31 16:10:31 -08:00
2020-09-14 15:47:31 -07:00
2022-01-10 12:59:29 -08:00
2023-06-27 13:33:40 -07:00
2021-06-30 15:53:21 -07:00
2023-03-08 17:19:15 -08:00
2023-06-23 15:18:29 -07:00
2022-11-30 16:49:33 -08:00
2021-07-15 20:27:10 -07:00
2023-11-06 05:58:25 -08:00
2023-10-11 11:45:35 -05:00
2024-01-31 16:04:34 -08:00
2021-05-18 15:20:44 -07:00
2024-01-05 18:49:51 +09:00
2023-03-08 17:19:15 -08:00
2024-01-31 16:07:14 -08:00
2023-06-08 10:51:42 -04:00
2023-05-30 13:26:54 -07:00
2023-10-11 11:45:35 -05:00
2024-01-31 16:10:31 -08:00

XRPL Styles

This folder contains the source files for the XRP Ledger Dev Portal CSS. The combined, minified version of these styles is assets/css/devportal.css.

Prerequisites

To edit or modify these styles, you need to install Bootstrap's SCSS files. The included package.json file should help you do this using Yarn or NPM. For example, if you have Yarn installed, run the following command from this directory:

$ yarn

You also need a SASS/SCSS compiler; the dependency file should install node-sass and a script for running it by default. You can also use sassc, which can be installed using your system's package manager (Linux) or Homebrew (macOS).

Building

To build the output file using node-sass, run the following command from this directory:

$ yarn run build-css

(You could also use npm instead of yarn.)

To build the output file using sassc, run the following command from this directory:

$ sassc xrpl.scss -t compressed -m > ../assets/css/devportal.css

You can omit the -m (include source map) to reduce the output file size. It provides useful information when debugging styles, about which original file specific rules came from.

Files

xrpl.scss is the master file that includes all the other, _-prefixed SCSS files. This file also defines common colors and other utilities.