theme.js: very tiny script to facilitate local storage for the theme switcher.codecopy.js: add a Copy Button to code blocks, to copy contents of the code block to clipboard.email.js: uses javascript to obfuscate your real email address for the mail icon at the bottom of the page.search_facade.js: used to dynamically load a bundle containing all search related js ONLY when the search box is clicked.search.js: to make use of elasticlunr from our sites search box for both suggestions and the results page.: search library for client side searching.
These are the javascript files currently used by Abridge: Then in the root of your site type zola build which will regenerate your site, this is similar to what zola serve does, except it does not facilitate serving the site. To change colors or fonts all you need to do is edit these files or duplicate them and create your own skin. There is also other variations, that you will see defined in this same directory, they are also all defined in config.toml It is defined here: /themes/abridge/sass/abridge-switcher.scss
Abridge picture skin#
The skin used on the Demo uses primarily orange colors. Switcher mode automatically displays a dark or light version depending on browser/OS settings, and has a user clickable theme switcher, but it requires additional javascript. $mw: 50 % !default // max-width $mb: 1200 px !default // value at which to switch from fluid layout to using max-width Colors and StylesĬolors and style are handled by the sass files of abridge.cssĪbridge comes with "Skins" each with their own auto, dark, light and switcher modes.Īuto mode automatically displays a dark or light version depending on browser/OS settings.
0 kommentar(er)
