...
Code Block | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
// AKIOMA Sidebar object $sidebar_primary_color: #4285f4 !default; $sidebar_base_bg: #2a2a2e !default; $sidebar_item_color: #fff !default; $sidebar_item_active_color: null !default; $sidebar_item_active_bg: null !default; $sidebar_item_open_color: #fff !default; $sidebar_item_open_bg: $sidebar_primary_color !default; $sidebar_item_hover_color: null !default; $sidebar_item_hover_bg: rgba(darken($base-bg, 5%), 0.5) !default; $sidebar_icon_color: null !default; $sidebar_icon_bg: darken( $sidebar_base_bg, 5% ) !default; $sidebar_icon_active_color: null !default; $sidebar_icon_active_bg: null !default; $sidebar_icon_open_color: null !default; $sidebar_icon_open_bg: $sidebar_item_open_bg !default; $sidebar_mobile_item_color: #fff !default; $sidebar_mobile_item_bg: $sidebar_primary_color !default; $sidebar_mobile_icon_color: $sidebar_mobile_item_color !default; $sidebar_mobile_icon_bg: $sidebar_mobile_item_bg !default; $sidebar_dropdown_bg: lighten( $sidebar_base_bg, 5% ) !default; $sidebar_dropdown_color: null !default; $sidebar_item_font_size: 16px !default; $sidebar_item_line_height: 30px !default; $sidebar_item_padding: 10px 15px !default; $sidebar_icon_height: 35px !default; $sidebar_icon_width: 35px !default; |
All styles customization can be done in normal CSS by using this classes
You can access the Sidebar Tutorial to check how a new Desktop item can be added.
...