--- title: Sidebar text slug: sidebar/text path: ../ --- {% extends "layouts/default.html" %} {% block page %}
The sidebar text is styled by default by the{% include 'code/sidebar/text.html' %}.sidebar-light
or.sidebar-dark
skins and doesn't require any extra class, however for those occasions when you need to be explicit, add the.sidebar-text
class to any element within the.sidebar
container, to force the text style on the element.
CSS Class | Description |
---|---|
.sidebar-text |
Applies the sidebar text style defined by the sidebar skin |
Sass variable | Description |
---|---|
$sidebar-font-size |
Defines the base font size for the sidebar text in px |
$sidebar-dark-text-color |
Defines the sidebar text color when using the .sidebar-dark skin |
$sidebar-light-text-color |
Defines the sidebar text color when using the .sidebar-light skin |
Add the{% include 'code/sidebar/link.html' %}.sidebar-link
class to any element within the.sidebar
container, to apply the sidebar link text style defined by the.sidebar-light
or.sidebar-dark
skins.
CSS Class | Description |
---|---|
.sidebar-link |
Applies the sidebar link style defined by the sidebar skin |
Sass variable | Description |
---|---|
$sidebar-dark-link-color |
Defines the sidebar link color when using the .sidebar-link class and the .sidebar-dark skin |
$sidebar-light-link-color |
Defines the sidebar text color when using the .sidebar-link class and the .sidebar-light skin |