Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Styling for Sidebar objects:

Code Block
languagesass
titleSCSS Variables
linenumberstrue
collapsetrue
// 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.

...