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.
103 lines
3.4 KiB
103 lines
3.4 KiB
// ================================================================================================ |
|
// 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);
|
|
|