![]() 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 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. $mb: 1200 px !default // value at which to switch from fluid layout to using max-widthĬ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. You can set the overal page width by editing themes\abridge\sass\_variables.scss file, and adjusting these two lines: $mw: 50 % !default // max-width To change the number of items per page edit: abridge/content/_index.md and change the value for paginate_by Page width LookĪt the config.toml, content files, and templates files in this You can customize your configurations, templates and content for yourself. Saved changes will live reload in the browser. Zola will start the development web server making your site accessible by default at ![]() Just run zola serve in the root path of the project: zola serve You can modify or add new posts in the content directory as needed. ![]() You can copy the content from the theme directory to your project: cp -r themes/abridge/content. This allows the code block light/dark mode to change with the rest of the site, this also prevents unsafe-inline for style-src in our CSP. Sed -i 's/^extra_syntaxes_and_themes = \/extra_syntaxes_and_themes = \/' config.tomlĮxtra_syntaxes_and_themes = īy default abridge uses highlight_theme = "css". Uncomment the theme line, and point extra_syntaxes_and_themes at the correct directory: sed -i 's/^#theme = "abridge"/theme = "abridge"/' config.toml (This will give you a base configuration with all config values used) cp themes/abridge/config.toml config.toml Or copy the config.toml from the theme directory to your project's root directory: ![]() Git init # if your project is a git repository already, ignore this commandĮnable the theme in your config.toml in the site directory: theme = "abridge" Step 1: Create a new zola site zola init mysiteĭownload this theme to your themes directory: cd mysite/themes Next we will use abridge as a theme to a NEW site. The Quick Start shows how to run the theme directly as a site. This theme requires version 0.14.1 or later of Zola Quick Start git clone If you'd like to sponsor this project and have your avatar or company logo appear below click here. Maintainence of this project is made possible by all the contributors and sponsors. There is also Abridge-minimal Theme which is used to showcase the abridge.css framework We offer a service that puts our clients needs first.Ībridge Cleaning Services operates throughout London and the South East UK.Abridge is a fast and lightweight Zola theme using semantic html, only ~6kb css before the svg icons and syntax highlighting css, no mandatory JS *, and perfect Lighthouse and Observatory scores. To achieve this we will work closely together to ensure the very best working systems are employed.Īt Abridge Cleaning Services we pride ourselves on creating very strong long-term personal relationships with our clients. This along with a very strong Heath
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |