...
Styling for Sidebar objects:
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; |
You can access the Sidebar Tutorial to check how a new Desktop item can be added.
...