be80405f10
- Top nav external links now open in a new tab as intended (not specific
to light mode)
- Consistently adjust opacity (not placement) of background images in
mobile; lighter in light mode for legibility.
- Add a subtle white "shadow" to eyebrow text in light mode to improve
legibility
- Fix focus styles for buttons & multicode tabs in light mode
- Make all buttons sized the same as primary buttons by default
- Fix typo that caused the "Reset" button on get-started to be unstyled
- Refactor theme switcher JS for simplicity.
- Fix issue with theme select icon not being visible in some cases.
- Update color of ✅ icons in interactive tutorial breadcrumbs
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.