Files
xrpl-dev-portal/styles
Rome Reginelli 66b6f951fe Fix various style/template issues (#2103)
* Fix various style/template issues

- Add styles to allow fully invisible headers. These can be used to
  support anchor links in translated pages, so we can move the link_subs
  out of the dactyl-config.yml. Example in transaction-common-fields.md
- Upgrade jQuery to 3.7.1
- Add left nav to references landings for consistent navigation
- Add breadcrumbs template (previously used Dactyl built-in) which
  throws an error if you specify a parent: that doesn't exist.
  (Previously it would write a blank link; the link checker would
  report this as an error, but it wasn't obvious what the cause was.)
- Fix #2014 (special case for code blocks nested in lists).
- Fix #2096.
- Remove excessive spacing between top nav and main content, and
  re-align top of main contents in all 3 columns for docs pages.
- Reorganize _content.scss to be easier to read.

* Upgrade yarn packages (fix dependabot alerts) & rebuild CSS

* Fix NFT broken link in translation

* [ja] Properly fix NFT data link
2023-09-06 13:15:19 -07: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-06-07 13:02:26 -07:00
2021-05-18 15:20:44 -07:00
2021-07-15 20:27:10 -07:00
2023-03-08 17:19:15 -08:00
2023-01-11 13:20:57 -06:00
2023-06-08 10:51:42 -04:00
2023-05-30 13:26:54 -07:00
2023-06-07 13:02:26 -07: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.