You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
104 lines
3.4 KiB
104 lines
3.4 KiB
7 months ago
|
// ================================================================================================
|
||
|
|
// File Name: variables.scss
|
||
|
|
// Description: Custom component variable
|
||
|
|
// ----------------------------------------------------------------------------------------------
|
||
|
|
// Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
|
||
|
|
// Author: PIXINVENT
|
||
|
|
// Author URL: http://www.themeforest.net/user/pixinvent
|
||
|
|
// ================================================================================================
|
||
|
|
|
||
|
|
// ================================================================================================
|
||
|
|
// WARNING: PLEASE DO NOT CHANGE THIS VARIABLE FILE.
|
||
|
|
// THIS FILE WILL GET OVERWRITTEN WITH EACH VUEXY HTML TEMPLATE RELEASE.
|
||
|
|
// TIP:
|
||
|
|
// We suggest you to use this (assets/scss/variables/_variables-components.scss) file for overriding components variables.
|
||
|
|
// ================================================================================================
|
||
|
|
|
||
|
|
$base-font-size: 14px !default;
|
||
|
|
$body-direction: ltr !default; // Default ltr, change it to rtl for Right To Left support.
|
||
|
|
$content-padding: 2rem !default;
|
||
|
|
|
||
|
|
// ------------------------------
|
||
|
|
// Colors
|
||
|
|
// ------------------------------
|
||
|
|
$nav-component-border-color: #ddd !default;
|
||
|
|
|
||
|
|
$swiper-bg: #f2f4f4 !default;
|
||
|
|
|
||
|
|
// ------------------------------
|
||
|
|
// Navbar
|
||
|
|
// ------------------------------
|
||
|
|
$navbar-height: 4.45rem !default;
|
||
|
|
$horizontal-menu-height: 4.45rem !default;
|
||
|
|
$footer-height: 3.35rem !default;
|
||
|
|
|
||
|
|
// ------------------------------
|
||
|
|
// Main Menu
|
||
|
|
// ------------------------------
|
||
|
|
|
||
|
|
//main menu dark
|
||
|
|
$menu-dark-color: #dcdcdc !default;
|
||
|
|
$menu-dark-bg-color: #10163a !default;
|
||
|
|
|
||
|
|
$menu-padding: 10px 15px 10px 15px !default;
|
||
|
|
$menu-second-level-padding: 10px 15px 10px 20px !default;
|
||
|
|
$menu-third-level-padding: 10px 15px 10px 53px !default;
|
||
|
|
$menu-forth-level-padding: 10px 15px 10px 53px !default;
|
||
|
|
|
||
|
|
// vertical menu
|
||
|
|
$menu-expanded-width: 260px !default;
|
||
|
|
$menu-collapsed-width: 80px !default;
|
||
|
|
|
||
|
|
// ------------------------------
|
||
|
|
// Sidebar
|
||
|
|
// -------------------------------
|
||
|
|
$sidebar-width: 260px !default;
|
||
|
|
$chat-sidebar-width: 360px !default;
|
||
|
|
|
||
|
|
// -------------------------------
|
||
|
|
// Avatar
|
||
|
|
// -------------------------------
|
||
|
|
|
||
|
|
$avatar-size: 32px !default;
|
||
|
|
$avatar-status-size: 11px !default;
|
||
|
|
$avatar-status-size-lg: 17px !default;
|
||
|
|
|
||
|
|
$avatar-size-xl: 70px !default;
|
||
|
|
$avatar-size-lg: 50px !default;
|
||
|
|
$avatar-size-sm: 24px !default;
|
||
|
|
|
||
|
|
$avatar-bg: #c3c3c3;
|
||
|
|
$avatar-group-border: $white;
|
||
|
|
|
||
|
|
// -------------------------------
|
||
|
|
// Blank Page Bg Color
|
||
|
|
// -------------------------------
|
||
|
|
|
||
|
|
$blank-bg-color: #eff2f7 !default;
|
||
|
|
|
||
|
|
// -------------------------------
|
||
|
|
// Data Tables Bg Color
|
||
|
|
// -------------------------------
|
||
|
|
$datatable-bg-color: #f8f8f8 !default;
|
||
|
|
|
||
|
|
// -------------------------------
|
||
|
|
// Timeline
|
||
|
|
// -------------------------------
|
||
|
|
$timeline-border-color: $border-color !default;
|
||
|
|
|
||
|
|
$timeline-point-size: 1.75rem !default;
|
||
|
|
$timeline-point-indicator-size: 12px !default;
|
||
|
|
$timeline-point-indicator-color: $primary !default;
|
||
|
|
$timeline-point-indicator-wrapper-size: 20px !default;
|
||
|
|
|
||
|
|
$timeline-item-min-height: 4rem !default;
|
||
|
|
$timeline-item-icon-font-size: 0.85rem !default;
|
||
|
|
|
||
|
|
$timeline-event-time-size: 0.85rem !default;
|
||
|
|
$timeline-event-time-color: $text-muted !default;
|
||
|
|
|
||
|
|
// ------------------------------------------------
|
||
|
|
// custom options
|
||
|
|
// ------------------------------------------------
|
||
|
|
$custom-options-bg-color: rgba($secondary, 0.06);
|