NativeScript has many different layouts, let’s dig into grid layouts for a few.More …
Keep It Simple
Hydeout makes heavy use of Flexbox in its CSS. If Flexbox is not available, the CSS degrades into a single column layout.
Hydeout replaces Hyde’s class-based theming with the use of the following SASS variables:
$sidebar-bg-color: #202020 !default; $sidebar-sticky: true !default; $layout-reverse: false !default; $link-color: #268bd2 !default;
To override these variables, create your own
Define your own variables, then import in Hydeout’s SCSS, like so:
--- # Jekyll needs front matter for SCSS files --- $sidebar-bg-color: #ac4142; $link-color: #ac4142; $sidebar-sticky: false; @import "hydeout";
See the _variables file for other variables you can override.
You can also insert custom head tags (e.g. to load your own stylesheets) by
defining your own
_includes/custom-head.html or insert tags at the end
of the body (e.g. for custom JS) by defining your own
Hydeout also adds a new tags page (accessible in the sidebar) and a new “category” layout for dedicated category pages.
Category pages are automatically added to the sidebar. All other pages must have
sidebar_link: truein their front matter to show up in the sidebar.
A simple redirect-to-Google search is available. If you want to use Google Custom Search or Algolia or something with more involved, override the
Disqus integration is ready out of the box. Just add the following to your config file:
disqus: shortname: my-disqus-shortname
If you don’t want Disqus or want to use something else, override
For Google Analytics support, define a
google_analyticsvariable with your property ID in your config file.
There’s also a bunch of minor tweaks and adjustments throughout the theme. Hope this works for you!
Built on Poole
Poole is the Jekyll Butler, serving as an upstanding and effective foundation for Jekyll themes by @mdo. Poole, and every theme built on it (like Hyde here) includes the following:
- Complete Jekyll setup included (layouts, config, 404, RSS feed, posts, and example page)
- Mobile friendly design and development
- Easily scalable text and component sizing with
remunits in the CSS
- Support for a wide gamut of HTML elements
- Related posts (time-based, because Jekyll) below each post
- Syntax highlighting, courtesy Pygments (the Python-based code snippet highlighter)
In addition to the features of Poole, Hyde adds the following:
- Sidebar includes support for textual modules and a dynamically generated navigation with active link support
- Two orientations for content and sidebar, default (left sidebar) and reverse (right sidebar), available via
- Eight optional color schemes, available via
Head to the readme to learn more.
Hyde is by preference a forward-thinking project. In addition to the latest versions of Chrome, Safari (mobile and desktop), and Firefox, it is only compatible with Internet Explorer 9 and above.
Hyde is developed on and hosted with GitHub. Head to the GitHub repository for downloads, bug reports, and features requests.