first commit
This commit is contained in:
dev-chiefworks
@@ -0,0 +1,61 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Bootstrap v4.3.1 (https://getbootstrap.com)
|
||||
*
|
||||
* Copyright 2011-2018 The Bootstrap Authors
|
||||
* Copyright 2011-2018 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/default/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/default/bootstrap_limitless/mixins";
|
||||
|
||||
// Import default files
|
||||
@import "../../../../_bootstrap/root";
|
||||
@import "../../../../_bootstrap/reboot";
|
||||
@import "../../../../_bootstrap/type";
|
||||
@import "../../../../_bootstrap/images";
|
||||
@import "../../../../_bootstrap/code";
|
||||
@import "../../../../_bootstrap/grid";
|
||||
@import "../../../../_bootstrap/tables";
|
||||
@import "../../../../_bootstrap/forms";
|
||||
@import "../../../../_bootstrap/buttons";
|
||||
@import "../../../../_bootstrap/transitions";
|
||||
@import "../../../../_bootstrap/dropdown";
|
||||
@import "../../../../_bootstrap/button-group";
|
||||
@import "../../../../_bootstrap/input-group";
|
||||
@import "../../../../_bootstrap/custom-forms";
|
||||
@import "../../../../_bootstrap/nav";
|
||||
@import "../../../../_bootstrap/navbar";
|
||||
@import "../../../../_bootstrap/card";
|
||||
@import "../../../../_bootstrap/breadcrumb";
|
||||
@import "../../../../_bootstrap/pagination";
|
||||
@import "../../../../_bootstrap/badge";
|
||||
@import "../../../../_bootstrap/jumbotron";
|
||||
@import "../../../../_bootstrap/alert";
|
||||
@import "../../../../_bootstrap/progress";
|
||||
@import "../../../../_bootstrap/media";
|
||||
@import "../../../../_bootstrap/list-group";
|
||||
@import "../../../../_bootstrap/close";
|
||||
@import "../../../../_bootstrap/toasts";
|
||||
@import "../../../../_bootstrap/modal";
|
||||
@import "../../../../_bootstrap/tooltip";
|
||||
@import "../../../../_bootstrap/popover";
|
||||
@import "../../../../_bootstrap/carousel";
|
||||
@import "../../../../_bootstrap/spinners";
|
||||
@import "../../../../_bootstrap/utilities";
|
||||
@import "../../../../_bootstrap/print";
|
||||
@@ -0,0 +1,53 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Bootstrap v4.3.1 (https://getbootstrap.com)
|
||||
*
|
||||
* Copyright 2011-2018 The Bootstrap Authors
|
||||
* Copyright 2011-2018 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/default/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/default/bootstrap_limitless/mixins";
|
||||
|
||||
// Import default files
|
||||
@import "../../../../themes/default/bootstrap_limitless/reboot";
|
||||
@import "../../../../themes/default/bootstrap_limitless/type";
|
||||
@import "../../../../themes/default/bootstrap_limitless/code";
|
||||
@import "../../../../themes/default/bootstrap_limitless/tables";
|
||||
@import "../../../../themes/default/bootstrap_limitless/forms";
|
||||
@import "../../../../themes/default/bootstrap_limitless/buttons";
|
||||
@import "../../../../themes/default/bootstrap_limitless/dropdown";
|
||||
@import "../../../../themes/default/bootstrap_limitless/button-group";
|
||||
@import "../../../../themes/default/bootstrap_limitless/input-group";
|
||||
@import "../../../../themes/default/bootstrap_limitless/custom-forms";
|
||||
@import "../../../../themes/default/bootstrap_limitless/nav";
|
||||
@import "../../../../themes/default/bootstrap_limitless/navbar";
|
||||
@import "../../../../themes/default/bootstrap_limitless/card";
|
||||
@import "../../../../themes/default/bootstrap_limitless/breadcrumb";
|
||||
@import "../../../../themes/default/bootstrap_limitless/pagination";
|
||||
@import "../../../../themes/default/bootstrap_limitless/badge";
|
||||
@import "../../../../themes/default/bootstrap_limitless/alert";
|
||||
@import "../../../../themes/default/bootstrap_limitless/progress";
|
||||
@import "../../../../themes/default/bootstrap_limitless/media";
|
||||
@import "../../../../themes/default/bootstrap_limitless/list-group";
|
||||
@import "../../../../themes/default/bootstrap_limitless/close";
|
||||
@import "../../../../themes/default/bootstrap_limitless/toasts";
|
||||
@import "../../../../themes/default/bootstrap_limitless/modal";
|
||||
@import "../../../../themes/default/bootstrap_limitless/tooltip";
|
||||
@import "../../../../themes/default/bootstrap_limitless/popover";
|
||||
@import "../../../../themes/default/bootstrap_limitless/utilities";
|
||||
@@ -0,0 +1,26 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Custom color system
|
||||
*
|
||||
* Custom color system styles, includes background, border and text colors
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/default/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/default/bootstrap_limitless/mixins";
|
||||
|
||||
// Color system, always load last
|
||||
@import "../../../../themes/default/colors/colors";
|
||||
@@ -0,0 +1,343 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Components
|
||||
*
|
||||
* Components import. Ordering matters. See _config.scss for more options
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
// Core
|
||||
// ------------------------------
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/default/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/default/bootstrap_limitless/mixins";
|
||||
|
||||
// FOUC helpers
|
||||
@import "../../../../shared/utils/fouc";
|
||||
|
||||
|
||||
// Page loader
|
||||
// ------------------------------
|
||||
|
||||
// Pace page loader
|
||||
@import "../../../../shared/pace/theme-default";
|
||||
|
||||
// Pace.js demo, remove in real project
|
||||
@import "../../../../shared/pace/pace-demo";
|
||||
|
||||
|
||||
// Forms
|
||||
// ------------------------------
|
||||
|
||||
// Uniform
|
||||
@import "../../../../themes/default/components/forms/uniform";
|
||||
|
||||
// Switchery
|
||||
@import "../../../../themes/default/components/forms/switchery";
|
||||
|
||||
// BS switch
|
||||
@import "../../../../themes/default/components/forms/bootstrap-switch";
|
||||
|
||||
|
||||
// Select2
|
||||
@import "../../../../themes/default/components/forms/select2";
|
||||
|
||||
// Multiselect
|
||||
@import "../../../../themes/default/components/forms/multiselect";
|
||||
|
||||
|
||||
// Passy
|
||||
@import "../../../../themes/default/components/forms/passy";
|
||||
|
||||
// Typeahead
|
||||
@import "../../../../themes/default/components/forms/typeahead";
|
||||
|
||||
// Validation
|
||||
@import "../../../../themes/default/components/forms/validation";
|
||||
|
||||
// Floating labels
|
||||
@import "../../../../themes/default/components/forms/floating-labels";
|
||||
|
||||
// Alpaca
|
||||
@import "../../../../themes/default/components/forms/alpaca";
|
||||
|
||||
|
||||
// Tokenfield
|
||||
@import "../../../../themes/default/components/forms/tokenfield";
|
||||
|
||||
// Tags input
|
||||
@import "../../../../themes/default/components/forms/tags-input";
|
||||
|
||||
|
||||
// Touchspin spinners
|
||||
@import "../../../../themes/default/components/forms/touchspin";
|
||||
|
||||
// Dual listboxes
|
||||
@import "../../../../themes/default/components/forms/dual-listbox";
|
||||
|
||||
|
||||
// Wizard
|
||||
@import "../../../../themes/default/components/forms/wizard";
|
||||
|
||||
|
||||
// Text editors
|
||||
// ------------------------------
|
||||
|
||||
// Summernote
|
||||
@import "../../../../themes/default/components/forms/editors/summernote";
|
||||
|
||||
// Trumbowyg
|
||||
@import "../../../../themes/default/components/forms/editors/trumbowyg";
|
||||
|
||||
// Ace
|
||||
@import "../../../../themes/default/components/forms/editors/ace";
|
||||
|
||||
|
||||
// Pickers
|
||||
// ------------------------------
|
||||
|
||||
// Daterange picker
|
||||
@import "../../../../themes/default/components/pickers/daterange";
|
||||
|
||||
// Pickadate base
|
||||
@import "../../../../themes/default/components/pickers/pickadate/base";
|
||||
|
||||
// Pickadate date picker
|
||||
@import "../../../../themes/default/components/pickers/pickadate/date";
|
||||
|
||||
// Pickadate time picker
|
||||
@import "../../../../themes/default/components/pickers/pickadate/time";
|
||||
|
||||
// Anytime picker
|
||||
@import "../../../../themes/default/components/pickers/anytime";
|
||||
|
||||
// Color picker
|
||||
@import "../../../../themes/default/components/pickers/spectrum";
|
||||
|
||||
|
||||
// File uploaders
|
||||
// ------------------------------
|
||||
|
||||
// Plupload
|
||||
@import "../../../../themes/default/components/forms/uploaders/plupload";
|
||||
|
||||
// File input
|
||||
@import "../../../../themes/default/components/forms/uploaders/file-input";
|
||||
|
||||
// Dropzone
|
||||
@import "../../../../themes/default/components/forms/uploaders/dropzone";
|
||||
|
||||
|
||||
// Notifications
|
||||
// ------------------------------
|
||||
|
||||
// Noty notifications
|
||||
@import "../../../../themes/default/components/notifications/noty";
|
||||
|
||||
// PNotify notifications
|
||||
@import "../../../../themes/default/components/notifications/pnotify";
|
||||
|
||||
// jGrowl notifications
|
||||
@import "../../../../themes/default/components/notifications/jgrowl";
|
||||
|
||||
// Sweet Alerts
|
||||
@import "../../../../themes/default/components/notifications/sweet-alerts";
|
||||
|
||||
|
||||
// Sliders
|
||||
// ------------------------------
|
||||
|
||||
// Slider pips
|
||||
@import "../../../../themes/default/components/sliders/slider-pips";
|
||||
|
||||
// NoUI slider
|
||||
@import "../../../../themes/default/components/sliders/noui-slider";
|
||||
|
||||
// Ion range slider
|
||||
@import "../../../../themes/default/components/sliders/ion-range-slider";
|
||||
|
||||
|
||||
// jQuery UI components
|
||||
// ------------------------------
|
||||
|
||||
// Interactions
|
||||
@import "../../../../themes/default/components/jquery_ui/interactions";
|
||||
|
||||
// Widgets
|
||||
@import "../../../../themes/default/components/jquery_ui/widgets";
|
||||
|
||||
|
||||
// UI components
|
||||
// ------------------------------
|
||||
|
||||
// Prism - syntax highlighter
|
||||
@import "../../../../themes/default/components/ui/prism";
|
||||
|
||||
// Slinky - multi level drilldown menu
|
||||
@import "../../../../themes/default/components/ui/slinky";
|
||||
|
||||
// Sticky kit
|
||||
@import "../../../../themes/default/components/ui/sticky";
|
||||
|
||||
// Headroom - hhide navbar on scroll
|
||||
@import "../../../../themes/default/components/ui/headroom";
|
||||
|
||||
// Dragula
|
||||
@import "../../../../themes/default/components/ui/dragula";
|
||||
|
||||
// Perfect scrollbar
|
||||
@import "../../../../themes/default/components/ui/perfect-scrollbar";
|
||||
|
||||
|
||||
// Misc components
|
||||
// ------------------------------
|
||||
|
||||
// [Material] Floating action buttons
|
||||
@import "../../../../themes/default/components/misc/fab";
|
||||
|
||||
// Fancytree
|
||||
@import "../../../../themes/default/components/misc/fancytree";
|
||||
|
||||
// Progress buttons
|
||||
@import "../../../../themes/default/components/misc/progress-buttons";
|
||||
|
||||
// Full calendar
|
||||
@import "../../../../themes/default/components/misc/fullcalendar";
|
||||
|
||||
// Image cropper
|
||||
@import "../../../../themes/default/components/misc/image-cropper";
|
||||
|
||||
// Lightbox plugin
|
||||
@import "../../../../themes/default/components/misc/fancybox";
|
||||
|
||||
|
||||
// Tables
|
||||
// ------------------------------
|
||||
|
||||
// Footable - responsive table tools
|
||||
@import "../../../../themes/default/components/tables/footable";
|
||||
|
||||
|
||||
// Handsontable
|
||||
// ------------------------------
|
||||
|
||||
// Handsontable - excel-like spreadsheet for apps
|
||||
@import "../../../../themes/default/components/tables/handsontable";
|
||||
|
||||
|
||||
// Datatables
|
||||
// ------------------------------
|
||||
|
||||
// Core
|
||||
@import "../../../../themes/default/components/tables/datatables/datatables";
|
||||
|
||||
// Datatables - columns reorder
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-columns-reorder";
|
||||
|
||||
// Datatables - rows reorder
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-rows-reorder";
|
||||
|
||||
// Datatables - fixed columns
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-fixed-columns";
|
||||
|
||||
// Datatables - fixed header
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-fixed-header";
|
||||
|
||||
// Datatables - autofill
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-autofill";
|
||||
|
||||
// Datatables - select
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-select";
|
||||
|
||||
// Datatables - buttons
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-buttons";
|
||||
|
||||
// Datatables - key table
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-keytable";
|
||||
|
||||
// Datatables - scroller
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-scroller";
|
||||
|
||||
// Datatables - responsive
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-responsive";
|
||||
|
||||
|
||||
// Maps
|
||||
// ------------------------------
|
||||
|
||||
// Google Maps
|
||||
@import "../../../../shared/maps/google-maps";
|
||||
|
||||
// jVectorMap
|
||||
@import "../../../../shared/maps/jvectormap";
|
||||
|
||||
|
||||
// Charts
|
||||
// ------------------------------
|
||||
|
||||
// Charts base
|
||||
@import "../../../../shared/charts/charts";
|
||||
|
||||
// C3 chart library
|
||||
@import "../../../../shared/charts/c3";
|
||||
|
||||
// D3 chart library
|
||||
@import "../../../../shared/charts/d3";
|
||||
|
||||
|
||||
// Page kits
|
||||
// ------------------------------
|
||||
|
||||
// ECommerce
|
||||
@import "../../../../shared/pages/ecommerce";
|
||||
|
||||
// Blog
|
||||
@import "../../../../shared/pages/blog";
|
||||
|
||||
// Task manager
|
||||
@import "../../../../shared/pages/task-manager";
|
||||
|
||||
// Inbox
|
||||
@import "../../../../shared/pages/inbox";
|
||||
|
||||
// Profile
|
||||
@import "../../../../shared/pages/profile";
|
||||
|
||||
// Login
|
||||
@import "../../../../shared/pages/login";
|
||||
|
||||
// Timelines
|
||||
@import "../../../../shared/pages/timelines";
|
||||
|
||||
// Chats
|
||||
@import "../../../../shared/pages/chats";
|
||||
|
||||
// Error page
|
||||
@import "../../../../shared/pages/error";
|
||||
|
||||
|
||||
// Other components
|
||||
// ------------------------------
|
||||
|
||||
// Heading elements
|
||||
@import "../../../../themes/default/components/ui/header-elements";
|
||||
|
||||
// Helpers
|
||||
@import "../../../../shared/utils/helpers";
|
||||
|
||||
// Plugins demo, remove in real project
|
||||
@import "../../../../themes/default/components/demo";
|
||||
@@ -0,0 +1,35 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Core layout
|
||||
*
|
||||
* Content area, sidebar, page header and boxed layout styles
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/default/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/default/bootstrap_limitless/mixins";
|
||||
|
||||
// Content
|
||||
@import "../layout/content";
|
||||
|
||||
// Header
|
||||
@import "../layout/header";
|
||||
|
||||
// Sidebar
|
||||
@import "../layout/sidebar";
|
||||
|
||||
// Boxed layout
|
||||
@import "../layout/boxed";
|
||||
@@ -0,0 +1,69 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Boxed layout
|
||||
*
|
||||
* Styles for main structure of content area in boxed layout
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-boxed {
|
||||
|
||||
// Class for body, adds background color/image
|
||||
.layout-boxed-bg {
|
||||
background: $boxed-bg; // mainly for demo, use whatever you want
|
||||
}
|
||||
|
||||
// Boxed layout base
|
||||
.layout-boxed {
|
||||
@include box-shadow($boxed-container-box-shadow);
|
||||
|
||||
// Sizing
|
||||
&,
|
||||
> .navbar {
|
||||
@include media-breakpoint-up(lg) {
|
||||
width: map-get($grid-breakpoints, "lg");
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
@include media-breakpoint-up(xl) {
|
||||
width: map-get($grid-breakpoints, "xl");
|
||||
}
|
||||
}
|
||||
|
||||
// Page container
|
||||
.page-content {
|
||||
background-color: $body-bg;
|
||||
}
|
||||
}
|
||||
|
||||
// Boxed content section
|
||||
.content-boxed {
|
||||
@include media-breakpoint-up(lg) {
|
||||
&:not(.navbar-collapse) {
|
||||
margin-left: 6%;
|
||||
margin-right: 6%;
|
||||
}
|
||||
|
||||
// Inside navbar
|
||||
.navbar > & {
|
||||
> *:first-child {
|
||||
margin-left: 6%;
|
||||
}
|
||||
> *:last-child {
|
||||
margin-right: 6%;
|
||||
}
|
||||
}
|
||||
|
||||
// Inside breadcrumb line
|
||||
.breadcrumb-line > & {
|
||||
> *:first-child {
|
||||
margin-left: $content-container-padding-x;
|
||||
}
|
||||
> *:last-child {
|
||||
margin-right: $content-container-padding-x;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,42 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Main content layout
|
||||
*
|
||||
* Styles for main structure of content area
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Make sure document has 100% height
|
||||
html {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
// Document body
|
||||
body {
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
// Main container
|
||||
.page-content {
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
// Content wrapper
|
||||
.content-wrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
// Main content container
|
||||
.content {
|
||||
padding: $content-container-padding-y $content-container-padding-x;
|
||||
flex-grow: 1;
|
||||
@include clearfix;
|
||||
}
|
||||
@@ -0,0 +1,109 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Page header
|
||||
*
|
||||
* Page header components and color options
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Page title
|
||||
.page-title {
|
||||
padding: $page-header-padding-y 0;
|
||||
position: relative;
|
||||
|
||||
// Subtitle
|
||||
small {
|
||||
display: inline-block;
|
||||
margin-left: $element-spacer-x;
|
||||
|
||||
// Divider
|
||||
&:before {
|
||||
content: '/';
|
||||
margin-right: ($element-spacer-x + 0.25rem);
|
||||
}
|
||||
|
||||
// On a new line
|
||||
&.d-block {
|
||||
margin-left: 0;
|
||||
|
||||
&:before {
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Add left spacing to align with text
|
||||
small.d-block,
|
||||
.breadcrumb {
|
||||
margin-left: ($icon-font-size + $element-spacer-x + 0.25rem);
|
||||
}
|
||||
|
||||
// Remove margin from headings
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Page header content
|
||||
.page-header-content {
|
||||
position: relative;
|
||||
padding: 0 $page-header-padding-x;
|
||||
|
||||
// With custom colored bottom border
|
||||
&[class*=border-bottom-] + .breadcrumb-line {
|
||||
border-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Page header colors
|
||||
//
|
||||
|
||||
// Light
|
||||
.page-header-light {
|
||||
background-color: $page-header-light-bg;
|
||||
border-bottom: $page-header-border-width solid $page-header-light-border-color;
|
||||
|
||||
// Cover image
|
||||
&.has-cover {
|
||||
background: url(#{$img-path}/backgrounds/seamless.png); // feel free to change
|
||||
}
|
||||
}
|
||||
|
||||
// Dark
|
||||
.page-header-dark {
|
||||
background-color: $page-header-dark-bg;
|
||||
color: $page-header-dark-color;
|
||||
margin-bottom: $spacer;
|
||||
|
||||
// Breadcrumbs
|
||||
> .breadcrumb,
|
||||
.page-header-content .breadcrumb {
|
||||
|
||||
// Links
|
||||
> li > a,
|
||||
> li + li:before {
|
||||
color: rgba($page-header-dark-color, 0.9);
|
||||
}
|
||||
|
||||
// Hovered links
|
||||
> li > a {
|
||||
@include hover-focus {
|
||||
color: $page-header-dark-color;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// Active item
|
||||
> .active {
|
||||
color: rgba($page-header-dark-color, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
// Cover image
|
||||
&.has-cover {
|
||||
background: url(#{$img-path}/login_cover.jpg); // feel free to change
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,839 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Additional variables
|
||||
*
|
||||
* Mainly 3rd party libraries and additional variables for default
|
||||
* Bootstrap components.
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
//
|
||||
// Light contextual colors
|
||||
//
|
||||
// Includes 50 shades from custom color palette
|
||||
|
||||
$theme-colors-light: () !default;
|
||||
$theme-colors-light: map-merge((
|
||||
"primary": $color-primary-50,
|
||||
"secondary": $gray-300,
|
||||
"success": $color-success-50,
|
||||
"info": $color-info-50,
|
||||
"warning": $color-orange-50,
|
||||
"danger": $color-danger-50,
|
||||
"light": $gray-200,
|
||||
"dark": $color-slate-50
|
||||
), $theme-colors-light);
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Content styling
|
||||
//
|
||||
// Various custom variables for text, icons, elements, blocks etc
|
||||
|
||||
// Content divider
|
||||
$content-divider-height: $border-width !default;
|
||||
$content-divider-color: $border-color !default;
|
||||
|
||||
// Shadows used in :hover/:focus states
|
||||
$hover-shadow-lighter: 0 0 0 62.5rem rgba($black, 0.01) inset !default;
|
||||
$hover-shadow-darker: 0 0 0 62.5rem rgba($black, 0.04) inset !default;
|
||||
|
||||
// Images
|
||||
$img-path: '../../../../../../global_assets/images' !default;
|
||||
$img-preview-max-height: 5rem !default;
|
||||
|
||||
// Wrappers for element spacers. Uses default $spacers map
|
||||
$element-spacer-x-sm: map-get($spacers, 1) !default;
|
||||
$element-spacer-x: map-get($spacers, 2) !default;
|
||||
$element-spacer-x-lg: map-get($spacers, 3) !default;
|
||||
|
||||
// Header elements
|
||||
$header-elements-padding-y: $spacer !default;
|
||||
$header-elements-padding-x: $grid-gutter-width !default;
|
||||
|
||||
// Icons
|
||||
$list-icons-spacer: 0.375rem !default;
|
||||
|
||||
$icon-caret-up: '\e9ca' !default;
|
||||
$icon-caret-down: '\e9c9' !default;
|
||||
$icon-caret-left: '\e9c8' !default;
|
||||
$icon-caret-right: '\e9cb' !default;
|
||||
|
||||
$icon-alert-styled-base: '\e9a2' !default;
|
||||
$icon-alert-styled-danger: '\ed64' !default;
|
||||
$icon-alert-styled-success: '\ed6e' !default;
|
||||
$icon-alert-styled-warning: '\e9bd' !default;
|
||||
$icon-alert-styled-info: '\e9b9' !default;
|
||||
$icon-alert-styled-custom: '\e81b' !default;
|
||||
|
||||
$icon-validation-error: '\ed63' !default;
|
||||
$icon-validation-success: '\ee73' !default;
|
||||
|
||||
$icon-notification-sticker: '\ee70' !default;
|
||||
$icon-notification-stuck: '\ee75' !default;
|
||||
|
||||
$icon-table-row-expand: '\e9e4' !default;
|
||||
$icon-table-row-collapse: '\e9e7' !default;
|
||||
$icon-table-sorting-up: '\e9c2' !default;
|
||||
$icon-table-sorting-down: '\e9c1' !default;
|
||||
$icon-table-button-confirm: '\ed6e' !default;
|
||||
|
||||
$icon-menu-arrow-down: '\e9c5' !default;
|
||||
$icon-menu-sub-arrow-ltr: '\e9c7' !default;
|
||||
$icon-menu-sub-arrow-rtl: '\e9c4' !default;
|
||||
$icon-menu-slinky-back-ltr: '\ede7' !default;
|
||||
$icon-menu-slinky-back-rtl: '\ede5' !default;
|
||||
|
||||
$icon-nav-prev: '\e9c8' !default;
|
||||
$icon-nav-next: '\e9cb' !default;
|
||||
$icon-nav-calendar-prev: '\e9c0' !default;
|
||||
$icon-nav-calendar-next: '\e9c3' !default;
|
||||
|
||||
$icon-indicator-expand: '\e9c5' !default;
|
||||
$icon-indicator-collapse: '\e9c7' !default;
|
||||
|
||||
$icon-spinner-up: '\e9f7' !default;
|
||||
$icon-spinner-down: '\e9e2' !default;
|
||||
|
||||
$icon-uploader-placeholder: '\ea0e' !default;
|
||||
$icon-uploader-placeholder-actions: '\ec67' !default;
|
||||
|
||||
$icon-action-cross: '\ed6a' !default;
|
||||
$icon-action-cross-sm: '\ed6b' !default;
|
||||
|
||||
$icon-fancytree-file: '\ea1a' !default;
|
||||
$icon-fancytree-sub-collapse: '\ea0f' !default;
|
||||
$icon-fancytree-sub-expand: '\ea11' !default;
|
||||
$icon-fancytree-folder: '\ea3d' !default;
|
||||
$icon-fancytree-folder-collapse: '\ea41' !default;
|
||||
$icon-fancytree-folder-expand: '\ea43' !default;
|
||||
|
||||
$icon-card-collapse: '\e9b8' !default;
|
||||
$icon-card-expand: '\e9b7' !default;
|
||||
$icon-card-action-collapse: '\e9c1' !default;
|
||||
$icon-card-action-reload: '\e9fb' !default;
|
||||
$icon-card-action-remove: '\ed6a' !default;
|
||||
$icon-card-action-move: '\e986' !default;
|
||||
$icon-card-action-full-base: '\e9f9' !default;
|
||||
$icon-card-action-full-active: '\e9fa' !default;
|
||||
$icon-card-action-modal: '\e9eb' !default;
|
||||
|
||||
$icon-wizard-step-current: '\e913' !default;
|
||||
$icon-wizard-step-complete: '\ed6f' !default;
|
||||
|
||||
$icon-picker-color-clear: '\ee6e' !default;
|
||||
$icon-checkbox-tick: '\e600' !default;
|
||||
$icon-search-magnifier: '\e98e' !default;
|
||||
$icon-loading-spinner: '\eb51' !default;
|
||||
$icon-list-dot: '\f052' !default;
|
||||
|
||||
// Transition timers
|
||||
$component-transition-timer: 0.15s !default;
|
||||
$component-transition-delay: 0.15s !default;
|
||||
|
||||
// Enhanced media objects
|
||||
$media-title-margin-bottom: 0.125rem !default;
|
||||
$media-link-hover-bg: rgba($black, 0.04) !default;
|
||||
$media-padding-x: 1.25rem !default;
|
||||
$media-padding-y: 1rem !default;
|
||||
$media-border-width: $border-width !default;
|
||||
$media-border-color: $border-color !default;
|
||||
|
||||
// Enhanced dropdown menus
|
||||
$dropdown-content-header-padding-y: 1rem !default;
|
||||
$dropdown-content-body-padding-y: 1.25rem !default;
|
||||
$dropdown-content-body-padding-x: 1.25rem !default;
|
||||
$dropdown-content-footer-padding-y: 0.75rem !default;
|
||||
$dropdown-content-footer-border-width: $border-width !default;
|
||||
$dropdown-content-footer-border-color: $border-color !default;
|
||||
|
||||
// Perfect scrollbar
|
||||
$ps-size: 0.25rem !default;
|
||||
$ps-gap: 0.125rem !default;
|
||||
$ps-bg: $gray-600 !default;
|
||||
$ps-opacity: 0.75 !default;
|
||||
|
||||
// jQuery UI
|
||||
$ui-accordion-spacer-y: 0.5rem !default;
|
||||
$ui-autocomplete-height: 250px !default;
|
||||
$ui-datepicker-width: 270px !default;
|
||||
|
||||
// Charts
|
||||
$chart-container-height: 400px !default;
|
||||
$chart-min-width: 37.5rem !default;
|
||||
$chart-pie-min-width: 31.25rem !default;
|
||||
|
||||
// Maps
|
||||
$map-container-height: 500px !default;
|
||||
$map-container-sidebar-height: 200px !default;
|
||||
|
||||
// Misc
|
||||
$select-custom-width: 220px !default;
|
||||
$cursor-disabled: default !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Page header
|
||||
//
|
||||
// Includes page header base, colors and page title
|
||||
|
||||
$page-header-border-width: $border-width !default;
|
||||
$page-header-elements-border-width: $border-width !default;
|
||||
|
||||
$page-header-padding-y: 2rem !default;
|
||||
$page-header-padding-x: $grid-gutter-width !default;
|
||||
|
||||
$page-header-light-bg: $white !default;
|
||||
$page-header-light-border-color: $border-color !default;
|
||||
$page-header-light-elements-bg: $gray-100 !default;
|
||||
$page-header-light-elements-border-color: $page-header-light-border-color !default;
|
||||
|
||||
$page-header-dark-bg: #273246 !default;
|
||||
$page-header-dark-color: $white !default;
|
||||
$page-header-dark-border-color: rgba($white, 0.2) !default;
|
||||
$page-header-dark-elements-bg: rgba($black, 0.1) !default;
|
||||
$page-header-dark-elements-border-color: $page-header-dark-border-color !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Content area
|
||||
//
|
||||
// Area below page header, Also includes boxed layout
|
||||
|
||||
$content-container-padding-y: $spacer !default;
|
||||
$content-container-padding-x: $grid-gutter-width !default;
|
||||
|
||||
$boxed-bg: url(#{$img-path}/backgrounds/boxed_bg.png) repeat !default;
|
||||
$boxed-container-box-shadow: -4px 2px 4px rgba($black, 0.15), 4px 2px 4px rgba($black, 0.15) !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Sidebar
|
||||
//
|
||||
// Includes sidebar sizes, colors and user areas
|
||||
|
||||
// Base
|
||||
$sidebar-base-width: rem-calc(270px) !default;
|
||||
$sidebar-mini-width: ($spacer * 2) + $icon-font-size !default;
|
||||
|
||||
|
||||
// Light sidebar
|
||||
$sidebar-light-bg: $white !default;
|
||||
$sidebar-light-color: $body-color !default;
|
||||
$sidebar-light-border-width: $border-width !default;
|
||||
$sidebar-light-border-color: rgba($black, 0.125) !default;
|
||||
$sidebar-light-toggler-bg: darken($sidebar-light-bg, 4%) !default;
|
||||
$sidebar-light-toggler-color: rgba($sidebar-light-color, 0.8) !default;
|
||||
$sidebar-light-toggler-hover-bg: transparent !default;
|
||||
$sidebar-light-toggler-hover-color: $sidebar-light-color !default;
|
||||
$sidebar-light-tabs-bg: darken($sidebar-light-bg, 4%) !default;
|
||||
$sidebar-light-xs-menu-bg: darken($sidebar-light-bg, 1%) !default;
|
||||
|
||||
|
||||
// Dark sidebar
|
||||
$sidebar-dark-bg: $color-slate-900 !default;
|
||||
$sidebar-dark-color: $white !default;
|
||||
$sidebar-dark-border-width: $border-width !default;
|
||||
$sidebar-dark-border-color: rgba($white, 0.1) !default;
|
||||
$sidebar-dark-toggler-bg: darken($sidebar-dark-bg, 4%) !default;
|
||||
$sidebar-dark-toggler-color: rgba($sidebar-dark-color, 0.9) !default;
|
||||
$sidebar-dark-toggler-hover-bg: transparent !default;
|
||||
$sidebar-dark-toggler-hover-color: $sidebar-dark-color !default;
|
||||
$sidebar-dark-tabs-bg: darken($sidebar-dark-bg, 4%) !default;
|
||||
$sidebar-dark-xs-menu-bg: lighten($sidebar-dark-bg, 5%) !default;
|
||||
|
||||
|
||||
// Shadows [material only]
|
||||
$sidebar-left-desktop-box-shadow: none !default;
|
||||
$sidebar-left-mobile-box-shadow: 0.25rem 0 1rem rgba(0, 0, 0, 0.35) !default;
|
||||
|
||||
$sidebar-right-desktop-box-shadow: none !default;
|
||||
$sidebar-right-mobile-box-shadow: -0.25rem 0 1rem rgba(0, 0, 0, 0.35) !default;
|
||||
|
||||
|
||||
// Z-indexes
|
||||
$sidebar-zindex: ($zindex-fixed + 10) !default;
|
||||
$sidebar-zindex-main: 99 !default;
|
||||
$sidebar-zindex-secondary: ($sidebar-zindex-main - 1) !default;
|
||||
$sidebar-zindex-right: ($sidebar-zindex-main - 2) !default;
|
||||
$sidebar-zindex-component: ($sidebar-zindex-main - 3) !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Main vertical navigation
|
||||
//
|
||||
// Includes base styles, levels and colors
|
||||
|
||||
$navigation-padding-y: 0.5rem !default;
|
||||
|
||||
$navigation-item-padding-y: 0.75rem !default;
|
||||
$navigation-item-padding-x: 1.25rem !default;
|
||||
$navigation-item-spacer-y: 1px !default;
|
||||
$navigation-item-font-weight: $font-weight-semibold !default;
|
||||
$navigation-item-disabled-opacity: 0.5 !default;
|
||||
|
||||
$navigation-sub-padding-y: 0.625rem !default;
|
||||
$navigation-sub-item-opacity: 0.5 !default;
|
||||
|
||||
|
||||
// Dark sidebar navigation styles
|
||||
$navigation-dark-color: rgba($sidebar-dark-color, 0.9) !default;
|
||||
$navigation-dark-hover-bg: rgba($black, 0.15) !default;
|
||||
$navigation-dark-hover-color: $sidebar-dark-color !default;
|
||||
$navigation-dark-active-bg: $color-teal-400 !default;
|
||||
$navigation-dark-active-color: $white !default;
|
||||
$navigation-dark-sub-bg: rgba($black, 0.15) !default;
|
||||
$navigation-dark-sub-active-bg: rgba($black, 0.15) !default;
|
||||
$navigation-dark-sub-active-color: $white !default;
|
||||
$navigation-dark-bordered-border-width: $border-width !default;
|
||||
$navigation-dark-bordered-border-color: rgba($white, 0.1) !default;
|
||||
$navigation-dark-bordered-header-bg: rgba($black, 0.1) !default;
|
||||
|
||||
|
||||
// Light sidebar navigation styles
|
||||
$navigation-light-color: rgba($sidebar-light-color, 0.85) !default;
|
||||
$navigation-light-hover-bg: $gray-200 !default;
|
||||
$navigation-light-hover-color: $sidebar-light-color !default;
|
||||
$navigation-light-active-bg: $navigation-light-hover-bg !default;
|
||||
$navigation-light-active-color: $navigation-light-hover-color !default;
|
||||
$navigation-light-sub-bg: transparent !default;
|
||||
$navigation-light-sub-active-bg: $gray-200 !default;
|
||||
$navigation-light-sub-active-color: $body-color !default;
|
||||
$navigation-light-bordered-border-width: $border-width !default;
|
||||
$navigation-light-bordered-border-color: $gray-300 !default;
|
||||
$navigation-light-bordered-header-bg: $gray-100 !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Form components
|
||||
//
|
||||
// Form checks, switches, selects, tags etc.
|
||||
|
||||
// Checkboxes and radios
|
||||
$checkbox-size: 1.25rem !default;
|
||||
$checkbox-color: $color-slate-700 !default;
|
||||
$checkbox-border-width: rem-calc($border-width * 2) !default;
|
||||
$checkbox-border-color: $checkbox-color !default;
|
||||
$checkbox-disabled-opacity: 0.5 !default;
|
||||
|
||||
|
||||
// Switchery toggle
|
||||
$switchery-bg: $white !default;
|
||||
$switchery-border-width: $border-width !default;
|
||||
$switchery-border-color: $gray-400 !default;
|
||||
$switchery-handle-bg: $white !default;
|
||||
$switchery-handle-box-shadow: 0 1px 3px rgba($black, 0.4) !default;
|
||||
$switchery-size: 1.125rem !default;
|
||||
$switchery-margin-x: 0.625rem !default;
|
||||
|
||||
|
||||
// Bootstrap switch
|
||||
$switch-border-width: $border-width !default;
|
||||
$switch-bg-default: $gray-300 !default;
|
||||
$switch-handle-width: 0.25rem !default;
|
||||
$switch-handle-height: 0.625rem !default;
|
||||
$switch-handle-bg: $white !default;
|
||||
$switch-handle-border-color: rgba($black, 0.15) !default;
|
||||
$switch-handle-hover-bg: $gray-100 !default;
|
||||
|
||||
|
||||
// Select2 selects
|
||||
$select2-max-height: 280px !default;
|
||||
$select2-disabled-opacity: 0.6 !default;
|
||||
$select2-custom-disabled-opacity: 0.75 !default;
|
||||
|
||||
$select2-pills-spacer: 0.125rem !default;
|
||||
$select2-pills-bg: $color-slate-700 !default;
|
||||
$select2-pills-color: $white !default;
|
||||
$select2-pills-hover-bg: $select2-pills-bg !default;
|
||||
$select2-pills-hover-color: $select2-pills-color !default;
|
||||
$select2-pills-border-radius: $border-radius !default;
|
||||
|
||||
$select2-light-results-color: $gray-600 !default;
|
||||
$select2-dark-results-color: rgba($white, 0.75) !default;
|
||||
|
||||
|
||||
// Multiselect
|
||||
$multiselect-max-height: 280px !default;
|
||||
$multiselect-font-weight: $font-weight-normal !default;
|
||||
$multiselect-text-transform: none !default;
|
||||
|
||||
|
||||
// Typeahead
|
||||
$typeahead-max-height: 350px !default;
|
||||
$typeahead-max-height-scrollable: 250px !default;
|
||||
|
||||
|
||||
// Tag inputs
|
||||
$tags-spacer: 0.125rem !default;
|
||||
$tags-color: $body-color !default;
|
||||
$tags-hover-color: $white !default;
|
||||
$tags-bg: $gray-300 !default;
|
||||
$tags-hover-bg: $color-blue-500 !default;
|
||||
$tag-disabled-opacity: 0.5 !default;
|
||||
$tag-border-radius: $border-radius !default;
|
||||
|
||||
|
||||
// Form wizard
|
||||
$wizard-step-line-size: 2px !default;
|
||||
$wizard-step-line-color: $gray-300 !default;
|
||||
|
||||
$wizard-step-number-size: rem-calc(38px) !default;
|
||||
$wizard-step-number-bg: $card-bg !default;
|
||||
$wizard-step-number-color: $gray-500 !default;
|
||||
$wizard-step-number-active-bg: $color-info-500 !default;
|
||||
$wizard-step-number-active-color: $white !default;
|
||||
$wizard-step-number-error-bg: $color-danger-500 !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Text editors
|
||||
//
|
||||
// Summernote, trumbowyg, ace code editor
|
||||
|
||||
// Summernote editor
|
||||
$summernote-border-width: $border-width !default;
|
||||
$summernote-border-color: $border-color !default;
|
||||
$summernote-font-path: "../../../../../../global_assets/css/icons/summernote/" !default;
|
||||
$summernote-icon-font-size: 0.875rem !default;
|
||||
$summernote-min-height: rem-calc(150px) !default;
|
||||
|
||||
$summernote-resizer-width: 1.25rem !default;
|
||||
$summernote-resizer-height: $border-width !default;
|
||||
$summernote-resizer-color: $border-color !default;
|
||||
|
||||
|
||||
// Trumbowyg editor
|
||||
$trumbowyg-min-height: 350px !default;
|
||||
|
||||
$trumbowyg-border-width: $border-width !default;
|
||||
$trumbowyg-border-color: $border-color !default;
|
||||
|
||||
$trumbowyg-toolbar-bg: $gray-100 !default;
|
||||
$trumbowyg-toolbar-hover-bg: $gray-300 !default;
|
||||
$trumbowyg-toolbar-color: $body-color !default;
|
||||
$trumbowyg-toolbar-border-width: $border-width !default;
|
||||
$trumbowyg-toolbar-border-color: $border-color !default;
|
||||
$trumbowyg-toolbar-divider-width: 1px !default;
|
||||
$trumbowyg-toolbar-height: ($btn-padding-x * 2) + $icon-font-size + rem-calc($trumbowyg-toolbar-border-width * 2) !default;
|
||||
|
||||
|
||||
// Ace code editor
|
||||
$ace-height: 450px !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Pickers
|
||||
//
|
||||
// Date, time and color pickers
|
||||
|
||||
// Common styles for date pickers
|
||||
$datepicker-padding: 0.9375rem !default;
|
||||
$datepicker-title-font-size: $h6-font-size !default;
|
||||
|
||||
$datepicker-item-padding: $input-btn-padding-y !default;
|
||||
$datepicker-item-weekday-color: $gray-600 !default;
|
||||
$datepicker-item-year-color: $gray-600 !default;
|
||||
$datepicker-item-focusout-color: $gray-500 !default;
|
||||
$datepicker-item-hover-color: $body-color !default;
|
||||
$datepicker-item-hover-bg: $gray-200 !default;
|
||||
$datepicker-item-active-color: $white !default;
|
||||
$datepicker-item-active-bg: $color-teal-400 !default;
|
||||
$datepicker-item-today-color: $body-color !default;
|
||||
$datepicker-item-today-bg: $gray-200 !default;
|
||||
$datepicker-item-disabled-color: $gray-600 !default;
|
||||
$datepicker-item-disabled-bg: transparent !default;
|
||||
|
||||
|
||||
// Pick-a-date picker
|
||||
$pickadate-min-width: 18rem !default;
|
||||
$pickadate-max-width: 20rem !default;
|
||||
$pickadate-max-height: 480px !default;
|
||||
|
||||
|
||||
// Pick-a-time picker
|
||||
$pickatime-max-height: 250px !default;
|
||||
$pickatime-min-width: 16rem !default;
|
||||
$pickatime-max-width: 20rem !default;
|
||||
|
||||
|
||||
// Anytime picker
|
||||
$anytime-year-btn-bg: $color-danger-500 !default;
|
||||
$anytime-year-btn-color: $white !default;
|
||||
|
||||
$anytime-month-btn-bg: $color-teal-400 !default;
|
||||
$anytime-month-btn-color: $white !default;
|
||||
|
||||
$anytime-time-btn-bg: $color-slate-500 !default;
|
||||
$anytime-time-btn-color: $white !default;
|
||||
|
||||
|
||||
// Spectrum color picker
|
||||
$spectrum-padding: 0.625rem !default;
|
||||
$spectrum-width: 13.75rem !default;
|
||||
$spectrum-max-width: 13.75rem !default;
|
||||
|
||||
$spectrum-choose-btn-bg: $color-slate-500 !default;
|
||||
$spectrum-choose-btn-color: $white !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// File uploaders
|
||||
//
|
||||
// Plupload, Bootstrap file input and dropzone
|
||||
|
||||
// Plupload uploader
|
||||
$plupload-max-height: 250px !default;
|
||||
$plupload-bg: #fcfcfc !default;
|
||||
$plupload-border-width: ($border-width * 2) !default;
|
||||
$plupload-border-style: dashed !default;
|
||||
$plupload-border-color: $gray-400 !default;
|
||||
|
||||
$plupload-header-bg: $color-slate-800 !default;
|
||||
$plupload-header-color: $white !default;
|
||||
|
||||
$plupload-placeholder-icon-color: $gray-500 !default;
|
||||
$plupload-placeholder-text-color: $gray-700 !default;
|
||||
|
||||
$plupload-btn-start-bg: theme-color('primary') !default;
|
||||
$plupload-btn-start-border-color: $plupload-btn-start-bg !default;
|
||||
$plupload-btn-start-color: $white !default;
|
||||
|
||||
|
||||
// Bootstrap file input
|
||||
$fileinput-preview-spacer: 0.5rem !default;
|
||||
$fileinput-preview-thumb-width: 10rem !default;
|
||||
$fileinput-preview-thumb-height: 10rem !default;
|
||||
$fileinput-preview-thumb-caption-spacer: 0.75rem !default;
|
||||
$fileinput-preview-footer-bg: $gray-100 !default;
|
||||
$fileinput-preview-progress-height: 0.375rem !default;
|
||||
$fileinput-preview-frame-bg: $card-bg !default;
|
||||
$fileinput-preview-frame-border-width: $border-width !default;
|
||||
$fileinput-preview-frame-border-color: $border-color !default;
|
||||
|
||||
|
||||
// Dropzone
|
||||
$dropzone-min-height: 18rem !default;
|
||||
$dropzone-spacer: 0.3125rem !default;
|
||||
|
||||
$dropzone-bg: #fcfcfc !default;
|
||||
$dropzone-border-width: ($border-width * 2) !default;
|
||||
$dropzone-border-style: dashed !default;
|
||||
$dropzone-border-color: $gray-400 !default;
|
||||
|
||||
$dropzone-placeholder-icon-size: ($icon-font-size * 4) !default;
|
||||
$dropzone-placeholder-icon-color: $gray-500 !default;
|
||||
$dropzone-placeholder-text-color: $gray-700 !default;
|
||||
|
||||
$dropzone-drag-bg: $gray-200 !default;
|
||||
$dropzone-drag-color: $gray-400 !default;
|
||||
$dropzone-drag-border-color: $gray-600 !default;
|
||||
|
||||
$dropzone-preview-spacer: 0.5rem !default;
|
||||
$dropzone-preview-width: 10rem !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Notifications
|
||||
//
|
||||
// Sweet alert and noty.js notification libraries
|
||||
|
||||
// Common styles
|
||||
$notification-width: 20rem !default;
|
||||
$notification-gutter-y: $spacer !default;
|
||||
$notification-gutter-x: $content-container-padding-x !default;
|
||||
$notification-box-shadow: $dropdown-box-shadow !default;
|
||||
|
||||
|
||||
// Noty.js
|
||||
$noty-spacer-y: 0.25rem !default;
|
||||
|
||||
$notification-alert-bg: $color-slate-600 !default;
|
||||
$notification-alert-color: $white !default;
|
||||
$notification-alert-border-color: $notification-alert-bg !default;
|
||||
|
||||
$notification-warning-bg: $color-warning-400 !default;
|
||||
$notification-warning-color: $white !default;
|
||||
$notification-warning-border-color: $notification-warning-bg !default;
|
||||
|
||||
$notification-error-bg: $color-danger-400 !default;
|
||||
$notification-error-color: $white !default;
|
||||
$notification-error-border-color: $notification-error-bg !default;
|
||||
|
||||
$notification-info-bg: $color-blue-500 !default;
|
||||
$notification-info-color: $white !default;
|
||||
$notification-info-border-color: $notification-info-bg !default;
|
||||
|
||||
$notification-success-bg: $color-success-500 !default;
|
||||
$notification-success-color: $white !default;
|
||||
$notification-success-border-color: $notification-success-bg !default;
|
||||
|
||||
$noty-progress-height: 0.1875rem !default;
|
||||
$noty-progress-bg: rgba($black, 0.25) !default;
|
||||
|
||||
|
||||
// Sweet alert 2
|
||||
$swal-padding: 1.25rem !default;
|
||||
$swal-width: 31.25rem !default;
|
||||
$swal-margin-x: $content-container-padding-x !default;
|
||||
|
||||
$swal2-icon-size: 5rem !default;
|
||||
$swal2-icon-border-width: 0.25rem !default;
|
||||
$swal2-icon-spacer: 1rem !default;
|
||||
|
||||
$swal2-step-inactive-color: $text-muted !default;
|
||||
$swal2-step-active-color: $color-primary-500 !default;
|
||||
$swal2-step-complete-color: $swal2-step-active-color !default;
|
||||
$swal2-step-line-color: $gray-400 !default;
|
||||
|
||||
$swal2-error-color: $color-danger-400 !default;
|
||||
$swal2-error-border-color: $swal2-error-color !default;
|
||||
|
||||
$swal2-warning-color: $color-warning-400 !default;
|
||||
$swal2-warning-border-color: $swal2-warning-color !default;
|
||||
|
||||
$swal2-info-color: $color-blue-500 !default;
|
||||
$swal2-info-border-color: $swal2-info-color !default;
|
||||
|
||||
$swal2-question-color: $color-slate-700 !default;
|
||||
$swal2-question-border-color: $swal2-question-color !default;
|
||||
|
||||
$swal2-success-color: $color-success-400 !default;
|
||||
$swal2-success-border-color: $swal2-success-color !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Tables
|
||||
//
|
||||
// Handsontable and datatables.js libraries
|
||||
|
||||
// Handsontable
|
||||
$hot-row-header-width: 5rem !default;
|
||||
$hot-cell-height: 1.875rem !default;
|
||||
$hot-cell-bg: $white !default;
|
||||
$hot-header-bg: $gray-200 !default;
|
||||
$hot-search-result-bg: $color-orange-50 !default;
|
||||
$hot-cell-padding-y: 0.3125rem !default;
|
||||
$hot-cell-padding-x: 0.25rem !default;
|
||||
$hot-datepicker-width: 15.63rem !default;
|
||||
$hot-cell-highlight-bg: $color-primary-50 !default;
|
||||
$hot-cell-highlight-border-color: $color-primary-500 !default;
|
||||
$hot-scrollable-max-height: 22.5rem !default;
|
||||
|
||||
|
||||
// Datatables
|
||||
$dt-spacer-y: $spacer !default;
|
||||
$dt-spacer-x: $card-spacer-x !default;
|
||||
$dt-filter-width: 12.5rem !default;
|
||||
$dt-controls-label-spacer-y: ($input-padding-y + rem-calc($input-border-width)) !default;
|
||||
$dt-controls-label-spacer-x: ($dt-spacer-x / 1.5) !default;
|
||||
|
||||
$dt-pagination-active-bg: $color-slate-800 !default;
|
||||
$dt-pagination-active-color: $white !default;
|
||||
|
||||
$dt-button-collection-2col-width: 18.75rem !default;
|
||||
$dt-button-collection-3col-width: 28.13rem !default;
|
||||
$dt-button-collection-4col-width: 37.5rem !default;
|
||||
|
||||
$dt-ext-select-active-row-bg: $color-success-50 !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Misc components
|
||||
//
|
||||
// Other custom 3rd party extensions and libraries
|
||||
|
||||
// FAB (floating action button)
|
||||
$fab-main-btn-size: (($btn-float-padding + ($icon-font-size / 2)) * 2) !default;
|
||||
$fab-btn-gap: 0.125rem !default;
|
||||
$fab-gutter-x: $content-container-padding-x !default;
|
||||
|
||||
$fab-inner-btn-size: (($btn-float-padding - $fab-btn-gap) * 2) + $icon-font-size !default;
|
||||
$fab-inner-btn-spacing: $spacer !default;
|
||||
|
||||
$fab-badge-spacer-x: 0.25rem !default;
|
||||
$fab-badge-spacer-y: $fab-badge-spacer-x !default;
|
||||
|
||||
$fab-label-light-bg: $white !default;
|
||||
$fab-label-light-color: $body-color !default;
|
||||
|
||||
|
||||
// Fullcalendar
|
||||
$fullcalendar-bg: $card-bg !default;
|
||||
|
||||
$fullcalendar-event-bg: $color-blue-600 !default;
|
||||
$fullcalendar-event-color: $white !default;
|
||||
$fullcalendar-event-border-width: $border-width !default;
|
||||
$fullcalendar-event-border-color: $color-blue-600 !default;
|
||||
|
||||
$fullcalendar-event-spacer: 0.5rem !default;
|
||||
$fullcalendar-event-padding-y: 0.25rem !default;
|
||||
$fullcalendar-event-padding-x: 0.5rem !default;
|
||||
|
||||
$fullcalendar-event-resizer-size-h: 0.5rem !default;
|
||||
$fullcalendar-event-resizer-size-v: 0.5rem !default;
|
||||
|
||||
$fullcalendar-today-bg: $color-success-50 !default;
|
||||
$fullcalendar-bgevent-bg: rgba($color-success-300, 0.3) !default;
|
||||
$fullcalendar-nonbusiness-bg: rgba($gray-400, 0.3) !default;
|
||||
$fullcalendar-highlight-bg: rgba($gray-400, 0.3) !default;
|
||||
$fullcalendar-weekday-bg: $gray-100 !default;
|
||||
$fullcalendar-weekday-color: rgba($body-color, 0.5) !default;
|
||||
|
||||
|
||||
// Sliders (shared styles)
|
||||
$slider-bg: $gray-300 !default;
|
||||
$slider-connect-bg: $color-slate-500 !default;
|
||||
$slider-disabled-opacity: 0.75 !default;
|
||||
$slider-box-shadow: inset 0 1px 1px rgba($black, 0.1) !default;
|
||||
|
||||
$slider-height: 0.375rem !default;
|
||||
$slider-height-lg: ($slider-height + 0.125rem) !default;
|
||||
$slider-height-sm: ($slider-height - 0.125rem) !default;
|
||||
$slider-vertical-height: 10rem !default;
|
||||
|
||||
$slider-handle-bg: $white !default;
|
||||
$slider-handle-inner-bg: $gray-900 !default;
|
||||
$slider-handle-border-width: $border-width !default;
|
||||
$slider-handle-border-color: $gray-500 !default;
|
||||
$slider-handle-hover-bg: $gray-100 !default;
|
||||
$slider-handle-inner-hover-bg: $gray-800 !default;
|
||||
|
||||
$slider-pips-color: $gray-700 !default;
|
||||
$slider-pips-spacer-y: 1rem !default;
|
||||
$slider-pips-marker-width: 0.0625rem !default;
|
||||
$slider-pips-marker-height: 0.1875rem !default;
|
||||
$slider-pips-font-size: $font-size-xs !default;
|
||||
$slider-pips-line-height: $line-height-xs !default;
|
||||
|
||||
|
||||
// Image cropper
|
||||
$cropper-grid-size: $border-width !default;
|
||||
$cropper-grid-color: $gray-300 !default;
|
||||
$cropper-grid-center-size: ($border-width * 9) !default;
|
||||
|
||||
$cropper-resizer-color: $color-primary-500 !default;
|
||||
$cropper-resizer-size: 0.375rem !default;
|
||||
$cropper-resizer-size-lg: 1.25rem !default;
|
||||
|
||||
|
||||
// Fancybox
|
||||
$fancybox-nav-spacer-x: 0.625rem !default;
|
||||
$fancybox-nav-spacer-y: $fancybox-nav-spacer-x !default;
|
||||
$fancybox-nav-padding: 0.375rem !default;
|
||||
$fancybox-nav-bg: rgba($black, 0.5) !default;
|
||||
$fancybox-nav-color: $white !default;
|
||||
$fancybox-nav-hover-bg: $gray-900 !default;
|
||||
$fancybox-nav-hover-color: $fancybox-nav-color !default;
|
||||
|
||||
$fancybox-caption-padding-y: 0.5rem !default;
|
||||
$fancybox-caption-padding-x: 0.625rem !default;
|
||||
$fancybox-caption-bg: rgba($black, 0.5) !default;
|
||||
$fancybox-caption-color: $white !default;
|
||||
|
||||
|
||||
// Fancytree
|
||||
$fancytree-node-padding-y: 0.25rem !default;
|
||||
$fancytree-node-padding-x: 0.5rem !default;
|
||||
|
||||
$fancytree-node-selected-bg: $gray-300 !default;
|
||||
$fancytree-node-selected-color: $body-color !default;
|
||||
|
||||
$fancytree-node-active-bg: $color-primary-500 !default;
|
||||
$fancytree-node-active-color: $white !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Page kits
|
||||
//
|
||||
// Feeds, timelines, profiles, chats, inbox, ecommerce etc
|
||||
//
|
||||
|
||||
// Timelines
|
||||
$timeline-icon-size: 3rem !default;
|
||||
$timeline-line-width: ($border-width * 2) !default;
|
||||
$timeline-line-color: $gray-500 !default;
|
||||
$timeline-icon-bg: $card-bg !default;
|
||||
$timeline-icon-border-width: ($timeline-line-width * 2) !default;
|
||||
$timeline-content-padding-x: $content-container-padding-x !default;
|
||||
|
||||
|
||||
// Feeds
|
||||
$list-feed-circle-radius: 0.5rem !default; // must be equal to even px value
|
||||
$list-feed-circle-border-width: ($border-width * 2) !default;
|
||||
$list-feed-circle-border-color: $color-slate-500 !default;
|
||||
$list-feed-circle-position: ($line-height-computed - ($list-feed-circle-radius + rem-calc($list-feed-circle-border-width))) / 2 !default;
|
||||
|
||||
$list-feed-item-padding-y: 1.25rem !default;
|
||||
$list-feed-item-padding-x: ($card-spacer-x + $list-feed-circle-radius) !default;
|
||||
|
||||
|
||||
// Blog
|
||||
$blog-horizontal-img-max-width: 25rem !default;
|
||||
$blog-horizontal-img-max-width-lg: 31.25rem !default;
|
||||
$blog-horizontal-img-max-width-sm: 18.75rem !default;
|
||||
$blog-horizontal-img-max-width-xs: 12.5rem !default;
|
||||
|
||||
|
||||
// Login page
|
||||
$login-form-width: 20rem !default;
|
||||
|
||||
|
||||
// Error pages
|
||||
$error-title-color: $white !default;
|
||||
$error-title-font-size: 12.5rem !default;
|
||||
$error-title-font-size-sm: 8.125rem !default;
|
||||
|
||||
$error-offline-title-font-size: 10rem !default;
|
||||
$error-offline-title-font-size-sm: 6.875rem !default;
|
||||
|
||||
|
||||
// Profile pages
|
||||
$profile-cover-element-shadow: 0 0 0.1875rem rgba($black, 0.5) !default;
|
||||
$profile-thumb-size: 6.25rem !default;
|
||||
$profile-thumb-border-width: ($border-width * 3) !default;
|
||||
$profile-thumb-border-color: $white !default;
|
||||
$profile-cover-height: 21.88rem !default;
|
||||
|
||||
|
||||
// Inbox
|
||||
$inbox-read-row-bg: $gray-100 !default;
|
||||
$inbox-unread-row-bg: $card-bg !default;
|
||||
|
||||
|
||||
// Chats
|
||||
$chat-list-max-height: 520px !default;
|
||||
$chat-message-arrow-size: ($border-width * 5) !default;
|
||||
$chat-message-border-radius: $border-radius !default;
|
||||
$chat-message-padding-y: 0.625rem !default;
|
||||
$chat-message-padding-x: 1rem !default;
|
||||
|
||||
$chat-message-bg: $gray-300 !default;
|
||||
$chat-message-color: $body-color !default;
|
||||
$chat-message-reversed-bg: $color-primary-400 !default;
|
||||
$chat-message-reversed-color: $white !default;
|
||||
|
||||
|
||||
// Pricing tables
|
||||
$pricing-title-font-size: 2.625rem !default;
|
||||
$pricing-subtitle-font-size: 1.875rem !default;
|
||||
|
||||
$pricing-list-item-padding-y: 1rem !default;
|
||||
$pricing-list-item-border-width: $border-width !default;
|
||||
$pricing-list-item-border-color: rgba($black, 0.1) !default;
|
||||
|
||||
$pricing-ribbon-box-shadow: 0 4px 6px rgba($black, 0.1) !default;
|
||||
@@ -0,0 +1,61 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Bootstrap v4.3.1 (https://getbootstrap.com)
|
||||
*
|
||||
* Copyright 2011-2018 The Bootstrap Authors
|
||||
* Copyright 2011-2018 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/material/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/material/bootstrap_limitless/mixins";
|
||||
|
||||
// Import default files
|
||||
@import "../../../../_bootstrap/root";
|
||||
@import "../../../../_bootstrap/reboot";
|
||||
@import "../../../../_bootstrap/type";
|
||||
@import "../../../../_bootstrap/images";
|
||||
@import "../../../../_bootstrap/code";
|
||||
@import "../../../../_bootstrap/grid";
|
||||
@import "../../../../_bootstrap/tables";
|
||||
@import "../../../../_bootstrap/forms";
|
||||
@import "../../../../_bootstrap/buttons";
|
||||
@import "../../../../_bootstrap/transitions";
|
||||
@import "../../../../_bootstrap/dropdown";
|
||||
@import "../../../../_bootstrap/button-group";
|
||||
@import "../../../../_bootstrap/input-group";
|
||||
@import "../../../../_bootstrap/custom-forms";
|
||||
@import "../../../../_bootstrap/nav";
|
||||
@import "../../../../_bootstrap/navbar";
|
||||
@import "../../../../_bootstrap/card";
|
||||
@import "../../../../_bootstrap/breadcrumb";
|
||||
@import "../../../../_bootstrap/pagination";
|
||||
@import "../../../../_bootstrap/badge";
|
||||
@import "../../../../_bootstrap/jumbotron";
|
||||
@import "../../../../_bootstrap/alert";
|
||||
@import "../../../../_bootstrap/progress";
|
||||
@import "../../../../_bootstrap/media";
|
||||
@import "../../../../_bootstrap/list-group";
|
||||
@import "../../../../_bootstrap/close";
|
||||
@import "../../../../_bootstrap/toasts";
|
||||
@import "../../../../_bootstrap/modal";
|
||||
@import "../../../../_bootstrap/tooltip";
|
||||
@import "../../../../_bootstrap/popover";
|
||||
@import "../../../../_bootstrap/carousel";
|
||||
@import "../../../../_bootstrap/spinners";
|
||||
@import "../../../../_bootstrap/utilities";
|
||||
@import "../../../../_bootstrap/print";
|
||||
+53
@@ -0,0 +1,53 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Bootstrap v4.3.1 (https://getbootstrap.com)
|
||||
*
|
||||
* Copyright 2011-2018 The Bootstrap Authors
|
||||
* Copyright 2011-2018 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/material/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/material/bootstrap_limitless/mixins";
|
||||
|
||||
// Import default files
|
||||
@import "../../../../themes/material/bootstrap_limitless/reboot";
|
||||
@import "../../../../themes/material/bootstrap_limitless/type";
|
||||
@import "../../../../themes/material/bootstrap_limitless/code";
|
||||
@import "../../../../themes/material/bootstrap_limitless/tables";
|
||||
@import "../../../../themes/material/bootstrap_limitless/forms";
|
||||
@import "../../../../themes/material/bootstrap_limitless/buttons";
|
||||
@import "../../../../themes/material/bootstrap_limitless/dropdown";
|
||||
@import "../../../../themes/material/bootstrap_limitless/button-group";
|
||||
@import "../../../../themes/material/bootstrap_limitless/input-group";
|
||||
@import "../../../../themes/material/bootstrap_limitless/custom-forms";
|
||||
@import "../../../../themes/material/bootstrap_limitless/nav";
|
||||
@import "../../../../themes/material/bootstrap_limitless/navbar";
|
||||
@import "../../../../themes/material/bootstrap_limitless/card";
|
||||
@import "../../../../themes/material/bootstrap_limitless/breadcrumb";
|
||||
@import "../../../../themes/material/bootstrap_limitless/pagination";
|
||||
@import "../../../../themes/material/bootstrap_limitless/badge";
|
||||
@import "../../../../themes/material/bootstrap_limitless/alert";
|
||||
@import "../../../../themes/material/bootstrap_limitless/progress";
|
||||
@import "../../../../themes/material/bootstrap_limitless/media";
|
||||
@import "../../../../themes/material/bootstrap_limitless/list-group";
|
||||
@import "../../../../themes/material/bootstrap_limitless/close";
|
||||
@import "../../../../themes/material/bootstrap_limitless/toasts";
|
||||
@import "../../../../themes/material/bootstrap_limitless/modal";
|
||||
@import "../../../../themes/material/bootstrap_limitless/tooltip";
|
||||
@import "../../../../themes/material/bootstrap_limitless/popover";
|
||||
@import "../../../../themes/material/bootstrap_limitless/utilities";
|
||||
@@ -0,0 +1,26 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Custom color system
|
||||
*
|
||||
* Custom color system styles, includes background, border and text colors
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/material/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/material/bootstrap_limitless/mixins";
|
||||
|
||||
// Color system, always load last
|
||||
@import "../../../../themes/material/colors/colors";
|
||||
@@ -0,0 +1,346 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Components
|
||||
*
|
||||
* Components import. Ordering matters. See _config.scss for more options
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
// Core
|
||||
// ------------------------------
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/material/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/material/bootstrap_limitless/mixins";
|
||||
|
||||
// FOUC helpers
|
||||
@import "../../../../shared/utils/fouc";
|
||||
|
||||
|
||||
// Page loader
|
||||
// ------------------------------
|
||||
|
||||
// Pace page loader
|
||||
@import "../../../../shared/pace/theme-default";
|
||||
|
||||
// Pace.js demo, remove in real project
|
||||
@import "../../../../shared/pace/pace-demo";
|
||||
|
||||
|
||||
// Forms
|
||||
// ------------------------------
|
||||
|
||||
// Uniform
|
||||
@import "../../../../themes/material/components/forms/uniform";
|
||||
|
||||
// Switchery
|
||||
@import "../../../../themes/material/components/forms/switchery";
|
||||
|
||||
// BS switch
|
||||
@import "../../../../themes/material/components/forms/bootstrap-switch";
|
||||
|
||||
|
||||
// Select2
|
||||
@import "../../../../themes/material/components/forms/select2";
|
||||
|
||||
// Multiselect
|
||||
@import "../../../../themes/material/components/forms/multiselect";
|
||||
|
||||
|
||||
// Passy
|
||||
@import "../../../../themes/material/components/forms/passy";
|
||||
|
||||
// Typeahead
|
||||
@import "../../../../themes/material/components/forms/typeahead";
|
||||
|
||||
// Validation
|
||||
@import "../../../../themes/material/components/forms/validation";
|
||||
|
||||
// Floating labels
|
||||
@import "../../../../themes/material/components/forms/floating-labels";
|
||||
|
||||
// Alpaca
|
||||
@import "../../../../themes/material/components/forms/alpaca";
|
||||
|
||||
|
||||
// Tokenfield
|
||||
@import "../../../../themes/material/components/forms/tokenfield";
|
||||
|
||||
// Tags input
|
||||
@import "../../../../themes/material/components/forms/tags-input";
|
||||
|
||||
|
||||
// Touchspin spinners
|
||||
@import "../../../../themes/material/components/forms/touchspin";
|
||||
|
||||
// Dual listboxes
|
||||
@import "../../../../themes/material/components/forms/dual-listbox";
|
||||
|
||||
|
||||
// Wizard
|
||||
@import "../../../../themes/material/components/forms/wizard";
|
||||
|
||||
|
||||
// Text editors
|
||||
// ------------------------------
|
||||
|
||||
// Summernote
|
||||
@import "../../../../themes/material/components/forms/editors/summernote";
|
||||
|
||||
// Trumbowyg
|
||||
@import "../../../../themes/material/components/forms/editors/trumbowyg";
|
||||
|
||||
// Ace
|
||||
@import "../../../../themes/material/components/forms/editors/ace";
|
||||
|
||||
|
||||
// Pickers
|
||||
// ------------------------------
|
||||
|
||||
// Daterange picker
|
||||
@import "../../../../themes/material/components/pickers/daterange";
|
||||
|
||||
// Pickadate base
|
||||
@import "../../../../themes/material/components/pickers/pickadate/base";
|
||||
|
||||
// Pickadate date picker
|
||||
@import "../../../../themes/material/components/pickers/pickadate/date";
|
||||
|
||||
// Pickadate time picker
|
||||
@import "../../../../themes/material/components/pickers/pickadate/time";
|
||||
|
||||
// Anytime picker
|
||||
@import "../../../../themes/material/components/pickers/anytime";
|
||||
|
||||
// Color picker
|
||||
@import "../../../../themes/material/components/pickers/spectrum";
|
||||
|
||||
|
||||
// File uploaders
|
||||
// ------------------------------
|
||||
|
||||
// Plupload
|
||||
@import "../../../../themes/material/components/forms/uploaders/plupload";
|
||||
|
||||
// File input
|
||||
@import "../../../../themes/material/components/forms/uploaders/file-input";
|
||||
|
||||
// Dropzone
|
||||
@import "../../../../themes/material/components/forms/uploaders/dropzone";
|
||||
|
||||
|
||||
// Notifications
|
||||
// ------------------------------
|
||||
|
||||
// Noty notifications
|
||||
@import "../../../../themes/material/components/notifications/noty";
|
||||
|
||||
// PNotify notifications
|
||||
@import "../../../../themes/material/components/notifications/pnotify";
|
||||
|
||||
// jGrowl notifications
|
||||
@import "../../../../themes/material/components/notifications/jgrowl.scss";
|
||||
|
||||
// Sweet Alerts
|
||||
@import "../../../../themes/material/components/notifications/sweet-alerts";
|
||||
|
||||
|
||||
// Sliders
|
||||
// ------------------------------
|
||||
|
||||
// Slider pips
|
||||
@import "../../../../themes/material/components/sliders/slider-pips";
|
||||
|
||||
// NoUI slider
|
||||
@import "../../../../themes/material/components/sliders/noui-slider";
|
||||
|
||||
// Ion range slider
|
||||
@import "../../../../themes/material/components/sliders/ion-range-slider";
|
||||
|
||||
|
||||
// jQuery UI components
|
||||
// ------------------------------
|
||||
|
||||
// Interactions
|
||||
@import "../../../../themes/material/components/jquery_ui/interactions";
|
||||
|
||||
// Widgets
|
||||
@import "../../../../themes/material/components/jquery_ui/widgets";
|
||||
|
||||
|
||||
// UI components
|
||||
// ------------------------------
|
||||
|
||||
// [Material] Ripple effect
|
||||
@import "../../../../themes/material/components/ui/ripple";
|
||||
|
||||
// Prism - syntax highlighter
|
||||
@import "../../../../themes/material/components/ui/prism";
|
||||
|
||||
// Slinky - multi level drilldown menu
|
||||
@import "../../../../themes/material/components/ui/slinky";
|
||||
|
||||
// Sticky kit
|
||||
@import "../../../../themes/material/components/ui/sticky";
|
||||
|
||||
// Headroom - hhide navbar on scroll
|
||||
@import "../../../../themes/material/components/ui/headroom";
|
||||
|
||||
// Dragula
|
||||
@import "../../../../themes/material/components/ui/dragula";
|
||||
|
||||
// Perfect scrollbar
|
||||
@import "../../../../themes/material/components/ui/perfect-scrollbar";
|
||||
|
||||
|
||||
// Misc components
|
||||
// ------------------------------
|
||||
|
||||
// [Material] Floating action buttons
|
||||
@import "../../../../themes/material/components/misc/fab";
|
||||
|
||||
// Fancytree
|
||||
@import "../../../../themes/material/components/misc/fancytree";
|
||||
|
||||
// Progress buttons
|
||||
@import "../../../../themes/material/components/misc/progress-buttons";
|
||||
|
||||
// Full calendar
|
||||
@import "../../../../themes/material/components/misc/fullcalendar.scss";
|
||||
|
||||
// Image cropper
|
||||
@import "../../../../themes/material/components/misc/image-cropper";
|
||||
|
||||
// Lightbox plugin
|
||||
@import "../../../../themes/material/components/misc/fancybox";
|
||||
|
||||
|
||||
// Tables
|
||||
// ------------------------------
|
||||
|
||||
// Footable - responsive table tools
|
||||
@import "../../../../themes/material/components/tables/footable";
|
||||
|
||||
|
||||
// Handsontable
|
||||
// ------------------------------
|
||||
|
||||
// Handsontable - excel-like spreadsheet for apps
|
||||
@import "../../../../themes/material/components/tables/handsontable";
|
||||
|
||||
|
||||
// Datatables
|
||||
// ------------------------------
|
||||
|
||||
// Core
|
||||
@import "../../../../themes/material/components/tables/datatables/datatables";
|
||||
|
||||
// Datatables - columns reorder
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-columns-reorder";
|
||||
|
||||
// Datatables - rows reorder
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-rows-reorder";
|
||||
|
||||
// Datatables - fixed columns
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-fixed-columns";
|
||||
|
||||
// Datatables - fixed header
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-fixed-header";
|
||||
|
||||
// Datatables - autofill
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-autofill";
|
||||
|
||||
// Datatables - select
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-select";
|
||||
|
||||
// Datatables - buttons
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-buttons";
|
||||
|
||||
// Datatables - key table
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-keytable";
|
||||
|
||||
// Datatables - scroller
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-scroller";
|
||||
|
||||
// Datatables - responsive
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-responsive";
|
||||
|
||||
|
||||
// Maps
|
||||
// ------------------------------
|
||||
|
||||
// Google Maps
|
||||
@import "../../../../shared/maps/google-maps";
|
||||
|
||||
// jVectorMap
|
||||
@import "../../../../shared/maps/jvectormap";
|
||||
|
||||
|
||||
// Charts
|
||||
// ------------------------------
|
||||
|
||||
// Charts base
|
||||
@import "../../../../shared/charts/charts";
|
||||
|
||||
// C3 chart library
|
||||
@import "../../../../shared/charts/c3";
|
||||
|
||||
// D3 chart library
|
||||
@import "../../../../shared/charts/d3";
|
||||
|
||||
|
||||
// Page kits
|
||||
// ------------------------------
|
||||
|
||||
// ECommerce
|
||||
@import "../../../../shared/pages/ecommerce";
|
||||
|
||||
// Blog
|
||||
@import "../../../../shared/pages/blog";
|
||||
|
||||
// Task manager
|
||||
@import "../../../../shared/pages/task-manager";
|
||||
|
||||
// Inbox
|
||||
@import "../../../../shared/pages/inbox";
|
||||
|
||||
// Profile
|
||||
@import "../../../../shared/pages/profile";
|
||||
|
||||
// Login
|
||||
@import "../../../../shared/pages/login";
|
||||
|
||||
// Timelines
|
||||
@import "../../../../shared/pages/timelines";
|
||||
|
||||
// Chats
|
||||
@import "../../../../shared/pages/chats";
|
||||
|
||||
// Error page
|
||||
@import "../../../../shared/pages/error";
|
||||
|
||||
|
||||
// Other components
|
||||
// ------------------------------
|
||||
|
||||
// Heading elements
|
||||
@import "../../../../themes/material/components/ui/header-elements";
|
||||
|
||||
// Helpers
|
||||
@import "../../../../shared/utils/helpers";
|
||||
|
||||
// Plugins demo, remove in real project
|
||||
@import "../../../../themes/material/components/demo";
|
||||
@@ -0,0 +1,35 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Core layout
|
||||
*
|
||||
* Content area, sidebar, page header and boxed layout styles
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/material/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/material/bootstrap_limitless/mixins";
|
||||
|
||||
// Content
|
||||
@import "../layout/content";
|
||||
|
||||
// Header
|
||||
@import "../layout/header";
|
||||
|
||||
// Sidebar
|
||||
@import "../layout/sidebar";
|
||||
|
||||
// Boxed layout
|
||||
@import "../layout/boxed";
|
||||
@@ -0,0 +1,69 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Boxed layout
|
||||
*
|
||||
* Styles for main structure of content area in boxed layout
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-boxed {
|
||||
|
||||
// Class for body, adds background color/image
|
||||
.layout-boxed-bg {
|
||||
background: $boxed-bg; // mainly for demo, use whatever you want
|
||||
}
|
||||
|
||||
// Boxed layout base
|
||||
.layout-boxed {
|
||||
@include box-shadow($boxed-container-box-shadow);
|
||||
|
||||
// Sizing
|
||||
&,
|
||||
> .navbar {
|
||||
@include media-breakpoint-up(lg) {
|
||||
width: map-get($grid-breakpoints, "lg");
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
@include media-breakpoint-up(xl) {
|
||||
width: map-get($grid-breakpoints, "xl");
|
||||
}
|
||||
}
|
||||
|
||||
// Page container
|
||||
.page-content {
|
||||
background-color: $body-bg;
|
||||
}
|
||||
}
|
||||
|
||||
// Boxed content section
|
||||
.content-boxed {
|
||||
@include media-breakpoint-up(lg) {
|
||||
&:not(.navbar-collapse) {
|
||||
margin-left: 6%;
|
||||
margin-right: 6%;
|
||||
}
|
||||
|
||||
// Inside navbar
|
||||
.navbar > & {
|
||||
> *:first-child {
|
||||
margin-left: 6%;
|
||||
}
|
||||
> *:last-child {
|
||||
margin-right: 6%;
|
||||
}
|
||||
}
|
||||
|
||||
// Inside breadcrumb line
|
||||
.breadcrumb-line > & {
|
||||
> *:first-child {
|
||||
margin-left: $content-container-padding-x;
|
||||
}
|
||||
> *:last-child {
|
||||
margin-right: $content-container-padding-x;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,42 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Main content layout
|
||||
*
|
||||
* Styles for main structure of content area
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Make sure document has 100% height
|
||||
html {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
// Document body
|
||||
body {
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
// Main container
|
||||
.page-content {
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
// Content wrapper
|
||||
.content-wrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
// Main content container
|
||||
.content {
|
||||
padding: $content-container-padding-y $content-container-padding-x;
|
||||
flex-grow: 1;
|
||||
@include clearfix;
|
||||
}
|
||||
@@ -0,0 +1,118 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Page header
|
||||
*
|
||||
* Page header components and color options
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Page title
|
||||
.page-title {
|
||||
padding: $page-header-padding-y 0;
|
||||
position: relative;
|
||||
|
||||
// Subtitle
|
||||
small {
|
||||
display: inline-block;
|
||||
margin-left: $element-spacer-x;
|
||||
|
||||
// Divider
|
||||
&:before {
|
||||
content: '/';
|
||||
margin-right: ($element-spacer-x + 0.25rem);
|
||||
}
|
||||
|
||||
// On a new line
|
||||
&.d-block {
|
||||
margin-left: 0;
|
||||
|
||||
&:before {
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Add left spacing to align with text
|
||||
small.d-block,
|
||||
.breadcrumb {
|
||||
margin-left: ($icon-font-size + $element-spacer-x + 0.25rem);
|
||||
}
|
||||
|
||||
// Remove margin from headings
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Page header content
|
||||
.page-header-content {
|
||||
position: relative;
|
||||
padding: 0 $page-header-padding-x;
|
||||
|
||||
// With custom colored bottom border
|
||||
&[class*=border-bottom-] + .breadcrumb-line {
|
||||
border-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Page header colors
|
||||
//
|
||||
|
||||
// Light
|
||||
.page-header-light {
|
||||
background-color: $page-header-light-bg;
|
||||
|
||||
// Cover image
|
||||
&.has-cover {
|
||||
background: url(#{$img-path}/backgrounds/seamless.png); // feel free to change
|
||||
}
|
||||
}
|
||||
|
||||
// Dark
|
||||
.page-header-dark {
|
||||
background-color: $page-header-dark-bg;
|
||||
color: $page-header-dark-color;
|
||||
margin-bottom: $spacer;
|
||||
|
||||
// Breadcrumbs
|
||||
> .breadcrumb,
|
||||
.page-header-content .breadcrumb {
|
||||
|
||||
// Links
|
||||
> li > a,
|
||||
> li + li:before {
|
||||
color: rgba($page-header-dark-color, 0.9);
|
||||
}
|
||||
|
||||
// Hovered links
|
||||
> li > a {
|
||||
@include hover-focus {
|
||||
color: $page-header-dark-color;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// Active item
|
||||
> .active {
|
||||
color: rgba($page-header-dark-color, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
// Cover image
|
||||
&.has-cover {
|
||||
background: url(#{$img-path}/login_cover.jpg); // feel free to change
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
|
||||
// Common
|
||||
.page-header-light,
|
||||
.page-header-dark {
|
||||
box-shadow: $shadow-depth1;
|
||||
|
||||
.breadcrumb-line:not(.breadcrumb-line-component):last-child {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,846 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Additional variables
|
||||
*
|
||||
* Mainly 3rd party libraries and additional variables for default
|
||||
* Bootstrap components.
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
//
|
||||
// Light contextual colors
|
||||
//
|
||||
// Includes 50 shades from custom color palette
|
||||
|
||||
$theme-colors-light: () !default;
|
||||
$theme-colors-light: map-merge((
|
||||
"primary": $color-primary-50,
|
||||
"secondary": $gray-300,
|
||||
"success": $color-success-50,
|
||||
"info": $color-info-50,
|
||||
"warning": $color-orange-50,
|
||||
"danger": $color-danger-50,
|
||||
"light": $gray-200,
|
||||
"dark": $color-slate-50
|
||||
), $theme-colors-light);
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Content styling
|
||||
//
|
||||
// Various custom variables for text, icons, elements, blocks etc
|
||||
|
||||
// Content divider
|
||||
$content-divider-height: $border-width !default;
|
||||
$content-divider-color: $border-color !default;
|
||||
|
||||
// Shadows used in :hover/:focus states
|
||||
$hover-shadow-lighter: 0 0 0 62.5rem rgba($black, 0.01) inset !default;
|
||||
$hover-shadow-darker: 0 0 0 62.5rem rgba($black, 0.04) inset !default;
|
||||
|
||||
// Images
|
||||
$img-path: '../../../../../../global_assets/images' !default;
|
||||
$img-preview-max-height: 5rem !default;
|
||||
|
||||
// Wrappers for element spacers. Uses default $spacers map
|
||||
$element-spacer-x-sm: map-get($spacers, 1) !default;
|
||||
$element-spacer-x: map-get($spacers, 2) !default;
|
||||
$element-spacer-x-lg: map-get($spacers, 3) !default;
|
||||
|
||||
// Header elements
|
||||
$header-elements-padding-y: $spacer !default;
|
||||
$header-elements-padding-x: $grid-gutter-width !default;
|
||||
|
||||
// Icons
|
||||
$list-icons-spacer: 0.375rem !default;
|
||||
|
||||
$icon-caret-up: '\e9ca' !default;
|
||||
$icon-caret-down: '\e9c9' !default;
|
||||
$icon-caret-left: '\e9c8' !default;
|
||||
$icon-caret-right: '\e9cb' !default;
|
||||
|
||||
$icon-alert-styled-base: '\e9a2' !default;
|
||||
$icon-alert-styled-danger: '\ed64' !default;
|
||||
$icon-alert-styled-success: '\ed6e' !default;
|
||||
$icon-alert-styled-warning: '\e9bd' !default;
|
||||
$icon-alert-styled-info: '\e9b9' !default;
|
||||
$icon-alert-styled-custom: '\e81b' !default;
|
||||
|
||||
$icon-validation-error: '\ed63' !default;
|
||||
$icon-validation-success: '\ee73' !default;
|
||||
|
||||
$icon-notification-sticker: '\ee70' !default;
|
||||
$icon-notification-stuck: '\ee75' !default;
|
||||
|
||||
$icon-table-row-expand: '\e9e4' !default;
|
||||
$icon-table-row-collapse: '\e9e7' !default;
|
||||
$icon-table-sorting-up: '\e9c2' !default;
|
||||
$icon-table-sorting-down: '\e9c1' !default;
|
||||
$icon-table-button-confirm: '\ed6e' !default;
|
||||
|
||||
$icon-menu-arrow-down: '\e9c5' !default;
|
||||
$icon-menu-sub-arrow-ltr: '\e9c7' !default;
|
||||
$icon-menu-sub-arrow-rtl: '\e9c4' !default;
|
||||
$icon-menu-slinky-back-ltr: '\ede7' !default;
|
||||
$icon-menu-slinky-back-rtl: '\ede5' !default;
|
||||
|
||||
$icon-nav-prev: '\e9c8' !default;
|
||||
$icon-nav-next: '\e9cb' !default;
|
||||
$icon-nav-calendar-prev: '\e9c0' !default;
|
||||
$icon-nav-calendar-next: '\e9c3' !default;
|
||||
|
||||
$icon-indicator-expand: '\e9c5' !default;
|
||||
$icon-indicator-collapse: '\e9c7' !default;
|
||||
|
||||
$icon-spinner-up: '\e9f7' !default;
|
||||
$icon-spinner-down: '\e9e2' !default;
|
||||
|
||||
$icon-uploader-placeholder: '\ea0e' !default;
|
||||
$icon-uploader-placeholder-actions: '\ec67' !default;
|
||||
|
||||
$icon-action-cross: '\ed6a' !default;
|
||||
$icon-action-cross-sm: '\ed6b' !default;
|
||||
|
||||
$icon-fancytree-file: '\ea1a' !default;
|
||||
$icon-fancytree-sub-collapse: '\ea0f' !default;
|
||||
$icon-fancytree-sub-expand: '\ea11' !default;
|
||||
$icon-fancytree-folder: '\ea3d' !default;
|
||||
$icon-fancytree-folder-collapse: '\ea41' !default;
|
||||
$icon-fancytree-folder-expand: '\ea43' !default;
|
||||
|
||||
$icon-card-collapse: '\e9b8' !default;
|
||||
$icon-card-expand: '\e9b7' !default;
|
||||
$icon-card-action-collapse: '\e9c1' !default;
|
||||
$icon-card-action-reload: '\e9fb' !default;
|
||||
$icon-card-action-remove: '\ed6a' !default;
|
||||
$icon-card-action-move: '\e986' !default;
|
||||
$icon-card-action-full-base: '\e9f9' !default;
|
||||
$icon-card-action-full-active: '\e9fa' !default;
|
||||
$icon-card-action-modal: '\e9eb' !default;
|
||||
|
||||
$icon-wizard-step-current: '\e913' !default;
|
||||
$icon-wizard-step-complete: '\ed6f' !default;
|
||||
|
||||
$icon-picker-color-clear: '\ee6e' !default;
|
||||
$icon-checkbox-tick: '\e600' !default;
|
||||
$icon-search-magnifier: '\e98e' !default;
|
||||
$icon-loading-spinner: '\eb51' !default;
|
||||
$icon-list-dot: '\f052' !default;
|
||||
|
||||
// Transition timers
|
||||
$component-transition-timer: 0.15s !default;
|
||||
$component-transition-delay: 0.15s !default;
|
||||
|
||||
// Enhanced media objects
|
||||
$media-title-margin-bottom: 0.125rem !default;
|
||||
$media-link-hover-bg: rgba($black, 0.04) !default;
|
||||
$media-padding-x: 1.25rem !default;
|
||||
$media-padding-y: 1rem !default;
|
||||
$media-border-width: $border-width !default;
|
||||
$media-border-color: $border-color !default;
|
||||
|
||||
// Enhanced dropdown menus
|
||||
$dropdown-content-header-padding-y: 1rem !default;
|
||||
$dropdown-content-body-padding-y: 1.25rem !default;
|
||||
$dropdown-content-body-padding-x: 1.25rem !default;
|
||||
$dropdown-content-footer-padding-y: 0.75rem !default;
|
||||
$dropdown-content-footer-border-width: $border-width !default;
|
||||
$dropdown-content-footer-border-color: $border-color !default;
|
||||
|
||||
// Perfect scrollbar
|
||||
$ps-size: 0.25rem !default;
|
||||
$ps-gap: 0.125rem !default;
|
||||
$ps-bg: $gray-600 !default;
|
||||
$ps-opacity: 0.75 !default;
|
||||
|
||||
// jQuery UI
|
||||
$ui-accordion-spacer-y: 0.5rem !default;
|
||||
$ui-autocomplete-height: 250px !default;
|
||||
$ui-datepicker-width: 270px !default;
|
||||
|
||||
// Charts
|
||||
$chart-container-height: 400px !default;
|
||||
$chart-min-width: 37.5rem !default;
|
||||
$chart-pie-min-width: 31.25rem !default;
|
||||
|
||||
// Maps
|
||||
$map-container-height: 500px !default;
|
||||
$map-container-sidebar-height: 200px !default;
|
||||
|
||||
// Misc
|
||||
$select-custom-width: 220px !default;
|
||||
$cursor-disabled: default !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Page header
|
||||
//
|
||||
// Includes page header base, colors and page title
|
||||
|
||||
$page-header-elements-border-width: $border-width !default;
|
||||
|
||||
$page-header-padding-y: 2rem !default;
|
||||
$page-header-padding-x: $grid-gutter-width !default;
|
||||
|
||||
$page-header-light-bg: $white !default;
|
||||
$page-header-light-border-color: $border-color !default;
|
||||
$page-header-light-elements-bg: $gray-100 !default;
|
||||
$page-header-light-elements-border-color: $page-header-light-border-color !default;
|
||||
|
||||
$page-header-dark-bg: #273246 !default;
|
||||
$page-header-dark-color: $white !default;
|
||||
$page-header-dark-border-color: rgba($white, 0.2) !default;
|
||||
$page-header-dark-elements-bg: rgba($black, 0.1) !default;
|
||||
$page-header-dark-elements-border-color: $page-header-dark-border-color !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Content area
|
||||
//
|
||||
// Area below page header, Also includes boxed layout
|
||||
|
||||
$content-container-padding-y: $spacer !default;
|
||||
$content-container-padding-x: $grid-gutter-width !default;
|
||||
|
||||
$boxed-bg: url(#{$img-path}/backgrounds/boxed_bg.png) repeat !default;
|
||||
$boxed-container-box-shadow: -4px 2px 4px rgba($black, 0.15), 4px 2px 4px rgba($black, 0.15) !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Sidebar
|
||||
//
|
||||
// Includes sidebar sizes, colors and user areas
|
||||
|
||||
// Base
|
||||
$sidebar-base-width: rem-calc(270px) !default;
|
||||
$sidebar-mini-width: ($spacer * 2) + $icon-font-size !default;
|
||||
|
||||
|
||||
// Light sidebar
|
||||
$sidebar-light-bg: $white !default;
|
||||
$sidebar-light-color: $body-color !default;
|
||||
$sidebar-light-border-width: 0 !default;
|
||||
$sidebar-light-border-color: rgba($black, 0.125) !default;
|
||||
$sidebar-light-toggler-bg: darken($sidebar-light-bg, 4%) !default;
|
||||
$sidebar-light-toggler-color: rgba($sidebar-light-color, 0.8) !default;
|
||||
$sidebar-light-toggler-hover-bg: transparent !default;
|
||||
$sidebar-light-toggler-hover-color: $sidebar-light-color !default;
|
||||
$sidebar-light-tabs-bg: darken($sidebar-light-bg, 4%) !default;
|
||||
$sidebar-light-xs-menu-bg: darken($sidebar-light-bg, 1%) !default;
|
||||
|
||||
$sidebar-light-user-menu-bg: transparent !default;
|
||||
$sidebar-light-user-menu-border-width: $border-width !default;
|
||||
$sidebar-light-user-menu-border-color: $border-color !default;
|
||||
|
||||
|
||||
// Dark sidebar
|
||||
$sidebar-dark-bg: $color-slate-900 !default;
|
||||
$sidebar-dark-color: $white !default;
|
||||
$sidebar-dark-border-width: $border-width !default;
|
||||
$sidebar-dark-border-color: rgba($white, 0.1) !default;
|
||||
$sidebar-dark-toggler-bg: darken($sidebar-dark-bg, 4%) !default;
|
||||
$sidebar-dark-toggler-color: rgba($sidebar-dark-color, 0.9) !default;
|
||||
$sidebar-dark-toggler-hover-bg: transparent !default;
|
||||
$sidebar-dark-toggler-hover-color: $sidebar-dark-color !default;
|
||||
$sidebar-dark-tabs-bg: darken($sidebar-dark-bg, 4%) !default;
|
||||
$sidebar-dark-xs-menu-bg: lighten($sidebar-dark-bg, 5%) !default;
|
||||
|
||||
$sidebar-dark-user-menu-bg: transparent !default;
|
||||
$sidebar-dark-user-menu-border-width: $border-width !default;
|
||||
$sidebar-dark-user-menu-border-color: rgba($white, 0.1) !default;
|
||||
|
||||
|
||||
// Shadows [material only]
|
||||
$sidebar-left-desktop-box-shadow: $shadow-depth1 !default;
|
||||
$sidebar-left-mobile-box-shadow: 0.25rem 0 1rem rgba(0, 0, 0, 0.35) !default;
|
||||
|
||||
$sidebar-right-desktop-box-shadow: $shadow-depth1 !default;
|
||||
$sidebar-right-mobile-box-shadow: -0.25rem 0 1rem rgba(0, 0, 0, 0.35) !default;
|
||||
|
||||
|
||||
// Z-indexes
|
||||
$sidebar-zindex: ($zindex-fixed + 10) !default;
|
||||
$sidebar-zindex-main: 99 !default;
|
||||
$sidebar-zindex-secondary: ($sidebar-zindex-main - 1) !default;
|
||||
$sidebar-zindex-right: ($sidebar-zindex-main - 2) !default;
|
||||
$sidebar-zindex-component: ($sidebar-zindex-main - 3) !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Main vertical navigation
|
||||
//
|
||||
// Includes base styles, levels and colors
|
||||
|
||||
$navigation-padding-y: 0.5rem !default;
|
||||
|
||||
$navigation-item-padding-y: 0.75rem !default;
|
||||
$navigation-item-padding-x: 1.25rem !default;
|
||||
$navigation-item-spacer-y: 1px !default;
|
||||
$navigation-item-font-weight: $font-weight-semibold !default;
|
||||
$navigation-item-disabled-opacity: 0.5 !default;
|
||||
|
||||
$navigation-sub-padding-y: 0.625rem !default;
|
||||
$navigation-sub-item-opacity: 0.5 !default;
|
||||
|
||||
|
||||
// Dark sidebar navigation styles
|
||||
$navigation-dark-color: rgba($sidebar-dark-color, 0.9) !default;
|
||||
$navigation-dark-hover-bg: rgba($black, 0.15) !default;
|
||||
$navigation-dark-hover-color: $sidebar-dark-color !default;
|
||||
$navigation-dark-active-bg: $color-teal-400 !default;
|
||||
$navigation-dark-active-color: $white !default;
|
||||
$navigation-dark-sub-bg: rgba($black, 0.15) !default;
|
||||
$navigation-dark-sub-active-bg: rgba($black, 0.15) !default;
|
||||
$navigation-dark-sub-active-color: $white !default;
|
||||
$navigation-dark-bordered-border-width: $border-width !default;
|
||||
$navigation-dark-bordered-border-color: rgba($white, 0.1) !default;
|
||||
$navigation-dark-bordered-header-bg: rgba($black, 0.1) !default;
|
||||
|
||||
|
||||
// Light sidebar navigation styles
|
||||
$navigation-light-color: rgba($sidebar-light-color, 0.85) !default;
|
||||
$navigation-light-hover-bg: $gray-200 !default;
|
||||
$navigation-light-hover-color: $sidebar-light-color !default;
|
||||
$navigation-light-active-bg: $navigation-light-hover-bg !default;
|
||||
$navigation-light-active-color: $navigation-light-hover-color !default;
|
||||
$navigation-light-sub-bg: transparent !default;
|
||||
$navigation-light-sub-active-bg: $gray-200 !default;
|
||||
$navigation-light-sub-active-color: $body-color !default;
|
||||
$navigation-light-bordered-border-width: $border-width !default;
|
||||
$navigation-light-bordered-border-color: $gray-400 !default;
|
||||
$navigation-light-bordered-header-bg: $gray-100 !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Form components
|
||||
//
|
||||
// Form checks, switches, selects, tags etc.
|
||||
|
||||
// Checkboxes and radios
|
||||
$checkbox-size: 1.25rem !default;
|
||||
$checkbox-color: $color-slate-700 !default;
|
||||
$checkbox-border-width: rem-calc($border-width * 2) !default;
|
||||
$checkbox-border-color: $checkbox-color !default;
|
||||
$checkbox-disabled-opacity: 0.5 !default;
|
||||
|
||||
|
||||
// Switchery toggle
|
||||
$switchery-bg: $white !default;
|
||||
$switchery-border-width: $border-width !default;
|
||||
$switchery-border-color: $gray-400 !default;
|
||||
$switchery-handle-bg: $white !default;
|
||||
$switchery-handle-box-shadow: 0 1px 3px rgba($black, 0.4) !default;
|
||||
$switchery-size: 1.125rem !default;
|
||||
$switchery-margin-x: 0.625rem !default;
|
||||
|
||||
|
||||
// Bootstrap switch
|
||||
$switch-border-width: $border-width !default;
|
||||
$switch-bg-default: $gray-300 !default;
|
||||
$switch-handle-width: 0.25rem !default;
|
||||
$switch-handle-height: 0.625rem !default;
|
||||
$switch-handle-bg: $white !default;
|
||||
$switch-handle-border-color: rgba($black, 0.15) !default;
|
||||
$switch-handle-hover-bg: $gray-100 !default;
|
||||
|
||||
|
||||
// Select2 selects
|
||||
$select2-max-height: 280px !default;
|
||||
$select2-disabled-opacity: 0.6 !default;
|
||||
$select2-custom-disabled-opacity: 0.75 !default;
|
||||
|
||||
$select2-pills-spacer: 0.0625rem !default;
|
||||
$select2-pills-bg: $gray-300 !default;
|
||||
$select2-pills-color: $body-color !default;
|
||||
$select2-pills-hover-bg: $color-blue-500 !default;
|
||||
$select2-pills-hover-color: $white !default;
|
||||
$select2-pills-border-radius: $border-radius-round !default;
|
||||
|
||||
$select2-light-results-color: $gray-600 !default;
|
||||
$select2-dark-results-color: rgba($white, 0.75) !default;
|
||||
|
||||
|
||||
// Multiselect
|
||||
$multiselect-max-height: 280px !default;
|
||||
$multiselect-font-weight: $font-weight-normal !default;
|
||||
$multiselect-text-transform: none !default;
|
||||
|
||||
|
||||
// Typeahead
|
||||
$typeahead-max-height: 350px !default;
|
||||
$typeahead-max-height-scrollable: 250px !default;
|
||||
|
||||
|
||||
// Tag inputs
|
||||
$tags-spacer: 0.0625rem !default;
|
||||
$tags-color: $body-color !default;
|
||||
$tags-hover-color: $white !default;
|
||||
$tags-bg: $gray-300 !default;
|
||||
$tags-hover-bg: $color-blue-500 !default;
|
||||
$tag-disabled-opacity: 0.5 !default;
|
||||
$tag-border-radius: $border-radius-round !default;
|
||||
|
||||
|
||||
// Form wizard
|
||||
$wizard-step-line-size: 2px !default;
|
||||
$wizard-step-line-color: $gray-300 !default;
|
||||
|
||||
$wizard-step-number-size: rem-calc(38px) !default;
|
||||
$wizard-step-number-bg: $card-bg !default;
|
||||
$wizard-step-number-color: $gray-500 !default;
|
||||
$wizard-step-number-active-bg: $color-info-500 !default;
|
||||
$wizard-step-number-active-color: $white !default;
|
||||
$wizard-step-number-error-bg: $color-danger-500 !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Text editors
|
||||
//
|
||||
// Summernote, trumbowyg, ace code editor
|
||||
|
||||
// Summernote editor
|
||||
$summernote-border-width: $border-width !default;
|
||||
$summernote-border-color: $border-color !default;
|
||||
$summernote-font-path: "../../../../../../global_assets/css/icons/summernote/" !default;
|
||||
$summernote-icon-font-size: 0.875rem !default;
|
||||
$summernote-min-height: rem-calc(150px) !default;
|
||||
|
||||
$summernote-resizer-width: 1.25rem !default;
|
||||
$summernote-resizer-height: $border-width !default;
|
||||
$summernote-resizer-color: $border-color !default;
|
||||
|
||||
|
||||
// Trumbowyg editor
|
||||
$trumbowyg-min-height: 350px !default;
|
||||
|
||||
$trumbowyg-border-width: $border-width !default;
|
||||
$trumbowyg-border-color: $border-color !default;
|
||||
|
||||
$trumbowyg-toolbar-bg: $gray-100 !default;
|
||||
$trumbowyg-toolbar-hover-bg: $gray-300 !default;
|
||||
$trumbowyg-toolbar-color: $body-color !default;
|
||||
$trumbowyg-toolbar-border-width: $border-width !default;
|
||||
$trumbowyg-toolbar-border-color: $border-color !default;
|
||||
$trumbowyg-toolbar-divider-width: 0 !default;
|
||||
$trumbowyg-toolbar-height: ($btn-padding-x * 2) + $icon-font-size + rem-calc($trumbowyg-toolbar-border-width * 2) !default;
|
||||
|
||||
|
||||
// Ace code editor
|
||||
$ace-height: 450px !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Pickers
|
||||
//
|
||||
// Date, time and color pickers
|
||||
|
||||
// Common styles for date pickers
|
||||
$datepicker-padding: 0.9375rem !default;
|
||||
$datepicker-title-font-size: $h6-font-size !default;
|
||||
|
||||
$datepicker-item-padding: $input-btn-padding-y !default;
|
||||
$datepicker-item-weekday-color: $gray-600 !default;
|
||||
$datepicker-item-year-color: $gray-600 !default;
|
||||
$datepicker-item-focusout-color: $gray-500 !default;
|
||||
$datepicker-item-hover-color: $body-color !default;
|
||||
$datepicker-item-hover-bg: $gray-200 !default;
|
||||
$datepicker-item-active-color: $white !default;
|
||||
$datepicker-item-active-bg: $color-teal-400 !default;
|
||||
$datepicker-item-today-color: $body-color !default;
|
||||
$datepicker-item-today-bg: $gray-200 !default;
|
||||
$datepicker-item-disabled-color: $gray-600 !default;
|
||||
$datepicker-item-disabled-bg: transparent !default;
|
||||
|
||||
|
||||
// Pick-a-date picker
|
||||
$pickadate-min-width: 18rem !default;
|
||||
$pickadate-max-width: 20rem !default;
|
||||
$pickadate-max-height: 480px !default;
|
||||
|
||||
|
||||
// Pick-a-time picker
|
||||
$pickatime-max-height: 250px !default;
|
||||
$pickatime-min-width: 16rem !default;
|
||||
$pickatime-max-width: 20rem !default;
|
||||
|
||||
|
||||
// Anytime picker
|
||||
$anytime-year-btn-bg: $color-danger-500 !default;
|
||||
$anytime-year-btn-color: $white !default;
|
||||
|
||||
$anytime-month-btn-bg: $color-teal-400 !default;
|
||||
$anytime-month-btn-color: $white !default;
|
||||
|
||||
$anytime-time-btn-bg: $color-slate-500 !default;
|
||||
$anytime-time-btn-color: $white !default;
|
||||
|
||||
|
||||
// Spectrum color picker
|
||||
$spectrum-padding: 0.625rem !default;
|
||||
$spectrum-width: 13.75rem !default;
|
||||
$spectrum-max-width: 13.75rem !default;
|
||||
|
||||
$spectrum-choose-btn-bg: $color-slate-500 !default;
|
||||
$spectrum-choose-btn-color: $white !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// File uploaders
|
||||
//
|
||||
// Plupload, Bootstrap file input and dropzone
|
||||
|
||||
// Plupload uploader
|
||||
$plupload-max-height: 250px !default;
|
||||
$plupload-bg: $white !default;
|
||||
$plupload-border-width: ($border-width * 2) !default;
|
||||
$plupload-border-style: dashed !default;
|
||||
$plupload-border-color: $gray-400 !default;
|
||||
|
||||
$plupload-header-bg: $color-slate-800 !default;
|
||||
$plupload-header-color: $white !default;
|
||||
|
||||
$plupload-placeholder-icon-color: $gray-500 !default;
|
||||
$plupload-placeholder-text-color: $gray-700 !default;
|
||||
|
||||
$plupload-btn-start-bg: theme-color('primary') !default;
|
||||
$plupload-btn-start-border-color: $plupload-btn-start-bg !default;
|
||||
$plupload-btn-start-color: $white !default;
|
||||
|
||||
|
||||
// Bootstrap file input
|
||||
$fileinput-preview-spacer: 0.5rem !default;
|
||||
$fileinput-preview-thumb-width: 10rem !default;
|
||||
$fileinput-preview-thumb-height: 10rem !default;
|
||||
$fileinput-preview-thumb-caption-spacer: 0.75rem !default;
|
||||
$fileinput-preview-footer-bg: $gray-100 !default;
|
||||
$fileinput-preview-progress-height: 0.375rem !default;
|
||||
$fileinput-preview-frame-bg: $card-bg !default;
|
||||
$fileinput-preview-frame-border-width: $border-width !default;
|
||||
$fileinput-preview-frame-border-color: $border-color !default;
|
||||
|
||||
|
||||
// Dropzone
|
||||
$dropzone-min-height: 18rem !default;
|
||||
$dropzone-spacer: 0.3125rem !default;
|
||||
|
||||
$dropzone-bg: #fcfcfc !default;
|
||||
$dropzone-border-width: ($border-width * 2) !default;
|
||||
$dropzone-border-style: dashed !default;
|
||||
$dropzone-border-color: $gray-400 !default;
|
||||
|
||||
$dropzone-placeholder-icon-size: ($icon-font-size * 4) !default;
|
||||
$dropzone-placeholder-icon-color: $gray-500 !default;
|
||||
$dropzone-placeholder-text-color: $gray-700 !default;
|
||||
|
||||
$dropzone-drag-bg: $gray-200 !default;
|
||||
$dropzone-drag-color: $gray-400 !default;
|
||||
$dropzone-drag-border-color: $gray-600 !default;
|
||||
|
||||
$dropzone-preview-spacer: 0.5rem !default;
|
||||
$dropzone-preview-width: 10rem !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Notifications
|
||||
//
|
||||
// Sweet alert and noty.js notification libraries
|
||||
|
||||
// Common styles
|
||||
$notification-width: 20rem !default;
|
||||
$notification-gutter-y: $spacer !default;
|
||||
$notification-gutter-x: $content-container-padding-x !default;
|
||||
$notification-box-shadow: $shadow-depth1 !default;
|
||||
|
||||
|
||||
// Noty.js
|
||||
$noty-spacer-y: 0.25rem !default;
|
||||
|
||||
$notification-alert-bg: $color-slate-600 !default;
|
||||
$notification-alert-color: $white !default;
|
||||
$notification-alert-border-color: $notification-alert-bg !default;
|
||||
|
||||
$notification-warning-bg: $color-warning-400 !default;
|
||||
$notification-warning-color: $white !default;
|
||||
$notification-warning-border-color: $notification-warning-bg !default;
|
||||
|
||||
$notification-error-bg: $color-danger-400 !default;
|
||||
$notification-error-color: $white !default;
|
||||
$notification-error-border-color: $notification-error-bg !default;
|
||||
|
||||
$notification-info-bg: $color-blue-500 !default;
|
||||
$notification-info-color: $white !default;
|
||||
$notification-info-border-color: $notification-info-bg !default;
|
||||
|
||||
$notification-success-bg: $color-success-500 !default;
|
||||
$notification-success-color: $white !default;
|
||||
$notification-success-border-color: $notification-success-bg !default;
|
||||
|
||||
$noty-progress-height: 0.1875rem !default;
|
||||
$noty-progress-bg: rgba($black, 0.25) !default;
|
||||
|
||||
|
||||
// Sweet alert 2
|
||||
$swal-padding: 1.25rem !default;
|
||||
$swal-width: 31.25rem !default;
|
||||
$swal-margin-x: $content-container-padding-x !default;
|
||||
|
||||
$swal2-icon-size: 5rem !default;
|
||||
$swal2-icon-border-width: 0.25rem !default;
|
||||
$swal2-icon-spacer: 1rem !default;
|
||||
|
||||
$swal2-step-inactive-color: $text-muted !default;
|
||||
$swal2-step-active-color: $color-primary-500 !default;
|
||||
$swal2-step-complete-color: $swal2-step-active-color !default;
|
||||
$swal2-step-line-color: $gray-400 !default;
|
||||
|
||||
$swal2-error-color: $color-danger-400 !default;
|
||||
$swal2-error-border-color: $swal2-error-color !default;
|
||||
|
||||
$swal2-warning-color: $color-warning-400 !default;
|
||||
$swal2-warning-border-color: $swal2-warning-color !default;
|
||||
|
||||
$swal2-info-color: $color-blue-500 !default;
|
||||
$swal2-info-border-color: $swal2-info-color !default;
|
||||
|
||||
$swal2-question-color: $color-slate-700 !default;
|
||||
$swal2-question-border-color: $swal2-question-color !default;
|
||||
|
||||
$swal2-success-color: $color-success-400 !default;
|
||||
$swal2-success-border-color: $swal2-success-color !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Tables
|
||||
//
|
||||
// Handsontable and datatables.js libraries
|
||||
|
||||
// Handsontable
|
||||
$hot-row-header-width: 5rem !default;
|
||||
$hot-cell-height: 1.875rem !default;
|
||||
$hot-cell-bg: $white !default;
|
||||
$hot-header-bg: $gray-200 !default;
|
||||
$hot-search-result-bg: $color-orange-50 !default;
|
||||
$hot-cell-padding-y: 0.3125rem !default;
|
||||
$hot-cell-padding-x: 0.25rem !default;
|
||||
$hot-datepicker-width: 15.63rem !default;
|
||||
$hot-cell-highlight-bg: $color-primary-50 !default;
|
||||
$hot-cell-highlight-border-color: $color-primary-500 !default;
|
||||
$hot-scrollable-max-height: 22.5rem !default;
|
||||
|
||||
|
||||
// Datatables
|
||||
$dt-spacer-y: $spacer !default;
|
||||
$dt-spacer-x: $card-spacer-x !default;
|
||||
$dt-filter-width: 12.5rem !default;
|
||||
$dt-controls-label-spacer-y: ($input-padding-y + rem-calc($input-border-width)) !default;
|
||||
$dt-controls-label-spacer-x: ($dt-spacer-x / 1.5) !default;
|
||||
|
||||
$dt-pagination-active-bg: $color-slate-800 !default;
|
||||
$dt-pagination-active-color: $white !default;
|
||||
|
||||
$dt-button-collection-2col-width: 18.75rem !default;
|
||||
$dt-button-collection-3col-width: 28.13rem !default;
|
||||
$dt-button-collection-4col-width: 37.5rem !default;
|
||||
|
||||
$dt-ext-select-active-row-bg: $color-success-50 !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Misc components
|
||||
//
|
||||
// Other custom 3rd party extensions and libraries
|
||||
|
||||
// FAB (floating action button)
|
||||
$fab-main-btn-size: (($btn-float-padding + ($icon-font-size / 2)) * 2) !default;
|
||||
$fab-btn-gap: 0.125rem !default;
|
||||
$fab-gutter-x: $content-container-padding-x !default;
|
||||
|
||||
$fab-inner-btn-size: (($btn-float-padding - $fab-btn-gap) * 2) + $icon-font-size !default;
|
||||
$fab-inner-btn-spacing: $spacer !default;
|
||||
|
||||
$fab-badge-spacer-x: 0.25rem !default;
|
||||
$fab-badge-spacer-y: $fab-badge-spacer-x !default;
|
||||
|
||||
$fab-label-light-bg: $white !default;
|
||||
$fab-label-light-color: $body-color !default;
|
||||
|
||||
|
||||
// Fullcalendar
|
||||
$fullcalendar-bg: $card-bg !default;
|
||||
|
||||
$fullcalendar-event-bg: $color-blue-600 !default;
|
||||
$fullcalendar-event-color: $white !default;
|
||||
$fullcalendar-event-border-width: $border-width !default;
|
||||
$fullcalendar-event-border-color: $color-blue-600 !default;
|
||||
|
||||
$fullcalendar-event-spacer: 0.5rem !default;
|
||||
$fullcalendar-event-padding-y: 0.25rem !default;
|
||||
$fullcalendar-event-padding-x: 0.5rem !default;
|
||||
|
||||
$fullcalendar-event-resizer-size-h: 0.5rem !default;
|
||||
$fullcalendar-event-resizer-size-v: 0.5rem !default;
|
||||
|
||||
$fullcalendar-today-bg: $color-success-50 !default;
|
||||
$fullcalendar-bgevent-bg: rgba($color-success-300, 0.3) !default;
|
||||
$fullcalendar-nonbusiness-bg: rgba($gray-400, 0.3) !default;
|
||||
$fullcalendar-highlight-bg: rgba($gray-400, 0.3) !default;
|
||||
$fullcalendar-weekday-bg: $gray-100 !default;
|
||||
$fullcalendar-weekday-color: rgba($body-color, 0.5) !default;
|
||||
|
||||
|
||||
// Sliders (shared styles)
|
||||
$slider-bg: $gray-300 !default;
|
||||
$slider-connect-bg: $color-indigo-400 !default;
|
||||
$slider-disabled-opacity: 0.75 !default;
|
||||
$slider-box-shadow: inset 0 1px 1px rgba($black, 0.1) !default;
|
||||
|
||||
$slider-height: 0.3125rem !default;
|
||||
$slider-height-lg: ($slider-height + 0.125rem) !default;
|
||||
$slider-height-sm: ($slider-height - 0.125rem) !default;
|
||||
$slider-vertical-height: 10rem !default;
|
||||
|
||||
$slider-handle-bg: $slider-connect-bg !default;
|
||||
$slider-handle-inner-bg: $slider-connect-bg !default;
|
||||
$slider-handle-border-width: $border-width !default;
|
||||
$slider-handle-border-color: transparent !default;
|
||||
$slider-handle-hover-bg: $slider-handle-bg !default;
|
||||
$slider-handle-inner-hover-bg: $slider-handle-hover-bg !default;
|
||||
|
||||
$slider-pips-color: $gray-700 !default;
|
||||
$slider-pips-spacer-y: 1rem !default;
|
||||
$slider-pips-marker-width: 0.0625rem !default;
|
||||
$slider-pips-marker-height: 0.1875rem !default;
|
||||
$slider-pips-font-size: $font-size-xs !default;
|
||||
$slider-pips-line-height: $line-height-xs !default;
|
||||
|
||||
|
||||
// Image cropper
|
||||
$cropper-grid-size: $border-width !default;
|
||||
$cropper-grid-color: $gray-300 !default;
|
||||
$cropper-grid-center-size: ($border-width * 9) !default;
|
||||
|
||||
$cropper-resizer-color: $color-primary-500 !default;
|
||||
$cropper-resizer-size: 0.375rem !default;
|
||||
$cropper-resizer-size-lg: 1.25rem !default;
|
||||
|
||||
|
||||
// Fancybox
|
||||
$fancybox-nav-spacer-x: 0.625rem !default;
|
||||
$fancybox-nav-spacer-y: $fancybox-nav-spacer-x !default;
|
||||
$fancybox-nav-padding: 0.375rem !default;
|
||||
$fancybox-nav-bg: rgba($black, 0.5) !default;
|
||||
$fancybox-nav-color: $white !default;
|
||||
$fancybox-nav-hover-bg: $gray-900 !default;
|
||||
$fancybox-nav-hover-color: $fancybox-nav-color !default;
|
||||
|
||||
$fancybox-caption-padding-y: 0.5rem !default;
|
||||
$fancybox-caption-padding-x: 0.625rem !default;
|
||||
$fancybox-caption-bg: rgba($black, 0.5) !default;
|
||||
$fancybox-caption-color: $white !default;
|
||||
|
||||
|
||||
// Fancytree
|
||||
$fancytree-node-padding-y: 0.25rem !default;
|
||||
$fancytree-node-padding-x: 0.5rem !default;
|
||||
|
||||
$fancytree-node-selected-bg: $gray-300 !default;
|
||||
$fancytree-node-selected-color: $body-color !default;
|
||||
|
||||
$fancytree-node-active-bg: $color-primary-500 !default;
|
||||
$fancytree-node-active-color: $white !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Page kits
|
||||
//
|
||||
// Feeds, timelines, profiles, chats, inbox, ecommerce etc
|
||||
//
|
||||
|
||||
// Timelines
|
||||
$timeline-icon-size: 3rem !default;
|
||||
$timeline-line-width: ($border-width * 2) !default;
|
||||
$timeline-line-color: $gray-500 !default;
|
||||
$timeline-icon-bg: $card-bg !default;
|
||||
$timeline-icon-border-width: ($timeline-line-width * 2) !default;
|
||||
$timeline-content-padding-x: $content-container-padding-x !default;
|
||||
|
||||
|
||||
// Feeds
|
||||
$list-feed-circle-radius: 0.5rem !default; // must be equal to even px value
|
||||
$list-feed-circle-border-width: ($border-width * 2) !default;
|
||||
$list-feed-circle-border-color: $color-slate-500 !default;
|
||||
$list-feed-circle-position: ($line-height-computed - ($list-feed-circle-radius + rem-calc($list-feed-circle-border-width))) / 2 !default;
|
||||
|
||||
$list-feed-item-padding-y: 1.25rem !default;
|
||||
$list-feed-item-padding-x: ($card-spacer-x + $list-feed-circle-radius) !default;
|
||||
|
||||
|
||||
// Blog
|
||||
$blog-horizontal-img-max-width: 25rem !default;
|
||||
$blog-horizontal-img-max-width-lg: 31.25rem !default;
|
||||
$blog-horizontal-img-max-width-sm: 18.75rem !default;
|
||||
$blog-horizontal-img-max-width-xs: 12.5rem !default;
|
||||
|
||||
|
||||
// Login page
|
||||
$login-form-width: 20rem !default;
|
||||
|
||||
|
||||
// Error pages
|
||||
$error-title-color: $white !default;
|
||||
$error-title-font-size: 12.5rem !default;
|
||||
$error-title-font-size-sm: 8.125rem !default;
|
||||
|
||||
$error-offline-title-font-size: 10rem !default;
|
||||
$error-offline-title-font-size-sm: 6.875rem !default;
|
||||
|
||||
|
||||
// Profile pages
|
||||
$profile-cover-element-shadow: 0 0 0.1875rem rgba($black, 0.5) !default;
|
||||
$profile-thumb-size: 6.25rem !default;
|
||||
$profile-thumb-border-width: ($border-width * 3) !default;
|
||||
$profile-thumb-border-color: $white !default;
|
||||
$profile-cover-height: 21.88rem !default;
|
||||
|
||||
|
||||
// Inbox
|
||||
$inbox-read-row-bg: $gray-100 !default;
|
||||
$inbox-unread-row-bg: $card-bg !default;
|
||||
|
||||
|
||||
// Chats
|
||||
$chat-list-max-height: 520px !default;
|
||||
$chat-message-arrow-size: ($border-width * 5) !default;
|
||||
$chat-message-border-radius: $border-radius !default;
|
||||
$chat-message-padding-y: 0.625rem !default;
|
||||
$chat-message-padding-x: 1rem !default;
|
||||
|
||||
$chat-message-bg: $gray-300 !default;
|
||||
$chat-message-color: $body-color !default;
|
||||
$chat-message-reversed-bg: $color-primary-400 !default;
|
||||
$chat-message-reversed-color: $white !default;
|
||||
|
||||
|
||||
// Pricing tables
|
||||
$pricing-title-font-size: 2.625rem !default;
|
||||
$pricing-subtitle-font-size: 1.875rem !default;
|
||||
|
||||
$pricing-list-item-padding-y: 1rem !default;
|
||||
$pricing-list-item-border-width: $border-width !default;
|
||||
$pricing-list-item-border-color: rgba($black, 0.1) !default;
|
||||
|
||||
$pricing-ribbon-box-shadow: 0 4px 6px rgba($black, 0.1) !default;
|
||||
@@ -0,0 +1,61 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Bootstrap v4.3.1 (https://getbootstrap.com)
|
||||
*
|
||||
* Copyright 2011-2018 The Bootstrap Authors
|
||||
* Copyright 2011-2018 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/default/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/default/bootstrap_limitless/mixins";
|
||||
|
||||
// Import default files
|
||||
@import "../../../../_bootstrap/root";
|
||||
@import "../../../../_bootstrap/reboot";
|
||||
@import "../../../../_bootstrap/type";
|
||||
@import "../../../../_bootstrap/images";
|
||||
@import "../../../../_bootstrap/code";
|
||||
@import "../../../../_bootstrap/grid";
|
||||
@import "../../../../_bootstrap/tables";
|
||||
@import "../../../../_bootstrap/forms";
|
||||
@import "../../../../_bootstrap/buttons";
|
||||
@import "../../../../_bootstrap/transitions";
|
||||
@import "../../../../_bootstrap/dropdown";
|
||||
@import "../../../../_bootstrap/button-group";
|
||||
@import "../../../../_bootstrap/input-group";
|
||||
@import "../../../../_bootstrap/custom-forms";
|
||||
@import "../../../../_bootstrap/nav";
|
||||
@import "../../../../_bootstrap/navbar";
|
||||
@import "../../../../_bootstrap/card";
|
||||
@import "../../../../_bootstrap/breadcrumb";
|
||||
@import "../../../../_bootstrap/pagination";
|
||||
@import "../../../../_bootstrap/badge";
|
||||
@import "../../../../_bootstrap/jumbotron";
|
||||
@import "../../../../_bootstrap/alert";
|
||||
@import "../../../../_bootstrap/progress";
|
||||
@import "../../../../_bootstrap/media";
|
||||
@import "../../../../_bootstrap/list-group";
|
||||
@import "../../../../_bootstrap/close";
|
||||
@import "../../../../_bootstrap/toasts";
|
||||
@import "../../../../_bootstrap/modal";
|
||||
@import "../../../../_bootstrap/tooltip";
|
||||
@import "../../../../_bootstrap/popover";
|
||||
@import "../../../../_bootstrap/carousel";
|
||||
@import "../../../../_bootstrap/spinners";
|
||||
@import "../../../../_bootstrap/utilities";
|
||||
@import "../../../../_bootstrap/print";
|
||||
@@ -0,0 +1,53 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Bootstrap v4.3.1 (https://getbootstrap.com)
|
||||
*
|
||||
* Copyright 2011-2018 The Bootstrap Authors
|
||||
* Copyright 2011-2018 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/default/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/default/bootstrap_limitless/mixins";
|
||||
|
||||
// Import default files
|
||||
@import "../../../../themes/default/bootstrap_limitless/reboot";
|
||||
@import "../../../../themes/default/bootstrap_limitless/type";
|
||||
@import "../../../../themes/default/bootstrap_limitless/code";
|
||||
@import "../../../../themes/default/bootstrap_limitless/tables";
|
||||
@import "../../../../themes/default/bootstrap_limitless/forms";
|
||||
@import "../../../../themes/default/bootstrap_limitless/buttons";
|
||||
@import "../../../../themes/default/bootstrap_limitless/dropdown";
|
||||
@import "../../../../themes/default/bootstrap_limitless/button-group";
|
||||
@import "../../../../themes/default/bootstrap_limitless/input-group";
|
||||
@import "../../../../themes/default/bootstrap_limitless/custom-forms";
|
||||
@import "../../../../themes/default/bootstrap_limitless/nav";
|
||||
@import "../../../../themes/default/bootstrap_limitless/navbar";
|
||||
@import "../../../../themes/default/bootstrap_limitless/card";
|
||||
@import "../../../../themes/default/bootstrap_limitless/breadcrumb";
|
||||
@import "../../../../themes/default/bootstrap_limitless/pagination";
|
||||
@import "../../../../themes/default/bootstrap_limitless/badge";
|
||||
@import "../../../../themes/default/bootstrap_limitless/alert";
|
||||
@import "../../../../themes/default/bootstrap_limitless/progress";
|
||||
@import "../../../../themes/default/bootstrap_limitless/media";
|
||||
@import "../../../../themes/default/bootstrap_limitless/list-group";
|
||||
@import "../../../../themes/default/bootstrap_limitless/close";
|
||||
@import "../../../../themes/default/bootstrap_limitless/toasts";
|
||||
@import "../../../../themes/default/bootstrap_limitless/modal";
|
||||
@import "../../../../themes/default/bootstrap_limitless/tooltip";
|
||||
@import "../../../../themes/default/bootstrap_limitless/popover";
|
||||
@import "../../../../themes/default/bootstrap_limitless/utilities";
|
||||
@@ -0,0 +1,26 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Custom color system
|
||||
*
|
||||
* Custom color system styles, includes background, border and text colors
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/default/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/default/bootstrap_limitless/mixins";
|
||||
|
||||
// Color system, always load last
|
||||
@import "../../../../themes/default/colors/colors";
|
||||
@@ -0,0 +1,343 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Components
|
||||
*
|
||||
* Components import. Ordering matters. See _config.scss for more options
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
// Core
|
||||
// ------------------------------
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/default/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/default/bootstrap_limitless/mixins";
|
||||
|
||||
// FOUC helpers
|
||||
@import "../../../../shared/utils/fouc";
|
||||
|
||||
|
||||
// Page loader
|
||||
// ------------------------------
|
||||
|
||||
// Pace page loader
|
||||
@import "../../../../shared/pace/theme-default";
|
||||
|
||||
// Pace.js demo, remove in real project
|
||||
@import "../../../../shared/pace/pace-demo";
|
||||
|
||||
|
||||
// Forms
|
||||
// ------------------------------
|
||||
|
||||
// Uniform
|
||||
@import "../../../../themes/default/components/forms/uniform";
|
||||
|
||||
// Switchery
|
||||
@import "../../../../themes/default/components/forms/switchery";
|
||||
|
||||
// BS switch
|
||||
@import "../../../../themes/default/components/forms/bootstrap-switch";
|
||||
|
||||
|
||||
// Select2
|
||||
@import "../../../../themes/default/components/forms/select2";
|
||||
|
||||
// Multiselect
|
||||
@import "../../../../themes/default/components/forms/multiselect";
|
||||
|
||||
|
||||
// Passy
|
||||
@import "../../../../themes/default/components/forms/passy";
|
||||
|
||||
// Typeahead
|
||||
@import "../../../../themes/default/components/forms/typeahead";
|
||||
|
||||
// Validation
|
||||
@import "../../../../themes/default/components/forms/validation";
|
||||
|
||||
// Floating labels
|
||||
@import "../../../../themes/default/components/forms/floating-labels";
|
||||
|
||||
// Alpaca
|
||||
@import "../../../../themes/default/components/forms/alpaca";
|
||||
|
||||
|
||||
// Tokenfield
|
||||
@import "../../../../themes/default/components/forms/tokenfield";
|
||||
|
||||
// Tags input
|
||||
@import "../../../../themes/default/components/forms/tags-input";
|
||||
|
||||
|
||||
// Touchspin spinners
|
||||
@import "../../../../themes/default/components/forms/touchspin";
|
||||
|
||||
// Dual listboxes
|
||||
@import "../../../../themes/default/components/forms/dual-listbox";
|
||||
|
||||
|
||||
// Wizard
|
||||
@import "../../../../themes/default/components/forms/wizard";
|
||||
|
||||
|
||||
// Text editors
|
||||
// ------------------------------
|
||||
|
||||
// Summernote
|
||||
@import "../../../../themes/default/components/forms/editors/summernote";
|
||||
|
||||
// Trumbowyg
|
||||
@import "../../../../themes/default/components/forms/editors/trumbowyg";
|
||||
|
||||
// Ace
|
||||
@import "../../../../themes/default/components/forms/editors/ace";
|
||||
|
||||
|
||||
// Pickers
|
||||
// ------------------------------
|
||||
|
||||
// Daterange picker
|
||||
@import "../../../../themes/default/components/pickers/daterange";
|
||||
|
||||
// Pickadate base
|
||||
@import "../../../../themes/default/components/pickers/pickadate/base";
|
||||
|
||||
// Pickadate date picker
|
||||
@import "../../../../themes/default/components/pickers/pickadate/date";
|
||||
|
||||
// Pickadate time picker
|
||||
@import "../../../../themes/default/components/pickers/pickadate/time";
|
||||
|
||||
// Anytime picker
|
||||
@import "../../../../themes/default/components/pickers/anytime";
|
||||
|
||||
// Color picker
|
||||
@import "../../../../themes/default/components/pickers/spectrum";
|
||||
|
||||
|
||||
// File uploaders
|
||||
// ------------------------------
|
||||
|
||||
// Plupload
|
||||
@import "../../../../themes/default/components/forms/uploaders/plupload";
|
||||
|
||||
// File input
|
||||
@import "../../../../themes/default/components/forms/uploaders/file-input";
|
||||
|
||||
// Dropzone
|
||||
@import "../../../../themes/default/components/forms/uploaders/dropzone";
|
||||
|
||||
|
||||
// Notifications
|
||||
// ------------------------------
|
||||
|
||||
// Noty notifications
|
||||
@import "../../../../themes/default/components/notifications/noty";
|
||||
|
||||
// PNotify notifications
|
||||
@import "../../../../themes/default/components/notifications/pnotify";
|
||||
|
||||
// jGrowl notifications
|
||||
@import "../../../../themes/default/components/notifications/jgrowl";
|
||||
|
||||
// Sweet Alerts
|
||||
@import "../../../../themes/default/components/notifications/sweet-alerts";
|
||||
|
||||
|
||||
// Sliders
|
||||
// ------------------------------
|
||||
|
||||
// Slider pips
|
||||
@import "../../../../themes/default/components/sliders/slider-pips";
|
||||
|
||||
// NoUI slider
|
||||
@import "../../../../themes/default/components/sliders/noui-slider";
|
||||
|
||||
// Ion range slider
|
||||
@import "../../../../themes/default/components/sliders/ion-range-slider";
|
||||
|
||||
|
||||
// jQuery UI components
|
||||
// ------------------------------
|
||||
|
||||
// Interactions
|
||||
@import "../../../../themes/default/components/jquery_ui/interactions";
|
||||
|
||||
// Widgets
|
||||
@import "../../../../themes/default/components/jquery_ui/widgets";
|
||||
|
||||
|
||||
// UI components
|
||||
// ------------------------------
|
||||
|
||||
// Prism - syntax highlighter
|
||||
@import "../../../../themes/default/components/ui/prism";
|
||||
|
||||
// Slinky - multi level drilldown menu
|
||||
@import "../../../../themes/default/components/ui/slinky";
|
||||
|
||||
// Sticky kit
|
||||
@import "../../../../themes/default/components/ui/sticky";
|
||||
|
||||
// Headroom - hhide navbar on scroll
|
||||
@import "../../../../themes/default/components/ui/headroom";
|
||||
|
||||
// Dragula
|
||||
@import "../../../../themes/default/components/ui/dragula";
|
||||
|
||||
// Perfect scrollbar
|
||||
@import "../../../../themes/default/components/ui/perfect-scrollbar";
|
||||
|
||||
|
||||
// Misc components
|
||||
// ------------------------------
|
||||
|
||||
// [Material] Floating action buttons
|
||||
@import "../../../../themes/default/components/misc/fab";
|
||||
|
||||
// Fancytree
|
||||
@import "../../../../themes/default/components/misc/fancytree";
|
||||
|
||||
// Progress buttons
|
||||
@import "../../../../themes/default/components/misc/progress-buttons";
|
||||
|
||||
// Full calendar
|
||||
@import "../../../../themes/default/components/misc/fullcalendar";
|
||||
|
||||
// Image cropper
|
||||
@import "../../../../themes/default/components/misc/image-cropper";
|
||||
|
||||
// Lightbox plugin
|
||||
@import "../../../../themes/default/components/misc/fancybox";
|
||||
|
||||
|
||||
// Tables
|
||||
// ------------------------------
|
||||
|
||||
// Footable - responsive table tools
|
||||
@import "../../../../themes/default/components/tables/footable";
|
||||
|
||||
|
||||
// Handsontable
|
||||
// ------------------------------
|
||||
|
||||
// Handsontable - excel-like spreadsheet for apps
|
||||
@import "../../../../themes/default/components/tables/handsontable";
|
||||
|
||||
|
||||
// Datatables
|
||||
// ------------------------------
|
||||
|
||||
// Core
|
||||
@import "../../../../themes/default/components/tables/datatables/datatables";
|
||||
|
||||
// Datatables - columns reorder
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-columns-reorder";
|
||||
|
||||
// Datatables - rows reorder
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-rows-reorder";
|
||||
|
||||
// Datatables - fixed columns
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-fixed-columns";
|
||||
|
||||
// Datatables - fixed header
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-fixed-header";
|
||||
|
||||
// Datatables - autofill
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-autofill";
|
||||
|
||||
// Datatables - select
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-select";
|
||||
|
||||
// Datatables - buttons
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-buttons";
|
||||
|
||||
// Datatables - key table
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-keytable";
|
||||
|
||||
// Datatables - scroller
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-scroller";
|
||||
|
||||
// Datatables - responsive
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-responsive";
|
||||
|
||||
|
||||
// Maps
|
||||
// ------------------------------
|
||||
|
||||
// Google Maps
|
||||
@import "../../../../shared/maps/google-maps";
|
||||
|
||||
// jVectorMap
|
||||
@import "../../../../shared/maps/jvectormap";
|
||||
|
||||
|
||||
// Charts
|
||||
// ------------------------------
|
||||
|
||||
// Charts base
|
||||
@import "../../../../shared/charts/charts";
|
||||
|
||||
// C3 chart library
|
||||
@import "../../../../shared/charts/c3";
|
||||
|
||||
// D3 chart library
|
||||
@import "../../../../shared/charts/d3";
|
||||
|
||||
|
||||
// Page kits
|
||||
// ------------------------------
|
||||
|
||||
// ECommerce
|
||||
@import "../../../../shared/pages/ecommerce";
|
||||
|
||||
// Blog
|
||||
@import "../../../../shared/pages/blog";
|
||||
|
||||
// Task manager
|
||||
@import "../../../../shared/pages/task-manager";
|
||||
|
||||
// Inbox
|
||||
@import "../../../../shared/pages/inbox";
|
||||
|
||||
// Profile
|
||||
@import "../../../../shared/pages/profile";
|
||||
|
||||
// Login
|
||||
@import "../../../../shared/pages/login";
|
||||
|
||||
// Timelines
|
||||
@import "../../../../shared/pages/timelines";
|
||||
|
||||
// Chats
|
||||
@import "../../../../shared/pages/chats";
|
||||
|
||||
// Error page
|
||||
@import "../../../../shared/pages/error";
|
||||
|
||||
|
||||
// Other components
|
||||
// ------------------------------
|
||||
|
||||
// Heading elements
|
||||
@import "../../../../themes/default/components/ui/header-elements";
|
||||
|
||||
// Helpers
|
||||
@import "../../../../shared/utils/helpers";
|
||||
|
||||
// Plugins demo, remove in real project
|
||||
@import "../../../../themes/default/components/demo";
|
||||
@@ -0,0 +1,35 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Core layout
|
||||
*
|
||||
* Content area, sidebar, page header and boxed layout styles
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/default/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/default/bootstrap_limitless/mixins";
|
||||
|
||||
// Content
|
||||
@import "../layout/content";
|
||||
|
||||
// Header
|
||||
@import "../layout/header";
|
||||
|
||||
// Sidebar
|
||||
@import "../layout/sidebar";
|
||||
|
||||
// Boxed layout
|
||||
@import "../layout/boxed";
|
||||
@@ -0,0 +1,69 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Boxed layout
|
||||
*
|
||||
* Styles for main structure of content area in boxed layout
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-boxed {
|
||||
|
||||
// Class for body, adds background color/image
|
||||
.layout-boxed-bg {
|
||||
background: $boxed-bg; // mainly for demo, use whatever you want
|
||||
}
|
||||
|
||||
// Boxed layout base
|
||||
.layout-boxed {
|
||||
@include box-shadow($boxed-container-box-shadow);
|
||||
|
||||
// Sizing
|
||||
&,
|
||||
> .navbar {
|
||||
@include media-breakpoint-up(lg) {
|
||||
width: map-get($grid-breakpoints, "lg");
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
@include media-breakpoint-up(xl) {
|
||||
width: map-get($grid-breakpoints, "xl");
|
||||
}
|
||||
}
|
||||
|
||||
// Page container
|
||||
.page-content {
|
||||
background-color: $body-bg;
|
||||
}
|
||||
}
|
||||
|
||||
// Boxed content section
|
||||
.content-boxed {
|
||||
@include media-breakpoint-up(lg) {
|
||||
&:not(.navbar-collapse) {
|
||||
margin-left: 6%;
|
||||
margin-right: 6%;
|
||||
}
|
||||
|
||||
// Inside navbar
|
||||
.navbar > & {
|
||||
> *:first-child {
|
||||
margin-left: 6%;
|
||||
}
|
||||
> *:last-child {
|
||||
margin-right: 6%;
|
||||
}
|
||||
}
|
||||
|
||||
// Inside breadcrumb line
|
||||
.breadcrumb-line > & {
|
||||
> *:first-child {
|
||||
margin-left: $content-container-padding-x;
|
||||
}
|
||||
> *:last-child {
|
||||
margin-right: $content-container-padding-x;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,42 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Main content layout
|
||||
*
|
||||
* Styles for main structure of content area
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Make sure document has 100% height
|
||||
html {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
// Document body
|
||||
body {
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
// Main container
|
||||
.page-content {
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
// Content wrapper
|
||||
.content-wrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
// Main content container
|
||||
.content {
|
||||
padding: $content-container-padding-y $content-container-padding-x;
|
||||
flex-grow: 1;
|
||||
@include clearfix;
|
||||
}
|
||||
@@ -0,0 +1,109 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Page header
|
||||
*
|
||||
* Page header components and color options
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Page title
|
||||
.page-title {
|
||||
padding: $page-header-padding-y 0;
|
||||
position: relative;
|
||||
|
||||
// Subtitle
|
||||
small {
|
||||
display: inline-block;
|
||||
margin-left: $element-spacer-x;
|
||||
|
||||
// Divider
|
||||
&:before {
|
||||
content: '/';
|
||||
margin-right: ($element-spacer-x + 0.25rem);
|
||||
}
|
||||
|
||||
// On a new line
|
||||
&.d-block {
|
||||
margin-left: 0;
|
||||
|
||||
&:before {
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Add left spacing to align with text
|
||||
small.d-block,
|
||||
.breadcrumb {
|
||||
margin-left: ($icon-font-size + $element-spacer-x + 0.25rem);
|
||||
}
|
||||
|
||||
// Remove margin from headings
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Page header content
|
||||
.page-header-content {
|
||||
position: relative;
|
||||
padding: 0 $page-header-padding-x;
|
||||
|
||||
// With custom colored bottom border
|
||||
&[class*=border-bottom-] + .breadcrumb-line {
|
||||
border-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Page header colors
|
||||
//
|
||||
|
||||
// Light
|
||||
.page-header-light {
|
||||
background-color: $page-header-light-bg;
|
||||
border-bottom: $page-header-border-width solid $page-header-light-border-color;
|
||||
|
||||
// Cover image
|
||||
&.has-cover {
|
||||
background: url(#{$img-path}/backgrounds/seamless.png); // feel free to change
|
||||
}
|
||||
}
|
||||
|
||||
// Dark
|
||||
.page-header-dark {
|
||||
background-color: $page-header-dark-bg;
|
||||
color: $page-header-dark-color;
|
||||
margin-bottom: $spacer;
|
||||
|
||||
// Breadcrumbs
|
||||
> .breadcrumb,
|
||||
.page-header-content .breadcrumb {
|
||||
|
||||
// Links
|
||||
> li > a,
|
||||
> li + li:before {
|
||||
color: rgba($page-header-dark-color, 0.9);
|
||||
}
|
||||
|
||||
// Hovered links
|
||||
> li > a {
|
||||
@include hover-focus {
|
||||
color: $page-header-dark-color;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// Active item
|
||||
> .active {
|
||||
color: rgba($page-header-dark-color, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
// Cover image
|
||||
&.has-cover {
|
||||
background: url(#{$img-path}/login_cover.jpg); // feel free to change
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,839 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Additional variables
|
||||
*
|
||||
* Mainly 3rd party libraries and additional variables for default
|
||||
* Bootstrap components.
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
//
|
||||
// Light contextual colors
|
||||
//
|
||||
// Includes 50 shades from custom color palette
|
||||
|
||||
$theme-colors-light: () !default;
|
||||
$theme-colors-light: map-merge((
|
||||
"primary": $color-primary-50,
|
||||
"secondary": $gray-300,
|
||||
"success": $color-success-50,
|
||||
"info": $color-info-50,
|
||||
"warning": $color-orange-50,
|
||||
"danger": $color-danger-50,
|
||||
"light": $gray-200,
|
||||
"dark": $color-slate-50
|
||||
), $theme-colors-light);
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Content styling
|
||||
//
|
||||
// Various custom variables for text, icons, elements, blocks etc
|
||||
|
||||
// Content divider
|
||||
$content-divider-height: $border-width !default;
|
||||
$content-divider-color: $border-color !default;
|
||||
|
||||
// Shadows used in :hover/:focus states
|
||||
$hover-shadow-lighter: 0 0 0 62.5rem rgba($black, 0.01) inset !default;
|
||||
$hover-shadow-darker: 0 0 0 62.5rem rgba($black, 0.04) inset !default;
|
||||
|
||||
// Images
|
||||
$img-path: '../../../../../../global_assets/images' !default;
|
||||
$img-preview-max-height: 5rem !default;
|
||||
|
||||
// Wrappers for element spacers. Uses default $spacers map
|
||||
$element-spacer-x-sm: map-get($spacers, 1) !default;
|
||||
$element-spacer-x: map-get($spacers, 2) !default;
|
||||
$element-spacer-x-lg: map-get($spacers, 3) !default;
|
||||
|
||||
// Header elements
|
||||
$header-elements-padding-y: $spacer !default;
|
||||
$header-elements-padding-x: $grid-gutter-width !default;
|
||||
|
||||
// Icons
|
||||
$list-icons-spacer: 0.375rem !default;
|
||||
|
||||
$icon-caret-up: '\e9ca' !default;
|
||||
$icon-caret-down: '\e9c9' !default;
|
||||
$icon-caret-left: '\e9c8' !default;
|
||||
$icon-caret-right: '\e9cb' !default;
|
||||
|
||||
$icon-alert-styled-base: '\e9a2' !default;
|
||||
$icon-alert-styled-danger: '\ed64' !default;
|
||||
$icon-alert-styled-success: '\ed6e' !default;
|
||||
$icon-alert-styled-warning: '\e9bd' !default;
|
||||
$icon-alert-styled-info: '\e9b9' !default;
|
||||
$icon-alert-styled-custom: '\e81b' !default;
|
||||
|
||||
$icon-validation-error: '\ed63' !default;
|
||||
$icon-validation-success: '\ee73' !default;
|
||||
|
||||
$icon-notification-sticker: '\ee70' !default;
|
||||
$icon-notification-stuck: '\ee75' !default;
|
||||
|
||||
$icon-table-row-expand: '\e9e4' !default;
|
||||
$icon-table-row-collapse: '\e9e7' !default;
|
||||
$icon-table-sorting-up: '\e9c2' !default;
|
||||
$icon-table-sorting-down: '\e9c1' !default;
|
||||
$icon-table-button-confirm: '\ed6e' !default;
|
||||
|
||||
$icon-menu-arrow-down: '\e9c5' !default;
|
||||
$icon-menu-sub-arrow-ltr: '\e9c7' !default;
|
||||
$icon-menu-sub-arrow-rtl: '\e9c4' !default;
|
||||
$icon-menu-slinky-back-ltr: '\ede7' !default;
|
||||
$icon-menu-slinky-back-rtl: '\ede5' !default;
|
||||
|
||||
$icon-nav-prev: '\e9c8' !default;
|
||||
$icon-nav-next: '\e9cb' !default;
|
||||
$icon-nav-calendar-prev: '\e9c0' !default;
|
||||
$icon-nav-calendar-next: '\e9c3' !default;
|
||||
|
||||
$icon-indicator-expand: '\e9c5' !default;
|
||||
$icon-indicator-collapse: '\e9c7' !default;
|
||||
|
||||
$icon-spinner-up: '\e9f7' !default;
|
||||
$icon-spinner-down: '\e9e2' !default;
|
||||
|
||||
$icon-uploader-placeholder: '\ea0e' !default;
|
||||
$icon-uploader-placeholder-actions: '\ec67' !default;
|
||||
|
||||
$icon-action-cross: '\ed6a' !default;
|
||||
$icon-action-cross-sm: '\ed6b' !default;
|
||||
|
||||
$icon-fancytree-file: '\ea1a' !default;
|
||||
$icon-fancytree-sub-collapse: '\ea0f' !default;
|
||||
$icon-fancytree-sub-expand: '\ea11' !default;
|
||||
$icon-fancytree-folder: '\ea3d' !default;
|
||||
$icon-fancytree-folder-collapse: '\ea41' !default;
|
||||
$icon-fancytree-folder-expand: '\ea43' !default;
|
||||
|
||||
$icon-card-collapse: '\e9b8' !default;
|
||||
$icon-card-expand: '\e9b7' !default;
|
||||
$icon-card-action-collapse: '\e9c1' !default;
|
||||
$icon-card-action-reload: '\e9fb' !default;
|
||||
$icon-card-action-remove: '\ed6a' !default;
|
||||
$icon-card-action-move: '\e986' !default;
|
||||
$icon-card-action-full-base: '\e9f9' !default;
|
||||
$icon-card-action-full-active: '\e9fa' !default;
|
||||
$icon-card-action-modal: '\e9eb' !default;
|
||||
|
||||
$icon-wizard-step-current: '\e913' !default;
|
||||
$icon-wizard-step-complete: '\ed6f' !default;
|
||||
|
||||
$icon-picker-color-clear: '\ee6e' !default;
|
||||
$icon-checkbox-tick: '\e600' !default;
|
||||
$icon-search-magnifier: '\e98e' !default;
|
||||
$icon-loading-spinner: '\eb51' !default;
|
||||
$icon-list-dot: '\f052' !default;
|
||||
|
||||
// Transition timers
|
||||
$component-transition-timer: 0.15s !default;
|
||||
$component-transition-delay: 0.15s !default;
|
||||
|
||||
// Enhanced media objects
|
||||
$media-title-margin-bottom: 0.125rem !default;
|
||||
$media-link-hover-bg: rgba($black, 0.04) !default;
|
||||
$media-padding-x: 1.25rem !default;
|
||||
$media-padding-y: 1rem !default;
|
||||
$media-border-width: $border-width !default;
|
||||
$media-border-color: $border-color !default;
|
||||
|
||||
// Enhanced dropdown menus
|
||||
$dropdown-content-header-padding-y: 1rem !default;
|
||||
$dropdown-content-body-padding-y: 1.25rem !default;
|
||||
$dropdown-content-body-padding-x: 1.25rem !default;
|
||||
$dropdown-content-footer-padding-y: 0.75rem !default;
|
||||
$dropdown-content-footer-border-width: $border-width !default;
|
||||
$dropdown-content-footer-border-color: $border-color !default;
|
||||
|
||||
// Perfect scrollbar
|
||||
$ps-size: 0.25rem !default;
|
||||
$ps-gap: 0.125rem !default;
|
||||
$ps-bg: $gray-600 !default;
|
||||
$ps-opacity: 0.75 !default;
|
||||
|
||||
// jQuery UI
|
||||
$ui-accordion-spacer-y: 0.5rem !default;
|
||||
$ui-autocomplete-height: 250px !default;
|
||||
$ui-datepicker-width: 270px !default;
|
||||
|
||||
// Charts
|
||||
$chart-container-height: 400px !default;
|
||||
$chart-min-width: 37.5rem !default;
|
||||
$chart-pie-min-width: 31.25rem !default;
|
||||
|
||||
// Maps
|
||||
$map-container-height: 500px !default;
|
||||
$map-container-sidebar-height: 200px !default;
|
||||
|
||||
// Misc
|
||||
$select-custom-width: 220px !default;
|
||||
$cursor-disabled: default !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Page header
|
||||
//
|
||||
// Includes page header base, colors and page title
|
||||
|
||||
$page-header-border-width: $border-width !default;
|
||||
$page-header-elements-border-width: $border-width !default;
|
||||
|
||||
$page-header-padding-y: 2rem !default;
|
||||
$page-header-padding-x: $grid-gutter-width !default;
|
||||
|
||||
$page-header-light-bg: $white !default;
|
||||
$page-header-light-border-color: $border-color !default;
|
||||
$page-header-light-elements-bg: $gray-100 !default;
|
||||
$page-header-light-elements-border-color: $page-header-light-border-color !default;
|
||||
|
||||
$page-header-dark-bg: #273246 !default;
|
||||
$page-header-dark-color: $white !default;
|
||||
$page-header-dark-border-color: rgba($white, 0.2) !default;
|
||||
$page-header-dark-elements-bg: rgba($black, 0.1) !default;
|
||||
$page-header-dark-elements-border-color: $page-header-dark-border-color !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Content area
|
||||
//
|
||||
// Area below page header, Also includes boxed layout
|
||||
|
||||
$content-container-padding-y: $spacer !default;
|
||||
$content-container-padding-x: $grid-gutter-width !default;
|
||||
|
||||
$boxed-bg: url(#{$img-path}/backgrounds/boxed_bg.png) repeat !default;
|
||||
$boxed-container-box-shadow: -4px 2px 4px rgba($black, 0.15), 4px 2px 4px rgba($black, 0.15) !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Sidebar
|
||||
//
|
||||
// Includes sidebar sizes, colors and user areas
|
||||
|
||||
// Base
|
||||
$sidebar-base-width: rem-calc(270px) !default;
|
||||
$sidebar-mini-width: ($spacer * 2) + $icon-font-size !default;
|
||||
|
||||
|
||||
// Light sidebar
|
||||
$sidebar-light-bg: $white !default;
|
||||
$sidebar-light-color: $body-color !default;
|
||||
$sidebar-light-border-width: $border-width !default;
|
||||
$sidebar-light-border-color: rgba($black, 0.125) !default;
|
||||
$sidebar-light-toggler-bg: darken($sidebar-light-bg, 4%) !default;
|
||||
$sidebar-light-toggler-color: rgba($sidebar-light-color, 0.8) !default;
|
||||
$sidebar-light-toggler-hover-bg: transparent !default;
|
||||
$sidebar-light-toggler-hover-color: $sidebar-light-color !default;
|
||||
$sidebar-light-tabs-bg: darken($sidebar-light-bg, 4%) !default;
|
||||
$sidebar-light-xs-menu-bg: darken($sidebar-light-bg, 1%) !default;
|
||||
|
||||
|
||||
// Dark sidebar
|
||||
$sidebar-dark-bg: #2a3140 !default;
|
||||
$sidebar-dark-color: $white !default;
|
||||
$sidebar-dark-border-width: $border-width !default;
|
||||
$sidebar-dark-border-color: rgba($white, 0.1) !default;
|
||||
$sidebar-dark-toggler-bg: darken($sidebar-dark-bg, 4%) !default;
|
||||
$sidebar-dark-toggler-color: rgba($sidebar-dark-color, 0.9) !default;
|
||||
$sidebar-dark-toggler-hover-bg: transparent !default;
|
||||
$sidebar-dark-toggler-hover-color: $sidebar-dark-color !default;
|
||||
$sidebar-dark-tabs-bg: darken($sidebar-dark-bg, 4%) !default;
|
||||
$sidebar-dark-xs-menu-bg: lighten($sidebar-dark-bg, 5%) !default;
|
||||
|
||||
|
||||
// Shadows [material only]
|
||||
$sidebar-left-desktop-box-shadow: none !default;
|
||||
$sidebar-left-mobile-box-shadow: 0.25rem 0 1rem rgba(0, 0, 0, 0.35) !default;
|
||||
|
||||
$sidebar-right-desktop-box-shadow: none !default;
|
||||
$sidebar-right-mobile-box-shadow: -0.25rem 0 1rem rgba(0, 0, 0, 0.35) !default;
|
||||
|
||||
|
||||
// Z-indexes
|
||||
$sidebar-zindex: ($zindex-fixed + 10) !default;
|
||||
$sidebar-zindex-main: 99 !default;
|
||||
$sidebar-zindex-secondary: ($sidebar-zindex-main - 1) !default;
|
||||
$sidebar-zindex-right: ($sidebar-zindex-main - 2) !default;
|
||||
$sidebar-zindex-component: ($sidebar-zindex-main - 3) !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Main vertical navigation
|
||||
//
|
||||
// Includes base styles, levels and colors
|
||||
|
||||
$navigation-padding-y: 0.5rem !default;
|
||||
|
||||
$navigation-item-padding-y: 0.75rem !default;
|
||||
$navigation-item-padding-x: 1.25rem !default;
|
||||
$navigation-item-spacer-y: 1px !default;
|
||||
$navigation-item-font-weight: $font-weight-semibold !default;
|
||||
$navigation-item-disabled-opacity: 0.5 !default;
|
||||
|
||||
$navigation-sub-padding-y: 0.625rem !default;
|
||||
$navigation-sub-item-opacity: 0.5 !default;
|
||||
|
||||
|
||||
// Dark sidebar navigation styles
|
||||
$navigation-dark-color: rgba($sidebar-dark-color, 0.9) !default;
|
||||
$navigation-dark-hover-bg: rgba($black, 0.15) !default;
|
||||
$navigation-dark-hover-color: $sidebar-dark-color !default;
|
||||
$navigation-dark-active-bg: lighten($sidebar-dark-bg, 10%) !default;
|
||||
$navigation-dark-active-color: $white !default;
|
||||
$navigation-dark-sub-bg: rgba($black, 0.15) !default;
|
||||
$navigation-dark-sub-active-bg: rgba($black, 0.15) !default;
|
||||
$navigation-dark-sub-active-color: $white !default;
|
||||
$navigation-dark-bordered-border-width: $border-width !default;
|
||||
$navigation-dark-bordered-border-color: rgba($white, 0.1) !default;
|
||||
$navigation-dark-bordered-header-bg: rgba($black, 0.1) !default;
|
||||
|
||||
|
||||
// Light sidebar navigation styles
|
||||
$navigation-light-color: rgba($sidebar-light-color, 0.85) !default;
|
||||
$navigation-light-hover-bg: $gray-200 !default;
|
||||
$navigation-light-hover-color: $sidebar-light-color !default;
|
||||
$navigation-light-active-bg: $navigation-light-hover-bg !default;
|
||||
$navigation-light-active-color: $navigation-light-hover-color !default;
|
||||
$navigation-light-sub-bg: transparent !default;
|
||||
$navigation-light-sub-active-bg: $gray-200 !default;
|
||||
$navigation-light-sub-active-color: $body-color !default;
|
||||
$navigation-light-bordered-border-width: $border-width !default;
|
||||
$navigation-light-bordered-border-color: $gray-300 !default;
|
||||
$navigation-light-bordered-header-bg: $gray-100 !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Form components
|
||||
//
|
||||
// Form checks, switches, selects, tags etc.
|
||||
|
||||
// Checkboxes and radios
|
||||
$checkbox-size: 1.25rem !default;
|
||||
$checkbox-color: $color-slate-700 !default;
|
||||
$checkbox-border-width: rem-calc($border-width * 2) !default;
|
||||
$checkbox-border-color: $checkbox-color !default;
|
||||
$checkbox-disabled-opacity: 0.5 !default;
|
||||
|
||||
|
||||
// Switchery toggle
|
||||
$switchery-bg: $white !default;
|
||||
$switchery-border-width: $border-width !default;
|
||||
$switchery-border-color: $gray-400 !default;
|
||||
$switchery-handle-bg: $white !default;
|
||||
$switchery-handle-box-shadow: 0 1px 3px rgba($black, 0.4) !default;
|
||||
$switchery-size: 1.125rem !default;
|
||||
$switchery-margin-x: 0.625rem !default;
|
||||
|
||||
|
||||
// Bootstrap switch
|
||||
$switch-border-width: $border-width !default;
|
||||
$switch-bg-default: $gray-300 !default;
|
||||
$switch-handle-width: 0.25rem !default;
|
||||
$switch-handle-height: 0.625rem !default;
|
||||
$switch-handle-bg: $white !default;
|
||||
$switch-handle-border-color: rgba($black, 0.15) !default;
|
||||
$switch-handle-hover-bg: $gray-100 !default;
|
||||
|
||||
|
||||
// Select2 selects
|
||||
$select2-max-height: 280px !default;
|
||||
$select2-disabled-opacity: 0.6 !default;
|
||||
$select2-custom-disabled-opacity: 0.75 !default;
|
||||
|
||||
$select2-pills-spacer: 0.125rem !default;
|
||||
$select2-pills-bg: $color-slate-700 !default;
|
||||
$select2-pills-color: $white !default;
|
||||
$select2-pills-hover-bg: $select2-pills-bg !default;
|
||||
$select2-pills-hover-color: $select2-pills-color !default;
|
||||
$select2-pills-border-radius: $border-radius !default;
|
||||
|
||||
$select2-light-results-color: $gray-600 !default;
|
||||
$select2-dark-results-color: rgba($white, 0.75) !default;
|
||||
|
||||
|
||||
// Multiselect
|
||||
$multiselect-max-height: 280px !default;
|
||||
$multiselect-font-weight: $font-weight-normal !default;
|
||||
$multiselect-text-transform: none !default;
|
||||
|
||||
|
||||
// Typeahead
|
||||
$typeahead-max-height: 350px !default;
|
||||
$typeahead-max-height-scrollable: 250px !default;
|
||||
|
||||
|
||||
// Tag inputs
|
||||
$tags-spacer: 0.125rem !default;
|
||||
$tags-color: $body-color !default;
|
||||
$tags-hover-color: $white !default;
|
||||
$tags-bg: $gray-300 !default;
|
||||
$tags-hover-bg: $color-blue-500 !default;
|
||||
$tag-disabled-opacity: 0.5 !default;
|
||||
$tag-border-radius: $border-radius !default;
|
||||
|
||||
|
||||
// Form wizard
|
||||
$wizard-step-line-size: 2px !default;
|
||||
$wizard-step-line-color: $gray-300 !default;
|
||||
|
||||
$wizard-step-number-size: rem-calc(38px) !default;
|
||||
$wizard-step-number-bg: $card-bg !default;
|
||||
$wizard-step-number-color: $gray-500 !default;
|
||||
$wizard-step-number-active-bg: $color-info-500 !default;
|
||||
$wizard-step-number-active-color: $white !default;
|
||||
$wizard-step-number-error-bg: $color-danger-500 !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Text editors
|
||||
//
|
||||
// Summernote, trumbowyg, ace code editor
|
||||
|
||||
// Summernote editor
|
||||
$summernote-border-width: $border-width !default;
|
||||
$summernote-border-color: $border-color !default;
|
||||
$summernote-font-path: "../../../../../../global_assets/css/icons/summernote/" !default;
|
||||
$summernote-icon-font-size: 0.875rem !default;
|
||||
$summernote-min-height: rem-calc(150px) !default;
|
||||
|
||||
$summernote-resizer-width: 1.25rem !default;
|
||||
$summernote-resizer-height: $border-width !default;
|
||||
$summernote-resizer-color: $border-color !default;
|
||||
|
||||
|
||||
// Trumbowyg editor
|
||||
$trumbowyg-min-height: 350px !default;
|
||||
|
||||
$trumbowyg-border-width: $border-width !default;
|
||||
$trumbowyg-border-color: $border-color !default;
|
||||
|
||||
$trumbowyg-toolbar-bg: $gray-100 !default;
|
||||
$trumbowyg-toolbar-hover-bg: $gray-300 !default;
|
||||
$trumbowyg-toolbar-color: $body-color !default;
|
||||
$trumbowyg-toolbar-border-width: $border-width !default;
|
||||
$trumbowyg-toolbar-border-color: $border-color !default;
|
||||
$trumbowyg-toolbar-divider-width: 1px !default;
|
||||
$trumbowyg-toolbar-height: ($btn-padding-x * 2) + $icon-font-size + rem-calc($trumbowyg-toolbar-border-width * 2) !default;
|
||||
|
||||
|
||||
// Ace code editor
|
||||
$ace-height: 450px !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Pickers
|
||||
//
|
||||
// Date, time and color pickers
|
||||
|
||||
// Common styles for date pickers
|
||||
$datepicker-padding: 0.9375rem !default;
|
||||
$datepicker-title-font-size: $h6-font-size !default;
|
||||
|
||||
$datepicker-item-padding: $input-btn-padding-y !default;
|
||||
$datepicker-item-weekday-color: $gray-600 !default;
|
||||
$datepicker-item-year-color: $gray-600 !default;
|
||||
$datepicker-item-focusout-color: $gray-500 !default;
|
||||
$datepicker-item-hover-color: $body-color !default;
|
||||
$datepicker-item-hover-bg: $gray-200 !default;
|
||||
$datepicker-item-active-color: $white !default;
|
||||
$datepicker-item-active-bg: $color-teal-400 !default;
|
||||
$datepicker-item-today-color: $body-color !default;
|
||||
$datepicker-item-today-bg: $gray-200 !default;
|
||||
$datepicker-item-disabled-color: $gray-600 !default;
|
||||
$datepicker-item-disabled-bg: transparent !default;
|
||||
|
||||
|
||||
// Pick-a-date picker
|
||||
$pickadate-min-width: 18rem !default;
|
||||
$pickadate-max-width: 20rem !default;
|
||||
$pickadate-max-height: 480px !default;
|
||||
|
||||
|
||||
// Pick-a-time picker
|
||||
$pickatime-max-height: 250px !default;
|
||||
$pickatime-min-width: 16rem !default;
|
||||
$pickatime-max-width: 20rem !default;
|
||||
|
||||
|
||||
// Anytime picker
|
||||
$anytime-year-btn-bg: $color-danger-500 !default;
|
||||
$anytime-year-btn-color: $white !default;
|
||||
|
||||
$anytime-month-btn-bg: $color-teal-400 !default;
|
||||
$anytime-month-btn-color: $white !default;
|
||||
|
||||
$anytime-time-btn-bg: $color-slate-500 !default;
|
||||
$anytime-time-btn-color: $white !default;
|
||||
|
||||
|
||||
// Spectrum color picker
|
||||
$spectrum-padding: 0.625rem !default;
|
||||
$spectrum-width: 13.75rem !default;
|
||||
$spectrum-max-width: 13.75rem !default;
|
||||
|
||||
$spectrum-choose-btn-bg: $color-slate-500 !default;
|
||||
$spectrum-choose-btn-color: $white !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// File uploaders
|
||||
//
|
||||
// Plupload, Bootstrap file input and dropzone
|
||||
|
||||
// Plupload uploader
|
||||
$plupload-max-height: 250px !default;
|
||||
$plupload-bg: #fcfcfc !default;
|
||||
$plupload-border-width: ($border-width * 2) !default;
|
||||
$plupload-border-style: dashed !default;
|
||||
$plupload-border-color: $gray-400 !default;
|
||||
|
||||
$plupload-header-bg: $color-slate-800 !default;
|
||||
$plupload-header-color: $white !default;
|
||||
|
||||
$plupload-placeholder-icon-color: $gray-500 !default;
|
||||
$plupload-placeholder-text-color: $gray-700 !default;
|
||||
|
||||
$plupload-btn-start-bg: theme-color('primary') !default;
|
||||
$plupload-btn-start-border-color: $plupload-btn-start-bg !default;
|
||||
$plupload-btn-start-color: $white !default;
|
||||
|
||||
|
||||
// Bootstrap file input
|
||||
$fileinput-preview-spacer: 0.5rem !default;
|
||||
$fileinput-preview-thumb-width: 10rem !default;
|
||||
$fileinput-preview-thumb-height: 10rem !default;
|
||||
$fileinput-preview-thumb-caption-spacer: 0.75rem !default;
|
||||
$fileinput-preview-footer-bg: $gray-100 !default;
|
||||
$fileinput-preview-progress-height: 0.375rem !default;
|
||||
$fileinput-preview-frame-bg: $card-bg !default;
|
||||
$fileinput-preview-frame-border-width: $border-width !default;
|
||||
$fileinput-preview-frame-border-color: $border-color !default;
|
||||
|
||||
|
||||
// Dropzone
|
||||
$dropzone-min-height: 18rem !default;
|
||||
$dropzone-spacer: 0.3125rem !default;
|
||||
|
||||
$dropzone-bg: #fcfcfc !default;
|
||||
$dropzone-border-width: ($border-width * 2) !default;
|
||||
$dropzone-border-style: dashed !default;
|
||||
$dropzone-border-color: $gray-400 !default;
|
||||
|
||||
$dropzone-placeholder-icon-size: ($icon-font-size * 4) !default;
|
||||
$dropzone-placeholder-icon-color: $gray-500 !default;
|
||||
$dropzone-placeholder-text-color: $gray-700 !default;
|
||||
|
||||
$dropzone-drag-bg: $gray-200 !default;
|
||||
$dropzone-drag-color: $gray-400 !default;
|
||||
$dropzone-drag-border-color: $gray-600 !default;
|
||||
|
||||
$dropzone-preview-spacer: 0.5rem !default;
|
||||
$dropzone-preview-width: 10rem !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Notifications
|
||||
//
|
||||
// Sweet alert and noty.js notification libraries
|
||||
|
||||
// Common styles
|
||||
$notification-width: 20rem !default;
|
||||
$notification-gutter-y: $spacer !default;
|
||||
$notification-gutter-x: $content-container-padding-x !default;
|
||||
$notification-box-shadow: $dropdown-box-shadow !default;
|
||||
|
||||
|
||||
// Noty.js
|
||||
$noty-spacer-y: 0.25rem !default;
|
||||
|
||||
$notification-alert-bg: $color-slate-600 !default;
|
||||
$notification-alert-color: $white !default;
|
||||
$notification-alert-border-color: $notification-alert-bg !default;
|
||||
|
||||
$notification-warning-bg: $color-warning-400 !default;
|
||||
$notification-warning-color: $white !default;
|
||||
$notification-warning-border-color: $notification-warning-bg !default;
|
||||
|
||||
$notification-error-bg: $color-danger-400 !default;
|
||||
$notification-error-color: $white !default;
|
||||
$notification-error-border-color: $notification-error-bg !default;
|
||||
|
||||
$notification-info-bg: $color-blue-500 !default;
|
||||
$notification-info-color: $white !default;
|
||||
$notification-info-border-color: $notification-info-bg !default;
|
||||
|
||||
$notification-success-bg: $color-success-500 !default;
|
||||
$notification-success-color: $white !default;
|
||||
$notification-success-border-color: $notification-success-bg !default;
|
||||
|
||||
$noty-progress-height: 0.1875rem !default;
|
||||
$noty-progress-bg: rgba($black, 0.25) !default;
|
||||
|
||||
|
||||
// Sweet alert 2
|
||||
$swal-padding: 1.25rem !default;
|
||||
$swal-width: 31.25rem !default;
|
||||
$swal-margin-x: $content-container-padding-x !default;
|
||||
|
||||
$swal2-icon-size: 5rem !default;
|
||||
$swal2-icon-border-width: 0.25rem !default;
|
||||
$swal2-icon-spacer: 1rem !default;
|
||||
|
||||
$swal2-step-inactive-color: $text-muted !default;
|
||||
$swal2-step-active-color: $color-primary-500 !default;
|
||||
$swal2-step-complete-color: $swal2-step-active-color !default;
|
||||
$swal2-step-line-color: $gray-400 !default;
|
||||
|
||||
$swal2-error-color: $color-danger-400 !default;
|
||||
$swal2-error-border-color: $swal2-error-color !default;
|
||||
|
||||
$swal2-warning-color: $color-warning-400 !default;
|
||||
$swal2-warning-border-color: $swal2-warning-color !default;
|
||||
|
||||
$swal2-info-color: $color-blue-500 !default;
|
||||
$swal2-info-border-color: $swal2-info-color !default;
|
||||
|
||||
$swal2-question-color: $color-slate-700 !default;
|
||||
$swal2-question-border-color: $swal2-question-color !default;
|
||||
|
||||
$swal2-success-color: $color-success-400 !default;
|
||||
$swal2-success-border-color: $swal2-success-color !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Tables
|
||||
//
|
||||
// Handsontable and datatables.js libraries
|
||||
|
||||
// Handsontable
|
||||
$hot-row-header-width: 5rem !default;
|
||||
$hot-cell-height: 1.875rem !default;
|
||||
$hot-cell-bg: $white !default;
|
||||
$hot-header-bg: $gray-200 !default;
|
||||
$hot-search-result-bg: $color-orange-50 !default;
|
||||
$hot-cell-padding-y: 0.3125rem !default;
|
||||
$hot-cell-padding-x: 0.25rem !default;
|
||||
$hot-datepicker-width: 15.63rem !default;
|
||||
$hot-cell-highlight-bg: $color-primary-50 !default;
|
||||
$hot-cell-highlight-border-color: $color-primary-500 !default;
|
||||
$hot-scrollable-max-height: 22.5rem !default;
|
||||
|
||||
|
||||
// Datatables
|
||||
$dt-spacer-y: $spacer !default;
|
||||
$dt-spacer-x: $card-spacer-x !default;
|
||||
$dt-filter-width: 12.5rem !default;
|
||||
$dt-controls-label-spacer-y: ($input-padding-y + rem-calc($input-border-width)) !default;
|
||||
$dt-controls-label-spacer-x: ($dt-spacer-x / 1.5) !default;
|
||||
|
||||
$dt-pagination-active-bg: $color-slate-800 !default;
|
||||
$dt-pagination-active-color: $white !default;
|
||||
|
||||
$dt-button-collection-2col-width: 18.75rem !default;
|
||||
$dt-button-collection-3col-width: 28.13rem !default;
|
||||
$dt-button-collection-4col-width: 37.5rem !default;
|
||||
|
||||
$dt-ext-select-active-row-bg: $color-success-50 !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Misc components
|
||||
//
|
||||
// Other custom 3rd party extensions and libraries
|
||||
|
||||
// FAB (floating action button)
|
||||
$fab-main-btn-size: (($btn-float-padding + ($icon-font-size / 2)) * 2) !default;
|
||||
$fab-btn-gap: 0.125rem !default;
|
||||
$fab-gutter-x: $content-container-padding-x !default;
|
||||
|
||||
$fab-inner-btn-size: (($btn-float-padding - $fab-btn-gap) * 2) + $icon-font-size !default;
|
||||
$fab-inner-btn-spacing: $spacer !default;
|
||||
|
||||
$fab-badge-spacer-x: 0.25rem !default;
|
||||
$fab-badge-spacer-y: $fab-badge-spacer-x !default;
|
||||
|
||||
$fab-label-light-bg: $white !default;
|
||||
$fab-label-light-color: $body-color !default;
|
||||
|
||||
|
||||
// Fullcalendar
|
||||
$fullcalendar-bg: $card-bg !default;
|
||||
|
||||
$fullcalendar-event-bg: $color-blue-600 !default;
|
||||
$fullcalendar-event-color: $white !default;
|
||||
$fullcalendar-event-border-width: $border-width !default;
|
||||
$fullcalendar-event-border-color: $color-blue-600 !default;
|
||||
|
||||
$fullcalendar-event-spacer: 0.5rem !default;
|
||||
$fullcalendar-event-padding-y: 0.25rem !default;
|
||||
$fullcalendar-event-padding-x: 0.5rem !default;
|
||||
|
||||
$fullcalendar-event-resizer-size-h: 0.5rem !default;
|
||||
$fullcalendar-event-resizer-size-v: 0.5rem !default;
|
||||
|
||||
$fullcalendar-today-bg: $color-success-50 !default;
|
||||
$fullcalendar-bgevent-bg: rgba($color-success-300, 0.3) !default;
|
||||
$fullcalendar-nonbusiness-bg: rgba($gray-400, 0.3) !default;
|
||||
$fullcalendar-highlight-bg: rgba($gray-400, 0.3) !default;
|
||||
$fullcalendar-weekday-bg: $gray-100 !default;
|
||||
$fullcalendar-weekday-color: rgba($body-color, 0.5) !default;
|
||||
|
||||
|
||||
// Sliders (shared styles)
|
||||
$slider-bg: $gray-300 !default;
|
||||
$slider-connect-bg: $color-slate-500 !default;
|
||||
$slider-disabled-opacity: 0.75 !default;
|
||||
$slider-box-shadow: inset 0 1px 1px rgba($black, 0.1) !default;
|
||||
|
||||
$slider-height: 0.375rem !default;
|
||||
$slider-height-lg: ($slider-height + 0.125rem) !default;
|
||||
$slider-height-sm: ($slider-height - 0.125rem) !default;
|
||||
$slider-vertical-height: 10rem !default;
|
||||
|
||||
$slider-handle-bg: $white !default;
|
||||
$slider-handle-inner-bg: $gray-900 !default;
|
||||
$slider-handle-border-width: $border-width !default;
|
||||
$slider-handle-border-color: $gray-500 !default;
|
||||
$slider-handle-hover-bg: $gray-100 !default;
|
||||
$slider-handle-inner-hover-bg: $gray-800 !default;
|
||||
|
||||
$slider-pips-color: $gray-700 !default;
|
||||
$slider-pips-spacer-y: 1rem !default;
|
||||
$slider-pips-marker-width: 0.0625rem !default;
|
||||
$slider-pips-marker-height: 0.1875rem !default;
|
||||
$slider-pips-font-size: $font-size-xs !default;
|
||||
$slider-pips-line-height: $line-height-xs !default;
|
||||
|
||||
|
||||
// Image cropper
|
||||
$cropper-grid-size: $border-width !default;
|
||||
$cropper-grid-color: $gray-300 !default;
|
||||
$cropper-grid-center-size: ($border-width * 9) !default;
|
||||
|
||||
$cropper-resizer-color: $color-primary-500 !default;
|
||||
$cropper-resizer-size: 0.375rem !default;
|
||||
$cropper-resizer-size-lg: 1.25rem !default;
|
||||
|
||||
|
||||
// Fancybox
|
||||
$fancybox-nav-spacer-x: 0.625rem !default;
|
||||
$fancybox-nav-spacer-y: $fancybox-nav-spacer-x !default;
|
||||
$fancybox-nav-padding: 0.375rem !default;
|
||||
$fancybox-nav-bg: rgba($black, 0.5) !default;
|
||||
$fancybox-nav-color: $white !default;
|
||||
$fancybox-nav-hover-bg: $gray-900 !default;
|
||||
$fancybox-nav-hover-color: $fancybox-nav-color !default;
|
||||
|
||||
$fancybox-caption-padding-y: 0.5rem !default;
|
||||
$fancybox-caption-padding-x: 0.625rem !default;
|
||||
$fancybox-caption-bg: rgba($black, 0.5) !default;
|
||||
$fancybox-caption-color: $white !default;
|
||||
|
||||
|
||||
// Fancytree
|
||||
$fancytree-node-padding-y: 0.25rem !default;
|
||||
$fancytree-node-padding-x: 0.5rem !default;
|
||||
|
||||
$fancytree-node-selected-bg: $gray-300 !default;
|
||||
$fancytree-node-selected-color: $body-color !default;
|
||||
|
||||
$fancytree-node-active-bg: $color-primary-500 !default;
|
||||
$fancytree-node-active-color: $white !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Page kits
|
||||
//
|
||||
// Feeds, timelines, profiles, chats, inbox, ecommerce etc
|
||||
//
|
||||
|
||||
// Timelines
|
||||
$timeline-icon-size: 3rem !default;
|
||||
$timeline-line-width: ($border-width * 2) !default;
|
||||
$timeline-line-color: $gray-500 !default;
|
||||
$timeline-icon-bg: $card-bg !default;
|
||||
$timeline-icon-border-width: ($timeline-line-width * 2) !default;
|
||||
$timeline-content-padding-x: $content-container-padding-x !default;
|
||||
|
||||
|
||||
// Feeds
|
||||
$list-feed-circle-radius: 0.5rem !default; // must be equal to even px value
|
||||
$list-feed-circle-border-width: ($border-width * 2) !default;
|
||||
$list-feed-circle-border-color: $color-slate-500 !default;
|
||||
$list-feed-circle-position: ($line-height-computed - ($list-feed-circle-radius + rem-calc($list-feed-circle-border-width))) / 2 !default;
|
||||
|
||||
$list-feed-item-padding-y: 1.25rem !default;
|
||||
$list-feed-item-padding-x: ($card-spacer-x + $list-feed-circle-radius) !default;
|
||||
|
||||
|
||||
// Blog
|
||||
$blog-horizontal-img-max-width: 25rem !default;
|
||||
$blog-horizontal-img-max-width-lg: 31.25rem !default;
|
||||
$blog-horizontal-img-max-width-sm: 18.75rem !default;
|
||||
$blog-horizontal-img-max-width-xs: 12.5rem !default;
|
||||
|
||||
|
||||
// Login page
|
||||
$login-form-width: 20rem !default;
|
||||
|
||||
|
||||
// Error pages
|
||||
$error-title-color: $white !default;
|
||||
$error-title-font-size: 12.5rem !default;
|
||||
$error-title-font-size-sm: 8.125rem !default;
|
||||
|
||||
$error-offline-title-font-size: 10rem !default;
|
||||
$error-offline-title-font-size-sm: 6.875rem !default;
|
||||
|
||||
|
||||
// Profile pages
|
||||
$profile-cover-element-shadow: 0 0 0.1875rem rgba($black, 0.5) !default;
|
||||
$profile-thumb-size: 6.25rem !default;
|
||||
$profile-thumb-border-width: ($border-width * 3) !default;
|
||||
$profile-thumb-border-color: $white !default;
|
||||
$profile-cover-height: 21.88rem !default;
|
||||
|
||||
|
||||
// Inbox
|
||||
$inbox-read-row-bg: $gray-100 !default;
|
||||
$inbox-unread-row-bg: $card-bg !default;
|
||||
|
||||
|
||||
// Chats
|
||||
$chat-list-max-height: 520px !default;
|
||||
$chat-message-arrow-size: ($border-width * 5) !default;
|
||||
$chat-message-border-radius: $border-radius !default;
|
||||
$chat-message-padding-y: 0.625rem !default;
|
||||
$chat-message-padding-x: 1rem !default;
|
||||
|
||||
$chat-message-bg: $gray-300 !default;
|
||||
$chat-message-color: $body-color !default;
|
||||
$chat-message-reversed-bg: $color-primary-400 !default;
|
||||
$chat-message-reversed-color: $white !default;
|
||||
|
||||
|
||||
// Pricing tables
|
||||
$pricing-title-font-size: 2.625rem !default;
|
||||
$pricing-subtitle-font-size: 1.875rem !default;
|
||||
|
||||
$pricing-list-item-padding-y: 1rem !default;
|
||||
$pricing-list-item-border-width: $border-width !default;
|
||||
$pricing-list-item-border-color: rgba($black, 0.1) !default;
|
||||
|
||||
$pricing-ribbon-box-shadow: 0 4px 6px rgba($black, 0.1) !default;
|
||||
@@ -0,0 +1,61 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Bootstrap v4.3.1 (https://getbootstrap.com)
|
||||
*
|
||||
* Copyright 2011-2018 The Bootstrap Authors
|
||||
* Copyright 2011-2018 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/material/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/material/bootstrap_limitless/mixins";
|
||||
|
||||
// Import default files
|
||||
@import "../../../../_bootstrap/root";
|
||||
@import "../../../../_bootstrap/reboot";
|
||||
@import "../../../../_bootstrap/type";
|
||||
@import "../../../../_bootstrap/images";
|
||||
@import "../../../../_bootstrap/code";
|
||||
@import "../../../../_bootstrap/grid";
|
||||
@import "../../../../_bootstrap/tables";
|
||||
@import "../../../../_bootstrap/forms";
|
||||
@import "../../../../_bootstrap/buttons";
|
||||
@import "../../../../_bootstrap/transitions";
|
||||
@import "../../../../_bootstrap/dropdown";
|
||||
@import "../../../../_bootstrap/button-group";
|
||||
@import "../../../../_bootstrap/input-group";
|
||||
@import "../../../../_bootstrap/custom-forms";
|
||||
@import "../../../../_bootstrap/nav";
|
||||
@import "../../../../_bootstrap/navbar";
|
||||
@import "../../../../_bootstrap/card";
|
||||
@import "../../../../_bootstrap/breadcrumb";
|
||||
@import "../../../../_bootstrap/pagination";
|
||||
@import "../../../../_bootstrap/badge";
|
||||
@import "../../../../_bootstrap/jumbotron";
|
||||
@import "../../../../_bootstrap/alert";
|
||||
@import "../../../../_bootstrap/progress";
|
||||
@import "../../../../_bootstrap/media";
|
||||
@import "../../../../_bootstrap/list-group";
|
||||
@import "../../../../_bootstrap/close";
|
||||
@import "../../../../_bootstrap/toasts";
|
||||
@import "../../../../_bootstrap/modal";
|
||||
@import "../../../../_bootstrap/tooltip";
|
||||
@import "../../../../_bootstrap/popover";
|
||||
@import "../../../../_bootstrap/carousel";
|
||||
@import "../../../../_bootstrap/spinners";
|
||||
@import "../../../../_bootstrap/utilities";
|
||||
@import "../../../../_bootstrap/print";
|
||||
+53
@@ -0,0 +1,53 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Bootstrap v4.3.1 (https://getbootstrap.com)
|
||||
*
|
||||
* Copyright 2011-2018 The Bootstrap Authors
|
||||
* Copyright 2011-2018 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/material/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/material/bootstrap_limitless/mixins";
|
||||
|
||||
// Import default files
|
||||
@import "../../../../themes/material/bootstrap_limitless/reboot";
|
||||
@import "../../../../themes/material/bootstrap_limitless/type";
|
||||
@import "../../../../themes/material/bootstrap_limitless/code";
|
||||
@import "../../../../themes/material/bootstrap_limitless/tables";
|
||||
@import "../../../../themes/material/bootstrap_limitless/forms";
|
||||
@import "../../../../themes/material/bootstrap_limitless/buttons";
|
||||
@import "../../../../themes/material/bootstrap_limitless/dropdown";
|
||||
@import "../../../../themes/material/bootstrap_limitless/button-group";
|
||||
@import "../../../../themes/material/bootstrap_limitless/input-group";
|
||||
@import "../../../../themes/material/bootstrap_limitless/custom-forms";
|
||||
@import "../../../../themes/material/bootstrap_limitless/nav";
|
||||
@import "../../../../themes/material/bootstrap_limitless/navbar";
|
||||
@import "../../../../themes/material/bootstrap_limitless/card";
|
||||
@import "../../../../themes/material/bootstrap_limitless/breadcrumb";
|
||||
@import "../../../../themes/material/bootstrap_limitless/pagination";
|
||||
@import "../../../../themes/material/bootstrap_limitless/badge";
|
||||
@import "../../../../themes/material/bootstrap_limitless/alert";
|
||||
@import "../../../../themes/material/bootstrap_limitless/progress";
|
||||
@import "../../../../themes/material/bootstrap_limitless/media";
|
||||
@import "../../../../themes/material/bootstrap_limitless/list-group";
|
||||
@import "../../../../themes/material/bootstrap_limitless/close";
|
||||
@import "../../../../themes/material/bootstrap_limitless/toasts";
|
||||
@import "../../../../themes/material/bootstrap_limitless/modal";
|
||||
@import "../../../../themes/material/bootstrap_limitless/tooltip";
|
||||
@import "../../../../themes/material/bootstrap_limitless/popover";
|
||||
@import "../../../../themes/material/bootstrap_limitless/utilities";
|
||||
@@ -0,0 +1,26 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Custom color system
|
||||
*
|
||||
* Custom color system styles, includes background, border and text colors
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/material/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/material/bootstrap_limitless/mixins";
|
||||
|
||||
// Color system, always load last
|
||||
@import "../../../../themes/material/colors/colors";
|
||||
@@ -0,0 +1,346 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Components
|
||||
*
|
||||
* Components import. Ordering matters. See _config.scss for more options
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
// Core
|
||||
// ------------------------------
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/material/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/material/bootstrap_limitless/mixins";
|
||||
|
||||
// FOUC helpers
|
||||
@import "../../../../shared/utils/fouc";
|
||||
|
||||
|
||||
// Page loader
|
||||
// ------------------------------
|
||||
|
||||
// Pace page loader
|
||||
@import "../../../../shared/pace/theme-default";
|
||||
|
||||
// Pace.js demo, remove in real project
|
||||
@import "../../../../shared/pace/pace-demo";
|
||||
|
||||
|
||||
// Forms
|
||||
// ------------------------------
|
||||
|
||||
// Uniform
|
||||
@import "../../../../themes/material/components/forms/uniform";
|
||||
|
||||
// Switchery
|
||||
@import "../../../../themes/material/components/forms/switchery";
|
||||
|
||||
// BS switch
|
||||
@import "../../../../themes/material/components/forms/bootstrap-switch";
|
||||
|
||||
|
||||
// Select2
|
||||
@import "../../../../themes/material/components/forms/select2";
|
||||
|
||||
// Multiselect
|
||||
@import "../../../../themes/material/components/forms/multiselect";
|
||||
|
||||
|
||||
// Passy
|
||||
@import "../../../../themes/material/components/forms/passy";
|
||||
|
||||
// Typeahead
|
||||
@import "../../../../themes/material/components/forms/typeahead";
|
||||
|
||||
// Validation
|
||||
@import "../../../../themes/material/components/forms/validation";
|
||||
|
||||
// Floating labels
|
||||
@import "../../../../themes/material/components/forms/floating-labels";
|
||||
|
||||
// Alpaca
|
||||
@import "../../../../themes/material/components/forms/alpaca";
|
||||
|
||||
|
||||
// Tokenfield
|
||||
@import "../../../../themes/material/components/forms/tokenfield";
|
||||
|
||||
// Tags input
|
||||
@import "../../../../themes/material/components/forms/tags-input";
|
||||
|
||||
|
||||
// Touchspin spinners
|
||||
@import "../../../../themes/material/components/forms/touchspin";
|
||||
|
||||
// Dual listboxes
|
||||
@import "../../../../themes/material/components/forms/dual-listbox";
|
||||
|
||||
|
||||
// Wizard
|
||||
@import "../../../../themes/material/components/forms/wizard";
|
||||
|
||||
|
||||
// Text editors
|
||||
// ------------------------------
|
||||
|
||||
// Summernote
|
||||
@import "../../../../themes/material/components/forms/editors/summernote";
|
||||
|
||||
// Trumbowyg
|
||||
@import "../../../../themes/material/components/forms/editors/trumbowyg";
|
||||
|
||||
// Ace
|
||||
@import "../../../../themes/material/components/forms/editors/ace";
|
||||
|
||||
|
||||
// Pickers
|
||||
// ------------------------------
|
||||
|
||||
// Daterange picker
|
||||
@import "../../../../themes/material/components/pickers/daterange";
|
||||
|
||||
// Pickadate base
|
||||
@import "../../../../themes/material/components/pickers/pickadate/base";
|
||||
|
||||
// Pickadate date picker
|
||||
@import "../../../../themes/material/components/pickers/pickadate/date";
|
||||
|
||||
// Pickadate time picker
|
||||
@import "../../../../themes/material/components/pickers/pickadate/time";
|
||||
|
||||
// Anytime picker
|
||||
@import "../../../../themes/material/components/pickers/anytime";
|
||||
|
||||
// Color picker
|
||||
@import "../../../../themes/material/components/pickers/spectrum";
|
||||
|
||||
|
||||
// File uploaders
|
||||
// ------------------------------
|
||||
|
||||
// Plupload
|
||||
@import "../../../../themes/material/components/forms/uploaders/plupload";
|
||||
|
||||
// File input
|
||||
@import "../../../../themes/material/components/forms/uploaders/file-input";
|
||||
|
||||
// Dropzone
|
||||
@import "../../../../themes/material/components/forms/uploaders/dropzone";
|
||||
|
||||
|
||||
// Notifications
|
||||
// ------------------------------
|
||||
|
||||
// Noty notifications
|
||||
@import "../../../../themes/material/components/notifications/noty";
|
||||
|
||||
// PNotify notifications
|
||||
@import "../../../../themes/material/components/notifications/pnotify";
|
||||
|
||||
// jGrowl notifications
|
||||
@import "../../../../themes/material/components/notifications/jgrowl.scss";
|
||||
|
||||
// Sweet Alerts
|
||||
@import "../../../../themes/material/components/notifications/sweet-alerts";
|
||||
|
||||
|
||||
// Sliders
|
||||
// ------------------------------
|
||||
|
||||
// Slider pips
|
||||
@import "../../../../themes/material/components/sliders/slider-pips";
|
||||
|
||||
// NoUI slider
|
||||
@import "../../../../themes/material/components/sliders/noui-slider";
|
||||
|
||||
// Ion range slider
|
||||
@import "../../../../themes/material/components/sliders/ion-range-slider";
|
||||
|
||||
|
||||
// jQuery UI components
|
||||
// ------------------------------
|
||||
|
||||
// Interactions
|
||||
@import "../../../../themes/material/components/jquery_ui/interactions";
|
||||
|
||||
// Widgets
|
||||
@import "../../../../themes/material/components/jquery_ui/widgets";
|
||||
|
||||
|
||||
// UI components
|
||||
// ------------------------------
|
||||
|
||||
// [Material] Ripple effect
|
||||
@import "../../../../themes/material/components/ui/ripple";
|
||||
|
||||
// Prism - syntax highlighter
|
||||
@import "../../../../themes/material/components/ui/prism";
|
||||
|
||||
// Slinky - multi level drilldown menu
|
||||
@import "../../../../themes/material/components/ui/slinky";
|
||||
|
||||
// Sticky kit
|
||||
@import "../../../../themes/material/components/ui/sticky";
|
||||
|
||||
// Headroom - hhide navbar on scroll
|
||||
@import "../../../../themes/material/components/ui/headroom";
|
||||
|
||||
// Dragula
|
||||
@import "../../../../themes/material/components/ui/dragula";
|
||||
|
||||
// Perfect scrollbar
|
||||
@import "../../../../themes/material/components/ui/perfect-scrollbar";
|
||||
|
||||
|
||||
// Misc components
|
||||
// ------------------------------
|
||||
|
||||
// [Material] Floating action buttons
|
||||
@import "../../../../themes/material/components/misc/fab";
|
||||
|
||||
// Fancytree
|
||||
@import "../../../../themes/material/components/misc/fancytree";
|
||||
|
||||
// Progress buttons
|
||||
@import "../../../../themes/material/components/misc/progress-buttons";
|
||||
|
||||
// Full calendar
|
||||
@import "../../../../themes/material/components/misc/fullcalendar.scss";
|
||||
|
||||
// Image cropper
|
||||
@import "../../../../themes/material/components/misc/image-cropper";
|
||||
|
||||
// Lightbox plugin
|
||||
@import "../../../../themes/material/components/misc/fancybox";
|
||||
|
||||
|
||||
// Tables
|
||||
// ------------------------------
|
||||
|
||||
// Footable - responsive table tools
|
||||
@import "../../../../themes/material/components/tables/footable";
|
||||
|
||||
|
||||
// Handsontable
|
||||
// ------------------------------
|
||||
|
||||
// Handsontable - excel-like spreadsheet for apps
|
||||
@import "../../../../themes/material/components/tables/handsontable";
|
||||
|
||||
|
||||
// Datatables
|
||||
// ------------------------------
|
||||
|
||||
// Core
|
||||
@import "../../../../themes/material/components/tables/datatables/datatables";
|
||||
|
||||
// Datatables - columns reorder
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-columns-reorder";
|
||||
|
||||
// Datatables - rows reorder
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-rows-reorder";
|
||||
|
||||
// Datatables - fixed columns
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-fixed-columns";
|
||||
|
||||
// Datatables - fixed header
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-fixed-header";
|
||||
|
||||
// Datatables - autofill
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-autofill";
|
||||
|
||||
// Datatables - select
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-select";
|
||||
|
||||
// Datatables - buttons
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-buttons";
|
||||
|
||||
// Datatables - key table
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-keytable";
|
||||
|
||||
// Datatables - scroller
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-scroller";
|
||||
|
||||
// Datatables - responsive
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-responsive";
|
||||
|
||||
|
||||
// Maps
|
||||
// ------------------------------
|
||||
|
||||
// Google Maps
|
||||
@import "../../../../shared/maps/google-maps";
|
||||
|
||||
// jVectorMap
|
||||
@import "../../../../shared/maps/jvectormap";
|
||||
|
||||
|
||||
// Charts
|
||||
// ------------------------------
|
||||
|
||||
// Charts base
|
||||
@import "../../../../shared/charts/charts";
|
||||
|
||||
// C3 chart library
|
||||
@import "../../../../shared/charts/c3";
|
||||
|
||||
// D3 chart library
|
||||
@import "../../../../shared/charts/d3";
|
||||
|
||||
|
||||
// Page kits
|
||||
// ------------------------------
|
||||
|
||||
// ECommerce
|
||||
@import "../../../../shared/pages/ecommerce";
|
||||
|
||||
// Blog
|
||||
@import "../../../../shared/pages/blog";
|
||||
|
||||
// Task manager
|
||||
@import "../../../../shared/pages/task-manager";
|
||||
|
||||
// Inbox
|
||||
@import "../../../../shared/pages/inbox";
|
||||
|
||||
// Profile
|
||||
@import "../../../../shared/pages/profile";
|
||||
|
||||
// Login
|
||||
@import "../../../../shared/pages/login";
|
||||
|
||||
// Timelines
|
||||
@import "../../../../shared/pages/timelines";
|
||||
|
||||
// Chats
|
||||
@import "../../../../shared/pages/chats";
|
||||
|
||||
// Error page
|
||||
@import "../../../../shared/pages/error";
|
||||
|
||||
|
||||
// Other components
|
||||
// ------------------------------
|
||||
|
||||
// Heading elements
|
||||
@import "../../../../themes/material/components/ui/header-elements";
|
||||
|
||||
// Helpers
|
||||
@import "../../../../shared/utils/helpers";
|
||||
|
||||
// Plugins demo, remove in real project
|
||||
@import "../../../../themes/material/components/demo";
|
||||
@@ -0,0 +1,35 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Core layout
|
||||
*
|
||||
* Content area, sidebar, page header and boxed layout styles
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/material/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/material/bootstrap_limitless/mixins";
|
||||
|
||||
// Content
|
||||
@import "../layout/content";
|
||||
|
||||
// Header
|
||||
@import "../layout/header";
|
||||
|
||||
// Sidebar
|
||||
@import "../layout/sidebar";
|
||||
|
||||
// Boxed layout
|
||||
@import "../layout/boxed";
|
||||
@@ -0,0 +1,69 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Boxed layout
|
||||
*
|
||||
* Styles for main structure of content area in boxed layout
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-boxed {
|
||||
|
||||
// Class for body, adds background color/image
|
||||
.layout-boxed-bg {
|
||||
background: $boxed-bg; // mainly for demo, use whatever you want
|
||||
}
|
||||
|
||||
// Boxed layout base
|
||||
.layout-boxed {
|
||||
@include box-shadow($boxed-container-box-shadow);
|
||||
|
||||
// Sizing
|
||||
&,
|
||||
> .navbar {
|
||||
@include media-breakpoint-up(lg) {
|
||||
width: map-get($grid-breakpoints, "lg");
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
@include media-breakpoint-up(xl) {
|
||||
width: map-get($grid-breakpoints, "xl");
|
||||
}
|
||||
}
|
||||
|
||||
// Page container
|
||||
.page-content {
|
||||
background-color: $body-bg;
|
||||
}
|
||||
}
|
||||
|
||||
// Boxed content section
|
||||
.content-boxed {
|
||||
@include media-breakpoint-up(lg) {
|
||||
&:not(.navbar-collapse) {
|
||||
margin-left: 6%;
|
||||
margin-right: 6%;
|
||||
}
|
||||
|
||||
// Inside navbar
|
||||
.navbar > & {
|
||||
> *:first-child {
|
||||
margin-left: 6%;
|
||||
}
|
||||
> *:last-child {
|
||||
margin-right: 6%;
|
||||
}
|
||||
}
|
||||
|
||||
// Inside breadcrumb line
|
||||
.breadcrumb-line > & {
|
||||
> *:first-child {
|
||||
margin-left: $content-container-padding-x;
|
||||
}
|
||||
> *:last-child {
|
||||
margin-right: $content-container-padding-x;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,42 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Main content layout
|
||||
*
|
||||
* Styles for main structure of content area
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Make sure document has 100% height
|
||||
html {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
// Document body
|
||||
body {
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
// Main container
|
||||
.page-content {
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
// Content wrapper
|
||||
.content-wrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
// Main content container
|
||||
.content {
|
||||
padding: $content-container-padding-y $content-container-padding-x;
|
||||
flex-grow: 1;
|
||||
@include clearfix;
|
||||
}
|
||||
@@ -0,0 +1,118 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Page header
|
||||
*
|
||||
* Page header components and color options
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Page title
|
||||
.page-title {
|
||||
padding: $page-header-padding-y 0;
|
||||
position: relative;
|
||||
|
||||
// Subtitle
|
||||
small {
|
||||
display: inline-block;
|
||||
margin-left: $element-spacer-x;
|
||||
|
||||
// Divider
|
||||
&:before {
|
||||
content: '/';
|
||||
margin-right: ($element-spacer-x + 0.25rem);
|
||||
}
|
||||
|
||||
// On a new line
|
||||
&.d-block {
|
||||
margin-left: 0;
|
||||
|
||||
&:before {
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Add left spacing to align with text
|
||||
small.d-block,
|
||||
.breadcrumb {
|
||||
margin-left: ($icon-font-size + $element-spacer-x + 0.25rem);
|
||||
}
|
||||
|
||||
// Remove margin from headings
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Page header content
|
||||
.page-header-content {
|
||||
position: relative;
|
||||
padding: 0 $page-header-padding-x;
|
||||
|
||||
// With custom colored bottom border
|
||||
&[class*=border-bottom-] + .breadcrumb-line {
|
||||
border-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Page header colors
|
||||
//
|
||||
|
||||
// Light
|
||||
.page-header-light {
|
||||
background-color: $page-header-light-bg;
|
||||
|
||||
// Cover image
|
||||
&.has-cover {
|
||||
background: url(#{$img-path}/backgrounds/seamless.png); // feel free to change
|
||||
}
|
||||
}
|
||||
|
||||
// Dark
|
||||
.page-header-dark {
|
||||
background-color: $page-header-dark-bg;
|
||||
color: $page-header-dark-color;
|
||||
margin-bottom: $spacer;
|
||||
|
||||
// Breadcrumbs
|
||||
> .breadcrumb,
|
||||
.page-header-content .breadcrumb {
|
||||
|
||||
// Links
|
||||
> li > a,
|
||||
> li + li:before {
|
||||
color: rgba($page-header-dark-color, 0.9);
|
||||
}
|
||||
|
||||
// Hovered links
|
||||
> li > a {
|
||||
@include hover-focus {
|
||||
color: $page-header-dark-color;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// Active item
|
||||
> .active {
|
||||
color: rgba($page-header-dark-color, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
// Cover image
|
||||
&.has-cover {
|
||||
background: url(#{$img-path}/login_cover.jpg); // feel free to change
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
|
||||
// Common
|
||||
.page-header-light,
|
||||
.page-header-dark {
|
||||
box-shadow: $shadow-depth1;
|
||||
|
||||
.breadcrumb-line:not(.breadcrumb-line-component):last-child {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,846 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Additional variables
|
||||
*
|
||||
* Mainly 3rd party libraries and additional variables for default
|
||||
* Bootstrap components.
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
//
|
||||
// Light contextual colors
|
||||
//
|
||||
// Includes 50 shades from custom color palette
|
||||
|
||||
$theme-colors-light: () !default;
|
||||
$theme-colors-light: map-merge((
|
||||
"primary": $color-primary-50,
|
||||
"secondary": $gray-300,
|
||||
"success": $color-success-50,
|
||||
"info": $color-info-50,
|
||||
"warning": $color-orange-50,
|
||||
"danger": $color-danger-50,
|
||||
"light": $gray-200,
|
||||
"dark": $color-slate-50
|
||||
), $theme-colors-light);
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Content styling
|
||||
//
|
||||
// Various custom variables for text, icons, elements, blocks etc
|
||||
|
||||
// Content divider
|
||||
$content-divider-height: $border-width !default;
|
||||
$content-divider-color: $border-color !default;
|
||||
|
||||
// Shadows used in :hover/:focus states
|
||||
$hover-shadow-lighter: 0 0 0 62.5rem rgba($black, 0.01) inset !default;
|
||||
$hover-shadow-darker: 0 0 0 62.5rem rgba($black, 0.04) inset !default;
|
||||
|
||||
// Images
|
||||
$img-path: '../../../../../../global_assets/images' !default;
|
||||
$img-preview-max-height: 5rem !default;
|
||||
|
||||
// Wrappers for element spacers. Uses default $spacers map
|
||||
$element-spacer-x-sm: map-get($spacers, 1) !default;
|
||||
$element-spacer-x: map-get($spacers, 2) !default;
|
||||
$element-spacer-x-lg: map-get($spacers, 3) !default;
|
||||
|
||||
// Header elements
|
||||
$header-elements-padding-y: $spacer !default;
|
||||
$header-elements-padding-x: $grid-gutter-width !default;
|
||||
|
||||
// Icons
|
||||
$list-icons-spacer: 0.375rem !default;
|
||||
|
||||
$icon-caret-up: '\e9ca' !default;
|
||||
$icon-caret-down: '\e9c9' !default;
|
||||
$icon-caret-left: '\e9c8' !default;
|
||||
$icon-caret-right: '\e9cb' !default;
|
||||
|
||||
$icon-alert-styled-base: '\e9a2' !default;
|
||||
$icon-alert-styled-danger: '\ed64' !default;
|
||||
$icon-alert-styled-success: '\ed6e' !default;
|
||||
$icon-alert-styled-warning: '\e9bd' !default;
|
||||
$icon-alert-styled-info: '\e9b9' !default;
|
||||
$icon-alert-styled-custom: '\e81b' !default;
|
||||
|
||||
$icon-validation-error: '\ed63' !default;
|
||||
$icon-validation-success: '\ee73' !default;
|
||||
|
||||
$icon-notification-sticker: '\ee70' !default;
|
||||
$icon-notification-stuck: '\ee75' !default;
|
||||
|
||||
$icon-table-row-expand: '\e9e4' !default;
|
||||
$icon-table-row-collapse: '\e9e7' !default;
|
||||
$icon-table-sorting-up: '\e9c2' !default;
|
||||
$icon-table-sorting-down: '\e9c1' !default;
|
||||
$icon-table-button-confirm: '\ed6e' !default;
|
||||
|
||||
$icon-menu-arrow-down: '\e9c5' !default;
|
||||
$icon-menu-sub-arrow-ltr: '\e9c7' !default;
|
||||
$icon-menu-sub-arrow-rtl: '\e9c4' !default;
|
||||
$icon-menu-slinky-back-ltr: '\ede7' !default;
|
||||
$icon-menu-slinky-back-rtl: '\ede5' !default;
|
||||
|
||||
$icon-nav-prev: '\e9c8' !default;
|
||||
$icon-nav-next: '\e9cb' !default;
|
||||
$icon-nav-calendar-prev: '\e9c0' !default;
|
||||
$icon-nav-calendar-next: '\e9c3' !default;
|
||||
|
||||
$icon-indicator-expand: '\e9c5' !default;
|
||||
$icon-indicator-collapse: '\e9c7' !default;
|
||||
|
||||
$icon-spinner-up: '\e9f7' !default;
|
||||
$icon-spinner-down: '\e9e2' !default;
|
||||
|
||||
$icon-uploader-placeholder: '\ea0e' !default;
|
||||
$icon-uploader-placeholder-actions: '\ec67' !default;
|
||||
|
||||
$icon-action-cross: '\ed6a' !default;
|
||||
$icon-action-cross-sm: '\ed6b' !default;
|
||||
|
||||
$icon-fancytree-file: '\ea1a' !default;
|
||||
$icon-fancytree-sub-collapse: '\ea0f' !default;
|
||||
$icon-fancytree-sub-expand: '\ea11' !default;
|
||||
$icon-fancytree-folder: '\ea3d' !default;
|
||||
$icon-fancytree-folder-collapse: '\ea41' !default;
|
||||
$icon-fancytree-folder-expand: '\ea43' !default;
|
||||
|
||||
$icon-card-collapse: '\e9b8' !default;
|
||||
$icon-card-expand: '\e9b7' !default;
|
||||
$icon-card-action-collapse: '\e9c1' !default;
|
||||
$icon-card-action-reload: '\e9fb' !default;
|
||||
$icon-card-action-remove: '\ed6a' !default;
|
||||
$icon-card-action-move: '\e986' !default;
|
||||
$icon-card-action-full-base: '\e9f9' !default;
|
||||
$icon-card-action-full-active: '\e9fa' !default;
|
||||
$icon-card-action-modal: '\e9eb' !default;
|
||||
|
||||
$icon-wizard-step-current: '\e913' !default;
|
||||
$icon-wizard-step-complete: '\ed6f' !default;
|
||||
|
||||
$icon-picker-color-clear: '\ee6e' !default;
|
||||
$icon-checkbox-tick: '\e600' !default;
|
||||
$icon-search-magnifier: '\e98e' !default;
|
||||
$icon-loading-spinner: '\eb51' !default;
|
||||
$icon-list-dot: '\f052' !default;
|
||||
|
||||
// Transition timers
|
||||
$component-transition-timer: 0.15s !default;
|
||||
$component-transition-delay: 0.15s !default;
|
||||
|
||||
// Enhanced media objects
|
||||
$media-title-margin-bottom: 0.125rem !default;
|
||||
$media-link-hover-bg: rgba($black, 0.04) !default;
|
||||
$media-padding-x: 1.25rem !default;
|
||||
$media-padding-y: 1rem !default;
|
||||
$media-border-width: $border-width !default;
|
||||
$media-border-color: $border-color !default;
|
||||
|
||||
// Enhanced dropdown menus
|
||||
$dropdown-content-header-padding-y: 1rem !default;
|
||||
$dropdown-content-body-padding-y: 1.25rem !default;
|
||||
$dropdown-content-body-padding-x: 1.25rem !default;
|
||||
$dropdown-content-footer-padding-y: 0.75rem !default;
|
||||
$dropdown-content-footer-border-width: $border-width !default;
|
||||
$dropdown-content-footer-border-color: $border-color !default;
|
||||
|
||||
// Perfect scrollbar
|
||||
$ps-size: 0.25rem !default;
|
||||
$ps-gap: 0.125rem !default;
|
||||
$ps-bg: $gray-600 !default;
|
||||
$ps-opacity: 0.75 !default;
|
||||
|
||||
// jQuery UI
|
||||
$ui-accordion-spacer-y: 0.5rem !default;
|
||||
$ui-autocomplete-height: 250px !default;
|
||||
$ui-datepicker-width: 270px !default;
|
||||
|
||||
// Charts
|
||||
$chart-container-height: 400px !default;
|
||||
$chart-min-width: 37.5rem !default;
|
||||
$chart-pie-min-width: 31.25rem !default;
|
||||
|
||||
// Maps
|
||||
$map-container-height: 500px !default;
|
||||
$map-container-sidebar-height: 200px !default;
|
||||
|
||||
// Misc
|
||||
$select-custom-width: 220px !default;
|
||||
$cursor-disabled: default !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Page header
|
||||
//
|
||||
// Includes page header base, colors and page title
|
||||
|
||||
$page-header-elements-border-width: $border-width !default;
|
||||
|
||||
$page-header-padding-y: 2rem !default;
|
||||
$page-header-padding-x: $grid-gutter-width !default;
|
||||
|
||||
$page-header-light-bg: $white !default;
|
||||
$page-header-light-border-color: $border-color !default;
|
||||
$page-header-light-elements-bg: $gray-100 !default;
|
||||
$page-header-light-elements-border-color: $page-header-light-border-color !default;
|
||||
|
||||
$page-header-dark-bg: #273246 !default;
|
||||
$page-header-dark-color: $white !default;
|
||||
$page-header-dark-border-color: rgba($white, 0.2) !default;
|
||||
$page-header-dark-elements-bg: rgba($black, 0.1) !default;
|
||||
$page-header-dark-elements-border-color: $page-header-dark-border-color !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Content area
|
||||
//
|
||||
// Area below page header, Also includes boxed layout
|
||||
|
||||
$content-container-padding-y: $spacer !default;
|
||||
$content-container-padding-x: $grid-gutter-width !default;
|
||||
|
||||
$boxed-bg: url(#{$img-path}/backgrounds/boxed_bg.png) repeat !default;
|
||||
$boxed-container-box-shadow: -4px 2px 4px rgba($black, 0.15), 4px 2px 4px rgba($black, 0.15) !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Sidebar
|
||||
//
|
||||
// Includes sidebar sizes, colors and user areas
|
||||
|
||||
// Base
|
||||
$sidebar-base-width: rem-calc(270px) !default;
|
||||
$sidebar-mini-width: ($spacer * 2) + $icon-font-size !default;
|
||||
|
||||
|
||||
// Light sidebar
|
||||
$sidebar-light-bg: $white !default;
|
||||
$sidebar-light-color: $body-color !default;
|
||||
$sidebar-light-border-width: 0 !default;
|
||||
$sidebar-light-border-color: rgba($black, 0.125) !default;
|
||||
$sidebar-light-toggler-bg: darken($sidebar-light-bg, 4%) !default;
|
||||
$sidebar-light-toggler-color: rgba($sidebar-light-color, 0.8) !default;
|
||||
$sidebar-light-toggler-hover-bg: transparent !default;
|
||||
$sidebar-light-toggler-hover-color: $sidebar-light-color !default;
|
||||
$sidebar-light-tabs-bg: darken($sidebar-light-bg, 4%) !default;
|
||||
$sidebar-light-xs-menu-bg: darken($sidebar-light-bg, 1%) !default;
|
||||
|
||||
$sidebar-light-user-menu-bg: transparent !default;
|
||||
$sidebar-light-user-menu-border-width: $border-width !default;
|
||||
$sidebar-light-user-menu-border-color: $border-color !default;
|
||||
|
||||
|
||||
// Dark sidebar
|
||||
$sidebar-dark-bg: #2a3140 !default;
|
||||
$sidebar-dark-color: $white !default;
|
||||
$sidebar-dark-border-width: $border-width !default;
|
||||
$sidebar-dark-border-color: rgba($white, 0.1) !default;
|
||||
$sidebar-dark-toggler-bg: darken($sidebar-dark-bg, 4%) !default;
|
||||
$sidebar-dark-toggler-color: rgba($sidebar-dark-color, 0.9) !default;
|
||||
$sidebar-dark-toggler-hover-bg: transparent !default;
|
||||
$sidebar-dark-toggler-hover-color: $sidebar-dark-color !default;
|
||||
$sidebar-dark-tabs-bg: darken($sidebar-dark-bg, 4%) !default;
|
||||
$sidebar-dark-xs-menu-bg: lighten($sidebar-dark-bg, 5%) !default;
|
||||
|
||||
$sidebar-dark-user-menu-bg: transparent !default;
|
||||
$sidebar-dark-user-menu-border-width: $border-width !default;
|
||||
$sidebar-dark-user-menu-border-color: rgba($white, 0.1) !default;
|
||||
|
||||
|
||||
// Shadows [material only]
|
||||
$sidebar-left-desktop-box-shadow: $shadow-depth1 !default;
|
||||
$sidebar-left-mobile-box-shadow: 0.25rem 0 1rem rgba(0, 0, 0, 0.35) !default;
|
||||
|
||||
$sidebar-right-desktop-box-shadow: $shadow-depth1 !default;
|
||||
$sidebar-right-mobile-box-shadow: -0.25rem 0 1rem rgba(0, 0, 0, 0.35) !default;
|
||||
|
||||
|
||||
// Z-indexes
|
||||
$sidebar-zindex: ($zindex-fixed + 10) !default;
|
||||
$sidebar-zindex-main: 99 !default;
|
||||
$sidebar-zindex-secondary: ($sidebar-zindex-main - 1) !default;
|
||||
$sidebar-zindex-right: ($sidebar-zindex-main - 2) !default;
|
||||
$sidebar-zindex-component: ($sidebar-zindex-main - 3) !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Main vertical navigation
|
||||
//
|
||||
// Includes base styles, levels and colors
|
||||
|
||||
$navigation-padding-y: 0.5rem !default;
|
||||
|
||||
$navigation-item-padding-y: 0.75rem !default;
|
||||
$navigation-item-padding-x: 1.25rem !default;
|
||||
$navigation-item-spacer-y: 1px !default;
|
||||
$navigation-item-font-weight: $font-weight-semibold !default;
|
||||
$navigation-item-disabled-opacity: 0.5 !default;
|
||||
|
||||
$navigation-sub-padding-y: 0.625rem !default;
|
||||
$navigation-sub-item-opacity: 0.5 !default;
|
||||
|
||||
|
||||
// Dark sidebar navigation styles
|
||||
$navigation-dark-color: rgba($sidebar-dark-color, 0.9) !default;
|
||||
$navigation-dark-hover-bg: rgba($black, 0.15) !default;
|
||||
$navigation-dark-hover-color: $sidebar-dark-color !default;
|
||||
$navigation-dark-active-bg: lighten($sidebar-dark-bg, 7.5%) !default;
|
||||
$navigation-dark-active-color: $white !default;
|
||||
$navigation-dark-sub-bg: rgba($black, 0.15) !default;
|
||||
$navigation-dark-sub-active-bg: rgba($black, 0.15) !default;
|
||||
$navigation-dark-sub-active-color: $white !default;
|
||||
$navigation-dark-bordered-border-width: $border-width !default;
|
||||
$navigation-dark-bordered-border-color: rgba($white, 0.1) !default;
|
||||
$navigation-dark-bordered-header-bg: rgba($black, 0.1) !default;
|
||||
|
||||
|
||||
// Light sidebar navigation styles
|
||||
$navigation-light-color: rgba($sidebar-light-color, 0.85) !default;
|
||||
$navigation-light-hover-bg: $gray-200 !default;
|
||||
$navigation-light-hover-color: $sidebar-light-color !default;
|
||||
$navigation-light-active-bg: $navigation-light-hover-bg !default;
|
||||
$navigation-light-active-color: $navigation-light-hover-color !default;
|
||||
$navigation-light-sub-bg: transparent !default;
|
||||
$navigation-light-sub-active-bg: $gray-200 !default;
|
||||
$navigation-light-sub-active-color: $body-color !default;
|
||||
$navigation-light-bordered-border-width: $border-width !default;
|
||||
$navigation-light-bordered-border-color: $gray-400 !default;
|
||||
$navigation-light-bordered-header-bg: $gray-100 !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Form components
|
||||
//
|
||||
// Form checks, switches, selects, tags etc.
|
||||
|
||||
// Checkboxes and radios
|
||||
$checkbox-size: 1.25rem !default;
|
||||
$checkbox-color: $color-slate-700 !default;
|
||||
$checkbox-border-width: rem-calc($border-width * 2) !default;
|
||||
$checkbox-border-color: $checkbox-color !default;
|
||||
$checkbox-disabled-opacity: 0.5 !default;
|
||||
|
||||
|
||||
// Switchery toggle
|
||||
$switchery-bg: $white !default;
|
||||
$switchery-border-width: $border-width !default;
|
||||
$switchery-border-color: $gray-400 !default;
|
||||
$switchery-handle-bg: $white !default;
|
||||
$switchery-handle-box-shadow: 0 1px 3px rgba($black, 0.4) !default;
|
||||
$switchery-size: 1.125rem !default;
|
||||
$switchery-margin-x: 0.625rem !default;
|
||||
|
||||
|
||||
// Bootstrap switch
|
||||
$switch-border-width: $border-width !default;
|
||||
$switch-bg-default: $gray-300 !default;
|
||||
$switch-handle-width: 0.25rem !default;
|
||||
$switch-handle-height: 0.625rem !default;
|
||||
$switch-handle-bg: $white !default;
|
||||
$switch-handle-border-color: rgba($black, 0.15) !default;
|
||||
$switch-handle-hover-bg: $gray-100 !default;
|
||||
|
||||
|
||||
// Select2 selects
|
||||
$select2-max-height: 280px !default;
|
||||
$select2-disabled-opacity: 0.6 !default;
|
||||
$select2-custom-disabled-opacity: 0.75 !default;
|
||||
|
||||
$select2-pills-spacer: 0.0625rem !default;
|
||||
$select2-pills-bg: $gray-300 !default;
|
||||
$select2-pills-color: $body-color !default;
|
||||
$select2-pills-hover-bg: $color-blue-500 !default;
|
||||
$select2-pills-hover-color: $white !default;
|
||||
$select2-pills-border-radius: $border-radius-round !default;
|
||||
|
||||
$select2-light-results-color: $gray-600 !default;
|
||||
$select2-dark-results-color: rgba($white, 0.75) !default;
|
||||
|
||||
|
||||
// Multiselect
|
||||
$multiselect-max-height: 280px !default;
|
||||
$multiselect-font-weight: $font-weight-normal !default;
|
||||
$multiselect-text-transform: none !default;
|
||||
|
||||
|
||||
// Typeahead
|
||||
$typeahead-max-height: 350px !default;
|
||||
$typeahead-max-height-scrollable: 250px !default;
|
||||
|
||||
|
||||
// Tag inputs
|
||||
$tags-spacer: 0.0625rem !default;
|
||||
$tags-color: $body-color !default;
|
||||
$tags-hover-color: $white !default;
|
||||
$tags-bg: $gray-300 !default;
|
||||
$tags-hover-bg: $color-blue-500 !default;
|
||||
$tag-disabled-opacity: 0.5 !default;
|
||||
$tag-border-radius: $border-radius-round !default;
|
||||
|
||||
|
||||
// Form wizard
|
||||
$wizard-step-line-size: 2px !default;
|
||||
$wizard-step-line-color: $gray-300 !default;
|
||||
|
||||
$wizard-step-number-size: rem-calc(38px) !default;
|
||||
$wizard-step-number-bg: $card-bg !default;
|
||||
$wizard-step-number-color: $gray-500 !default;
|
||||
$wizard-step-number-active-bg: $color-info-500 !default;
|
||||
$wizard-step-number-active-color: $white !default;
|
||||
$wizard-step-number-error-bg: $color-danger-500 !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Text editors
|
||||
//
|
||||
// Summernote, trumbowyg, ace code editor
|
||||
|
||||
// Summernote editor
|
||||
$summernote-border-width: $border-width !default;
|
||||
$summernote-border-color: $border-color !default;
|
||||
$summernote-font-path: "../../../../../../global_assets/css/icons/summernote/" !default;
|
||||
$summernote-icon-font-size: 0.875rem !default;
|
||||
$summernote-min-height: rem-calc(150px) !default;
|
||||
|
||||
$summernote-resizer-width: 1.25rem !default;
|
||||
$summernote-resizer-height: $border-width !default;
|
||||
$summernote-resizer-color: $border-color !default;
|
||||
|
||||
|
||||
// Trumbowyg editor
|
||||
$trumbowyg-min-height: 350px !default;
|
||||
|
||||
$trumbowyg-border-width: $border-width !default;
|
||||
$trumbowyg-border-color: $border-color !default;
|
||||
|
||||
$trumbowyg-toolbar-bg: $gray-100 !default;
|
||||
$trumbowyg-toolbar-hover-bg: $gray-300 !default;
|
||||
$trumbowyg-toolbar-color: $body-color !default;
|
||||
$trumbowyg-toolbar-border-width: $border-width !default;
|
||||
$trumbowyg-toolbar-border-color: $border-color !default;
|
||||
$trumbowyg-toolbar-divider-width: 0 !default;
|
||||
$trumbowyg-toolbar-height: ($btn-padding-x * 2) + $icon-font-size + rem-calc($trumbowyg-toolbar-border-width * 2) !default;
|
||||
|
||||
|
||||
// Ace code editor
|
||||
$ace-height: 450px !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Pickers
|
||||
//
|
||||
// Date, time and color pickers
|
||||
|
||||
// Common styles for date pickers
|
||||
$datepicker-padding: 0.9375rem !default;
|
||||
$datepicker-title-font-size: $h6-font-size !default;
|
||||
|
||||
$datepicker-item-padding: $input-btn-padding-y !default;
|
||||
$datepicker-item-weekday-color: $gray-600 !default;
|
||||
$datepicker-item-year-color: $gray-600 !default;
|
||||
$datepicker-item-focusout-color: $gray-500 !default;
|
||||
$datepicker-item-hover-color: $body-color !default;
|
||||
$datepicker-item-hover-bg: $gray-200 !default;
|
||||
$datepicker-item-active-color: $white !default;
|
||||
$datepicker-item-active-bg: $color-teal-400 !default;
|
||||
$datepicker-item-today-color: $body-color !default;
|
||||
$datepicker-item-today-bg: $gray-200 !default;
|
||||
$datepicker-item-disabled-color: $gray-600 !default;
|
||||
$datepicker-item-disabled-bg: transparent !default;
|
||||
|
||||
|
||||
// Pick-a-date picker
|
||||
$pickadate-min-width: 18rem !default;
|
||||
$pickadate-max-width: 20rem !default;
|
||||
$pickadate-max-height: 480px !default;
|
||||
|
||||
|
||||
// Pick-a-time picker
|
||||
$pickatime-max-height: 250px !default;
|
||||
$pickatime-min-width: 16rem !default;
|
||||
$pickatime-max-width: 20rem !default;
|
||||
|
||||
|
||||
// Anytime picker
|
||||
$anytime-year-btn-bg: $color-danger-500 !default;
|
||||
$anytime-year-btn-color: $white !default;
|
||||
|
||||
$anytime-month-btn-bg: $color-teal-400 !default;
|
||||
$anytime-month-btn-color: $white !default;
|
||||
|
||||
$anytime-time-btn-bg: $color-slate-500 !default;
|
||||
$anytime-time-btn-color: $white !default;
|
||||
|
||||
|
||||
// Spectrum color picker
|
||||
$spectrum-padding: 0.625rem !default;
|
||||
$spectrum-width: 13.75rem !default;
|
||||
$spectrum-max-width: 13.75rem !default;
|
||||
|
||||
$spectrum-choose-btn-bg: $color-slate-500 !default;
|
||||
$spectrum-choose-btn-color: $white !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// File uploaders
|
||||
//
|
||||
// Plupload, Bootstrap file input and dropzone
|
||||
|
||||
// Plupload uploader
|
||||
$plupload-max-height: 250px !default;
|
||||
$plupload-bg: $white !default;
|
||||
$plupload-border-width: ($border-width * 2) !default;
|
||||
$plupload-border-style: dashed !default;
|
||||
$plupload-border-color: $gray-400 !default;
|
||||
|
||||
$plupload-header-bg: $color-slate-800 !default;
|
||||
$plupload-header-color: $white !default;
|
||||
|
||||
$plupload-placeholder-icon-color: $gray-500 !default;
|
||||
$plupload-placeholder-text-color: $gray-700 !default;
|
||||
|
||||
$plupload-btn-start-bg: theme-color('primary') !default;
|
||||
$plupload-btn-start-border-color: $plupload-btn-start-bg !default;
|
||||
$plupload-btn-start-color: $white !default;
|
||||
|
||||
|
||||
// Bootstrap file input
|
||||
$fileinput-preview-spacer: 0.5rem !default;
|
||||
$fileinput-preview-thumb-width: 10rem !default;
|
||||
$fileinput-preview-thumb-height: 10rem !default;
|
||||
$fileinput-preview-thumb-caption-spacer: 0.75rem !default;
|
||||
$fileinput-preview-footer-bg: $gray-100 !default;
|
||||
$fileinput-preview-progress-height: 0.375rem !default;
|
||||
$fileinput-preview-frame-bg: $card-bg !default;
|
||||
$fileinput-preview-frame-border-width: $border-width !default;
|
||||
$fileinput-preview-frame-border-color: $border-color !default;
|
||||
|
||||
|
||||
// Dropzone
|
||||
$dropzone-min-height: 18rem !default;
|
||||
$dropzone-spacer: 0.3125rem !default;
|
||||
|
||||
$dropzone-bg: #fcfcfc !default;
|
||||
$dropzone-border-width: ($border-width * 2) !default;
|
||||
$dropzone-border-style: dashed !default;
|
||||
$dropzone-border-color: $gray-400 !default;
|
||||
|
||||
$dropzone-placeholder-icon-size: ($icon-font-size * 4) !default;
|
||||
$dropzone-placeholder-icon-color: $gray-500 !default;
|
||||
$dropzone-placeholder-text-color: $gray-700 !default;
|
||||
|
||||
$dropzone-drag-bg: $gray-200 !default;
|
||||
$dropzone-drag-color: $gray-400 !default;
|
||||
$dropzone-drag-border-color: $gray-600 !default;
|
||||
|
||||
$dropzone-preview-spacer: 0.5rem !default;
|
||||
$dropzone-preview-width: 10rem !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Notifications
|
||||
//
|
||||
// Sweet alert and noty.js notification libraries
|
||||
|
||||
// Common styles
|
||||
$notification-width: 20rem !default;
|
||||
$notification-gutter-y: $spacer !default;
|
||||
$notification-gutter-x: $content-container-padding-x !default;
|
||||
$notification-box-shadow: $shadow-depth1 !default;
|
||||
|
||||
|
||||
// Noty.js
|
||||
$noty-spacer-y: 0.25rem !default;
|
||||
|
||||
$notification-alert-bg: $color-slate-600 !default;
|
||||
$notification-alert-color: $white !default;
|
||||
$notification-alert-border-color: $notification-alert-bg !default;
|
||||
|
||||
$notification-warning-bg: $color-warning-400 !default;
|
||||
$notification-warning-color: $white !default;
|
||||
$notification-warning-border-color: $notification-warning-bg !default;
|
||||
|
||||
$notification-error-bg: $color-danger-400 !default;
|
||||
$notification-error-color: $white !default;
|
||||
$notification-error-border-color: $notification-error-bg !default;
|
||||
|
||||
$notification-info-bg: $color-blue-500 !default;
|
||||
$notification-info-color: $white !default;
|
||||
$notification-info-border-color: $notification-info-bg !default;
|
||||
|
||||
$notification-success-bg: $color-success-500 !default;
|
||||
$notification-success-color: $white !default;
|
||||
$notification-success-border-color: $notification-success-bg !default;
|
||||
|
||||
$noty-progress-height: 0.1875rem !default;
|
||||
$noty-progress-bg: rgba($black, 0.25) !default;
|
||||
|
||||
|
||||
// Sweet alert 2
|
||||
$swal-padding: 1.25rem !default;
|
||||
$swal-width: 31.25rem !default;
|
||||
$swal-margin-x: $content-container-padding-x !default;
|
||||
|
||||
$swal2-icon-size: 5rem !default;
|
||||
$swal2-icon-border-width: 0.25rem !default;
|
||||
$swal2-icon-spacer: 1rem !default;
|
||||
|
||||
$swal2-step-inactive-color: $text-muted !default;
|
||||
$swal2-step-active-color: $color-primary-500 !default;
|
||||
$swal2-step-complete-color: $swal2-step-active-color !default;
|
||||
$swal2-step-line-color: $gray-400 !default;
|
||||
|
||||
$swal2-error-color: $color-danger-400 !default;
|
||||
$swal2-error-border-color: $swal2-error-color !default;
|
||||
|
||||
$swal2-warning-color: $color-warning-400 !default;
|
||||
$swal2-warning-border-color: $swal2-warning-color !default;
|
||||
|
||||
$swal2-info-color: $color-blue-500 !default;
|
||||
$swal2-info-border-color: $swal2-info-color !default;
|
||||
|
||||
$swal2-question-color: $color-slate-700 !default;
|
||||
$swal2-question-border-color: $swal2-question-color !default;
|
||||
|
||||
$swal2-success-color: $color-success-400 !default;
|
||||
$swal2-success-border-color: $swal2-success-color !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Tables
|
||||
//
|
||||
// Handsontable and datatables.js libraries
|
||||
|
||||
// Handsontable
|
||||
$hot-row-header-width: 5rem !default;
|
||||
$hot-cell-height: 1.875rem !default;
|
||||
$hot-cell-bg: $white !default;
|
||||
$hot-header-bg: $gray-200 !default;
|
||||
$hot-search-result-bg: $color-orange-50 !default;
|
||||
$hot-cell-padding-y: 0.3125rem !default;
|
||||
$hot-cell-padding-x: 0.25rem !default;
|
||||
$hot-datepicker-width: 15.63rem !default;
|
||||
$hot-cell-highlight-bg: $color-primary-50 !default;
|
||||
$hot-cell-highlight-border-color: $color-primary-500 !default;
|
||||
$hot-scrollable-max-height: 22.5rem !default;
|
||||
|
||||
|
||||
// Datatables
|
||||
$dt-spacer-y: $spacer !default;
|
||||
$dt-spacer-x: $card-spacer-x !default;
|
||||
$dt-filter-width: 12.5rem !default;
|
||||
$dt-controls-label-spacer-y: ($input-padding-y + rem-calc($input-border-width)) !default;
|
||||
$dt-controls-label-spacer-x: ($dt-spacer-x / 1.5) !default;
|
||||
|
||||
$dt-pagination-active-bg: $color-slate-800 !default;
|
||||
$dt-pagination-active-color: $white !default;
|
||||
|
||||
$dt-button-collection-2col-width: 18.75rem !default;
|
||||
$dt-button-collection-3col-width: 28.13rem !default;
|
||||
$dt-button-collection-4col-width: 37.5rem !default;
|
||||
|
||||
$dt-ext-select-active-row-bg: $color-success-50 !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Misc components
|
||||
//
|
||||
// Other custom 3rd party extensions and libraries
|
||||
|
||||
// FAB (floating action button)
|
||||
$fab-main-btn-size: (($btn-float-padding + ($icon-font-size / 2)) * 2) !default;
|
||||
$fab-btn-gap: 0.125rem !default;
|
||||
$fab-gutter-x: $content-container-padding-x !default;
|
||||
|
||||
$fab-inner-btn-size: (($btn-float-padding - $fab-btn-gap) * 2) + $icon-font-size !default;
|
||||
$fab-inner-btn-spacing: $spacer !default;
|
||||
|
||||
$fab-badge-spacer-x: 0.25rem !default;
|
||||
$fab-badge-spacer-y: $fab-badge-spacer-x !default;
|
||||
|
||||
$fab-label-light-bg: $white !default;
|
||||
$fab-label-light-color: $body-color !default;
|
||||
|
||||
|
||||
// Fullcalendar
|
||||
$fullcalendar-bg: $card-bg !default;
|
||||
|
||||
$fullcalendar-event-bg: $color-blue-600 !default;
|
||||
$fullcalendar-event-color: $white !default;
|
||||
$fullcalendar-event-border-width: $border-width !default;
|
||||
$fullcalendar-event-border-color: $color-blue-600 !default;
|
||||
|
||||
$fullcalendar-event-spacer: 0.5rem !default;
|
||||
$fullcalendar-event-padding-y: 0.25rem !default;
|
||||
$fullcalendar-event-padding-x: 0.5rem !default;
|
||||
|
||||
$fullcalendar-event-resizer-size-h: 0.5rem !default;
|
||||
$fullcalendar-event-resizer-size-v: 0.5rem !default;
|
||||
|
||||
$fullcalendar-today-bg: $color-success-50 !default;
|
||||
$fullcalendar-bgevent-bg: rgba($color-success-300, 0.3) !default;
|
||||
$fullcalendar-nonbusiness-bg: rgba($gray-400, 0.3) !default;
|
||||
$fullcalendar-highlight-bg: rgba($gray-400, 0.3) !default;
|
||||
$fullcalendar-weekday-bg: $gray-100 !default;
|
||||
$fullcalendar-weekday-color: rgba($body-color, 0.5) !default;
|
||||
|
||||
|
||||
// Sliders (shared styles)
|
||||
$slider-bg: $gray-300 !default;
|
||||
$slider-connect-bg: $color-indigo-400 !default;
|
||||
$slider-disabled-opacity: 0.75 !default;
|
||||
$slider-box-shadow: inset 0 1px 1px rgba($black, 0.1) !default;
|
||||
|
||||
$slider-height: 0.3125rem !default;
|
||||
$slider-height-lg: ($slider-height + 0.125rem) !default;
|
||||
$slider-height-sm: ($slider-height - 0.125rem) !default;
|
||||
$slider-vertical-height: 10rem !default;
|
||||
|
||||
$slider-handle-bg: $slider-connect-bg !default;
|
||||
$slider-handle-inner-bg: $slider-connect-bg !default;
|
||||
$slider-handle-border-width: $border-width !default;
|
||||
$slider-handle-border-color: transparent !default;
|
||||
$slider-handle-hover-bg: $slider-handle-bg !default;
|
||||
$slider-handle-inner-hover-bg: $slider-handle-hover-bg !default;
|
||||
|
||||
$slider-pips-color: $gray-700 !default;
|
||||
$slider-pips-spacer-y: 1rem !default;
|
||||
$slider-pips-marker-width: 0.0625rem !default;
|
||||
$slider-pips-marker-height: 0.1875rem !default;
|
||||
$slider-pips-font-size: $font-size-xs !default;
|
||||
$slider-pips-line-height: $line-height-xs !default;
|
||||
|
||||
|
||||
// Image cropper
|
||||
$cropper-grid-size: $border-width !default;
|
||||
$cropper-grid-color: $gray-300 !default;
|
||||
$cropper-grid-center-size: ($border-width * 9) !default;
|
||||
|
||||
$cropper-resizer-color: $color-primary-500 !default;
|
||||
$cropper-resizer-size: 0.375rem !default;
|
||||
$cropper-resizer-size-lg: 1.25rem !default;
|
||||
|
||||
|
||||
// Fancybox
|
||||
$fancybox-nav-spacer-x: 0.625rem !default;
|
||||
$fancybox-nav-spacer-y: $fancybox-nav-spacer-x !default;
|
||||
$fancybox-nav-padding: 0.375rem !default;
|
||||
$fancybox-nav-bg: rgba($black, 0.5) !default;
|
||||
$fancybox-nav-color: $white !default;
|
||||
$fancybox-nav-hover-bg: $gray-900 !default;
|
||||
$fancybox-nav-hover-color: $fancybox-nav-color !default;
|
||||
|
||||
$fancybox-caption-padding-y: 0.5rem !default;
|
||||
$fancybox-caption-padding-x: 0.625rem !default;
|
||||
$fancybox-caption-bg: rgba($black, 0.5) !default;
|
||||
$fancybox-caption-color: $white !default;
|
||||
|
||||
|
||||
// Fancytree
|
||||
$fancytree-node-padding-y: 0.25rem !default;
|
||||
$fancytree-node-padding-x: 0.5rem !default;
|
||||
|
||||
$fancytree-node-selected-bg: $gray-300 !default;
|
||||
$fancytree-node-selected-color: $body-color !default;
|
||||
|
||||
$fancytree-node-active-bg: $color-primary-500 !default;
|
||||
$fancytree-node-active-color: $white !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Page kits
|
||||
//
|
||||
// Feeds, timelines, profiles, chats, inbox, ecommerce etc
|
||||
//
|
||||
|
||||
// Timelines
|
||||
$timeline-icon-size: 3rem !default;
|
||||
$timeline-line-width: ($border-width * 2) !default;
|
||||
$timeline-line-color: $gray-500 !default;
|
||||
$timeline-icon-bg: $card-bg !default;
|
||||
$timeline-icon-border-width: ($timeline-line-width * 2) !default;
|
||||
$timeline-content-padding-x: $content-container-padding-x !default;
|
||||
|
||||
|
||||
// Feeds
|
||||
$list-feed-circle-radius: 0.5rem !default; // must be equal to even px value
|
||||
$list-feed-circle-border-width: ($border-width * 2) !default;
|
||||
$list-feed-circle-border-color: $color-slate-500 !default;
|
||||
$list-feed-circle-position: ($line-height-computed - ($list-feed-circle-radius + rem-calc($list-feed-circle-border-width))) / 2 !default;
|
||||
|
||||
$list-feed-item-padding-y: 1.25rem !default;
|
||||
$list-feed-item-padding-x: ($card-spacer-x + $list-feed-circle-radius) !default;
|
||||
|
||||
|
||||
// Blog
|
||||
$blog-horizontal-img-max-width: 25rem !default;
|
||||
$blog-horizontal-img-max-width-lg: 31.25rem !default;
|
||||
$blog-horizontal-img-max-width-sm: 18.75rem !default;
|
||||
$blog-horizontal-img-max-width-xs: 12.5rem !default;
|
||||
|
||||
|
||||
// Login page
|
||||
$login-form-width: 20rem !default;
|
||||
|
||||
|
||||
// Error pages
|
||||
$error-title-color: $white !default;
|
||||
$error-title-font-size: 12.5rem !default;
|
||||
$error-title-font-size-sm: 8.125rem !default;
|
||||
|
||||
$error-offline-title-font-size: 10rem !default;
|
||||
$error-offline-title-font-size-sm: 6.875rem !default;
|
||||
|
||||
|
||||
// Profile pages
|
||||
$profile-cover-element-shadow: 0 0 0.1875rem rgba($black, 0.5) !default;
|
||||
$profile-thumb-size: 6.25rem !default;
|
||||
$profile-thumb-border-width: ($border-width * 3) !default;
|
||||
$profile-thumb-border-color: $white !default;
|
||||
$profile-cover-height: 21.88rem !default;
|
||||
|
||||
|
||||
// Inbox
|
||||
$inbox-read-row-bg: $gray-100 !default;
|
||||
$inbox-unread-row-bg: $card-bg !default;
|
||||
|
||||
|
||||
// Chats
|
||||
$chat-list-max-height: 520px !default;
|
||||
$chat-message-arrow-size: ($border-width * 5) !default;
|
||||
$chat-message-border-radius: $border-radius !default;
|
||||
$chat-message-padding-y: 0.625rem !default;
|
||||
$chat-message-padding-x: 1rem !default;
|
||||
|
||||
$chat-message-bg: $gray-300 !default;
|
||||
$chat-message-color: $body-color !default;
|
||||
$chat-message-reversed-bg: $color-primary-400 !default;
|
||||
$chat-message-reversed-color: $white !default;
|
||||
|
||||
|
||||
// Pricing tables
|
||||
$pricing-title-font-size: 2.625rem !default;
|
||||
$pricing-subtitle-font-size: 1.875rem !default;
|
||||
|
||||
$pricing-list-item-padding-y: 1rem !default;
|
||||
$pricing-list-item-border-width: $border-width !default;
|
||||
$pricing-list-item-border-color: rgba($black, 0.1) !default;
|
||||
|
||||
$pricing-ribbon-box-shadow: 0 4px 6px rgba($black, 0.1) !default;
|
||||
@@ -0,0 +1,61 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Bootstrap v4.3.1 (https://getbootstrap.com)
|
||||
*
|
||||
* Copyright 2011-2018 The Bootstrap Authors
|
||||
* Copyright 2011-2018 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/default/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/default/bootstrap_limitless/mixins";
|
||||
|
||||
// Import default files
|
||||
@import "../../../../_bootstrap/root";
|
||||
@import "../../../../_bootstrap/reboot";
|
||||
@import "../../../../_bootstrap/type";
|
||||
@import "../../../../_bootstrap/images";
|
||||
@import "../../../../_bootstrap/code";
|
||||
@import "../../../../_bootstrap/grid";
|
||||
@import "../../../../_bootstrap/tables";
|
||||
@import "../../../../_bootstrap/forms";
|
||||
@import "../../../../_bootstrap/buttons";
|
||||
@import "../../../../_bootstrap/transitions";
|
||||
@import "../../../../_bootstrap/dropdown";
|
||||
@import "../../../../_bootstrap/button-group";
|
||||
@import "../../../../_bootstrap/input-group";
|
||||
@import "../../../../_bootstrap/custom-forms";
|
||||
@import "../../../../_bootstrap/nav";
|
||||
@import "../../../../_bootstrap/navbar";
|
||||
@import "../../../../_bootstrap/card";
|
||||
@import "../../../../_bootstrap/breadcrumb";
|
||||
@import "../../../../_bootstrap/pagination";
|
||||
@import "../../../../_bootstrap/badge";
|
||||
@import "../../../../_bootstrap/jumbotron";
|
||||
@import "../../../../_bootstrap/alert";
|
||||
@import "../../../../_bootstrap/progress";
|
||||
@import "../../../../_bootstrap/media";
|
||||
@import "../../../../_bootstrap/list-group";
|
||||
@import "../../../../_bootstrap/close";
|
||||
@import "../../../../_bootstrap/toasts";
|
||||
@import "../../../../_bootstrap/modal";
|
||||
@import "../../../../_bootstrap/tooltip";
|
||||
@import "../../../../_bootstrap/popover";
|
||||
@import "../../../../_bootstrap/carousel";
|
||||
@import "../../../../_bootstrap/spinners";
|
||||
@import "../../../../_bootstrap/utilities";
|
||||
@import "../../../../_bootstrap/print";
|
||||
@@ -0,0 +1,53 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Bootstrap v4.3.1 (https://getbootstrap.com)
|
||||
*
|
||||
* Copyright 2011-2018 The Bootstrap Authors
|
||||
* Copyright 2011-2018 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/default/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/default/bootstrap_limitless/mixins";
|
||||
|
||||
// Import default files
|
||||
@import "../../../../themes/default/bootstrap_limitless/reboot";
|
||||
@import "../../../../themes/default/bootstrap_limitless/type";
|
||||
@import "../../../../themes/default/bootstrap_limitless/code";
|
||||
@import "../../../../themes/default/bootstrap_limitless/tables";
|
||||
@import "../../../../themes/default/bootstrap_limitless/forms";
|
||||
@import "../../../../themes/default/bootstrap_limitless/buttons";
|
||||
@import "../../../../themes/default/bootstrap_limitless/dropdown";
|
||||
@import "../../../../themes/default/bootstrap_limitless/button-group";
|
||||
@import "../../../../themes/default/bootstrap_limitless/input-group";
|
||||
@import "../../../../themes/default/bootstrap_limitless/custom-forms";
|
||||
@import "../../../../themes/default/bootstrap_limitless/nav";
|
||||
@import "../../../../themes/default/bootstrap_limitless/navbar";
|
||||
@import "../../../../themes/default/bootstrap_limitless/card";
|
||||
@import "../../../../themes/default/bootstrap_limitless/breadcrumb";
|
||||
@import "../../../../themes/default/bootstrap_limitless/pagination";
|
||||
@import "../../../../themes/default/bootstrap_limitless/badge";
|
||||
@import "../../../../themes/default/bootstrap_limitless/alert";
|
||||
@import "../../../../themes/default/bootstrap_limitless/progress";
|
||||
@import "../../../../themes/default/bootstrap_limitless/media";
|
||||
@import "../../../../themes/default/bootstrap_limitless/list-group";
|
||||
@import "../../../../themes/default/bootstrap_limitless/close";
|
||||
@import "../../../../themes/default/bootstrap_limitless/toasts";
|
||||
@import "../../../../themes/default/bootstrap_limitless/modal";
|
||||
@import "../../../../themes/default/bootstrap_limitless/tooltip";
|
||||
@import "../../../../themes/default/bootstrap_limitless/popover";
|
||||
@import "../../../../themes/default/bootstrap_limitless/utilities";
|
||||
@@ -0,0 +1,26 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Custom color system
|
||||
*
|
||||
* Custom color system styles, includes background, border and text colors
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/default/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/default/bootstrap_limitless/mixins";
|
||||
|
||||
// Color system, always load last
|
||||
@import "../../../../themes/default/colors/colors";
|
||||
@@ -0,0 +1,343 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Components
|
||||
*
|
||||
* Components import. Ordering matters. See _config.scss for more options
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
// Core
|
||||
// ------------------------------
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/default/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/default/bootstrap_limitless/mixins";
|
||||
|
||||
// FOUC helpers
|
||||
@import "../../../../shared/utils/fouc";
|
||||
|
||||
|
||||
// Page loader
|
||||
// ------------------------------
|
||||
|
||||
// Pace page loader
|
||||
@import "../../../../shared/pace/theme-default";
|
||||
|
||||
// Pace.js demo, remove in real project
|
||||
@import "../../../../shared/pace/pace-demo";
|
||||
|
||||
|
||||
// Forms
|
||||
// ------------------------------
|
||||
|
||||
// Uniform
|
||||
@import "../../../../themes/default/components/forms/uniform";
|
||||
|
||||
// Switchery
|
||||
@import "../../../../themes/default/components/forms/switchery";
|
||||
|
||||
// BS switch
|
||||
@import "../../../../themes/default/components/forms/bootstrap-switch";
|
||||
|
||||
|
||||
// Select2
|
||||
@import "../../../../themes/default/components/forms/select2";
|
||||
|
||||
// Multiselect
|
||||
@import "../../../../themes/default/components/forms/multiselect";
|
||||
|
||||
|
||||
// Passy
|
||||
@import "../../../../themes/default/components/forms/passy";
|
||||
|
||||
// Typeahead
|
||||
@import "../../../../themes/default/components/forms/typeahead";
|
||||
|
||||
// Validation
|
||||
@import "../../../../themes/default/components/forms/validation";
|
||||
|
||||
// Floating labels
|
||||
@import "../../../../themes/default/components/forms/floating-labels";
|
||||
|
||||
// Alpaca
|
||||
@import "../../../../themes/default/components/forms/alpaca";
|
||||
|
||||
|
||||
// Tokenfield
|
||||
@import "../../../../themes/default/components/forms/tokenfield";
|
||||
|
||||
// Tags input
|
||||
@import "../../../../themes/default/components/forms/tags-input";
|
||||
|
||||
|
||||
// Touchspin spinners
|
||||
@import "../../../../themes/default/components/forms/touchspin";
|
||||
|
||||
// Dual listboxes
|
||||
@import "../../../../themes/default/components/forms/dual-listbox";
|
||||
|
||||
|
||||
// Wizard
|
||||
@import "../../../../themes/default/components/forms/wizard";
|
||||
|
||||
|
||||
// Text editors
|
||||
// ------------------------------
|
||||
|
||||
// Summernote
|
||||
@import "../../../../themes/default/components/forms/editors/summernote";
|
||||
|
||||
// Trumbowyg
|
||||
@import "../../../../themes/default/components/forms/editors/trumbowyg";
|
||||
|
||||
// Ace
|
||||
@import "../../../../themes/default/components/forms/editors/ace";
|
||||
|
||||
|
||||
// Pickers
|
||||
// ------------------------------
|
||||
|
||||
// Daterange picker
|
||||
@import "../../../../themes/default/components/pickers/daterange";
|
||||
|
||||
// Pickadate base
|
||||
@import "../../../../themes/default/components/pickers/pickadate/base";
|
||||
|
||||
// Pickadate date picker
|
||||
@import "../../../../themes/default/components/pickers/pickadate/date";
|
||||
|
||||
// Pickadate time picker
|
||||
@import "../../../../themes/default/components/pickers/pickadate/time";
|
||||
|
||||
// Anytime picker
|
||||
@import "../../../../themes/default/components/pickers/anytime";
|
||||
|
||||
// Color picker
|
||||
@import "../../../../themes/default/components/pickers/spectrum";
|
||||
|
||||
|
||||
// File uploaders
|
||||
// ------------------------------
|
||||
|
||||
// Plupload
|
||||
@import "../../../../themes/default/components/forms/uploaders/plupload";
|
||||
|
||||
// File input
|
||||
@import "../../../../themes/default/components/forms/uploaders/file-input";
|
||||
|
||||
// Dropzone
|
||||
@import "../../../../themes/default/components/forms/uploaders/dropzone";
|
||||
|
||||
|
||||
// Notifications
|
||||
// ------------------------------
|
||||
|
||||
// Noty notifications
|
||||
@import "../../../../themes/default/components/notifications/noty";
|
||||
|
||||
// PNotify notifications
|
||||
@import "../../../../themes/default/components/notifications/pnotify";
|
||||
|
||||
// jGrowl notifications
|
||||
@import "../../../../themes/default/components/notifications/jgrowl";
|
||||
|
||||
// Sweet Alerts
|
||||
@import "../../../../themes/default/components/notifications/sweet-alerts";
|
||||
|
||||
|
||||
// Sliders
|
||||
// ------------------------------
|
||||
|
||||
// Slider pips
|
||||
@import "../../../../themes/default/components/sliders/slider-pips";
|
||||
|
||||
// NoUI slider
|
||||
@import "../../../../themes/default/components/sliders/noui-slider";
|
||||
|
||||
// Ion range slider
|
||||
@import "../../../../themes/default/components/sliders/ion-range-slider";
|
||||
|
||||
|
||||
// jQuery UI components
|
||||
// ------------------------------
|
||||
|
||||
// Interactions
|
||||
@import "../../../../themes/default/components/jquery_ui/interactions";
|
||||
|
||||
// Widgets
|
||||
@import "../../../../themes/default/components/jquery_ui/widgets";
|
||||
|
||||
|
||||
// UI components
|
||||
// ------------------------------
|
||||
|
||||
// Prism - syntax highlighter
|
||||
@import "../../../../themes/default/components/ui/prism";
|
||||
|
||||
// Slinky - multi level drilldown menu
|
||||
@import "../../../../themes/default/components/ui/slinky";
|
||||
|
||||
// Sticky kit
|
||||
@import "../../../../themes/default/components/ui/sticky";
|
||||
|
||||
// Headroom - hhide navbar on scroll
|
||||
@import "../../../../themes/default/components/ui/headroom";
|
||||
|
||||
// Dragula
|
||||
@import "../../../../themes/default/components/ui/dragula";
|
||||
|
||||
// Perfect scrollbar
|
||||
@import "../../../../themes/default/components/ui/perfect-scrollbar";
|
||||
|
||||
|
||||
// Misc components
|
||||
// ------------------------------
|
||||
|
||||
// [Material] Floating action buttons
|
||||
@import "../../../../themes/default/components/misc/fab";
|
||||
|
||||
// Fancytree
|
||||
@import "../../../../themes/default/components/misc/fancytree";
|
||||
|
||||
// Progress buttons
|
||||
@import "../../../../themes/default/components/misc/progress-buttons";
|
||||
|
||||
// Full calendar
|
||||
@import "../../../../themes/default/components/misc/fullcalendar";
|
||||
|
||||
// Image cropper
|
||||
@import "../../../../themes/default/components/misc/image-cropper";
|
||||
|
||||
// Lightbox plugin
|
||||
@import "../../../../themes/default/components/misc/fancybox";
|
||||
|
||||
|
||||
// Tables
|
||||
// ------------------------------
|
||||
|
||||
// Footable - responsive table tools
|
||||
@import "../../../../themes/default/components/tables/footable";
|
||||
|
||||
|
||||
// Handsontable
|
||||
// ------------------------------
|
||||
|
||||
// Handsontable - excel-like spreadsheet for apps
|
||||
@import "../../../../themes/default/components/tables/handsontable";
|
||||
|
||||
|
||||
// Datatables
|
||||
// ------------------------------
|
||||
|
||||
// Core
|
||||
@import "../../../../themes/default/components/tables/datatables/datatables";
|
||||
|
||||
// Datatables - columns reorder
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-columns-reorder";
|
||||
|
||||
// Datatables - rows reorder
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-rows-reorder";
|
||||
|
||||
// Datatables - fixed columns
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-fixed-columns";
|
||||
|
||||
// Datatables - fixed header
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-fixed-header";
|
||||
|
||||
// Datatables - autofill
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-autofill";
|
||||
|
||||
// Datatables - select
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-select";
|
||||
|
||||
// Datatables - buttons
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-buttons";
|
||||
|
||||
// Datatables - key table
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-keytable";
|
||||
|
||||
// Datatables - scroller
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-scroller";
|
||||
|
||||
// Datatables - responsive
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-responsive";
|
||||
|
||||
|
||||
// Maps
|
||||
// ------------------------------
|
||||
|
||||
// Google Maps
|
||||
@import "../../../../shared/maps/google-maps";
|
||||
|
||||
// jVectorMap
|
||||
@import "../../../../shared/maps/jvectormap";
|
||||
|
||||
|
||||
// Charts
|
||||
// ------------------------------
|
||||
|
||||
// Charts base
|
||||
@import "../../../../shared/charts/charts";
|
||||
|
||||
// C3 chart library
|
||||
@import "../../../../shared/charts/c3";
|
||||
|
||||
// D3 chart library
|
||||
@import "../../../../shared/charts/d3";
|
||||
|
||||
|
||||
// Page kits
|
||||
// ------------------------------
|
||||
|
||||
// ECommerce
|
||||
@import "../../../../shared/pages/ecommerce";
|
||||
|
||||
// Blog
|
||||
@import "../../../../shared/pages/blog";
|
||||
|
||||
// Task manager
|
||||
@import "../../../../shared/pages/task-manager";
|
||||
|
||||
// Inbox
|
||||
@import "../../../../shared/pages/inbox";
|
||||
|
||||
// Profile
|
||||
@import "../../../../shared/pages/profile";
|
||||
|
||||
// Login
|
||||
@import "../../../../shared/pages/login";
|
||||
|
||||
// Timelines
|
||||
@import "../../../../shared/pages/timelines";
|
||||
|
||||
// Chats
|
||||
@import "../../../../shared/pages/chats";
|
||||
|
||||
// Error page
|
||||
@import "../../../../shared/pages/error";
|
||||
|
||||
|
||||
// Other components
|
||||
// ------------------------------
|
||||
|
||||
// Heading elements
|
||||
@import "../../../../themes/default/components/ui/header-elements";
|
||||
|
||||
// Helpers
|
||||
@import "../../../../shared/utils/helpers";
|
||||
|
||||
// Plugins demo, remove in real project
|
||||
@import "../../../../themes/default/components/demo";
|
||||
@@ -0,0 +1,35 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Core layout
|
||||
*
|
||||
* Content area, sidebar, page header and boxed layout styles
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/default/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/default/bootstrap_limitless/mixins";
|
||||
|
||||
// Content
|
||||
@import "../layout/content";
|
||||
|
||||
// Header
|
||||
@import "../layout/header";
|
||||
|
||||
// Sidebar
|
||||
@import "../layout/sidebar";
|
||||
|
||||
// Boxed layout
|
||||
@import "../layout/boxed";
|
||||
@@ -0,0 +1,40 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Boxed layout
|
||||
*
|
||||
* Styles for main structure of content area in boxed layout
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-boxed {
|
||||
|
||||
// Class for body, adds background color/image
|
||||
.layout-boxed-bg {
|
||||
background: $boxed-bg; // mainly for demo, use whatever you want
|
||||
}
|
||||
|
||||
// Container inside other containers
|
||||
.navbar > .container,
|
||||
.breadcrumb-line > .container {
|
||||
padding-left: ($content-container-padding-x * 2);
|
||||
padding-right: ($content-container-padding-x * 2);
|
||||
}
|
||||
|
||||
// Boxed content section
|
||||
.content-boxed {
|
||||
@include media-breakpoint-up(lg) {
|
||||
&:not(.navbar):not(.breadcrumb-line) {
|
||||
margin-left: 7%;
|
||||
margin-right: 7%;
|
||||
}
|
||||
|
||||
// Inside navbar
|
||||
&.navbar,
|
||||
&.breadcrumb-line {
|
||||
padding-left: calc(7% + #{$content-container-padding-x * 2});
|
||||
padding-right: calc(7% + #{$content-container-padding-x * 2});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,44 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Main content layout
|
||||
*
|
||||
* Styles for main structure of content area
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Make sure document has 100% height
|
||||
html {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
// Document body
|
||||
body {
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
// Main container
|
||||
.page-content {
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
padding: $content-container-padding-y $content-container-padding-x;
|
||||
}
|
||||
|
||||
// Content wrapper
|
||||
.content-wrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
// Main content container
|
||||
.content {
|
||||
flex-grow: 1;
|
||||
margin-left: $content-container-padding-x;
|
||||
margin-right: $content-container-padding-x;
|
||||
@include clearfix;
|
||||
}
|
||||
@@ -0,0 +1,109 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Page header
|
||||
*
|
||||
* Page header components and color options
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Page title
|
||||
.page-title {
|
||||
padding: $page-header-padding-y 0;
|
||||
position: relative;
|
||||
|
||||
// Subtitle
|
||||
small {
|
||||
display: inline-block;
|
||||
margin-left: $element-spacer-x;
|
||||
|
||||
// Divider
|
||||
&:before {
|
||||
content: '/';
|
||||
margin-right: ($element-spacer-x + 0.25rem);
|
||||
}
|
||||
|
||||
// On a new line
|
||||
&.d-block {
|
||||
margin-left: 0;
|
||||
|
||||
&:before {
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Add left spacing to align with text
|
||||
small.d-block,
|
||||
.breadcrumb {
|
||||
margin-left: ($icon-font-size + $element-spacer-x + 0.25rem);
|
||||
}
|
||||
|
||||
// Remove margin from headings
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Page header content
|
||||
.page-header-content {
|
||||
position: relative;
|
||||
padding: 0 $page-header-padding-x;
|
||||
|
||||
// With custom colored bottom border
|
||||
&[class*=border-bottom-] + .breadcrumb-line {
|
||||
border-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Page header colors
|
||||
//
|
||||
|
||||
// Light
|
||||
.page-header-light {
|
||||
background-color: $page-header-light-bg;
|
||||
border-bottom: $page-header-border-width solid $page-header-light-border-color;
|
||||
|
||||
// Cover image
|
||||
&.has-cover {
|
||||
background: url(#{$img-path}/backgrounds/seamless.png); // feel free to change
|
||||
}
|
||||
}
|
||||
|
||||
// Dark
|
||||
.page-header-dark {
|
||||
background-color: $page-header-dark-bg;
|
||||
color: $page-header-dark-color;
|
||||
margin-bottom: $spacer;
|
||||
|
||||
// Breadcrumbs
|
||||
> .breadcrumb,
|
||||
.page-header-content .breadcrumb {
|
||||
|
||||
// Links
|
||||
> li > a,
|
||||
> li + li:before {
|
||||
color: rgba($page-header-dark-color, 0.9);
|
||||
}
|
||||
|
||||
// Hovered links
|
||||
> li > a {
|
||||
@include hover-focus {
|
||||
color: $page-header-dark-color;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// Active item
|
||||
> .active {
|
||||
color: rgba($page-header-dark-color, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
// Cover image
|
||||
&.has-cover {
|
||||
background: url(#{$img-path}/login_cover.jpg); // feel free to change
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,839 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Additional variables
|
||||
*
|
||||
* Mainly 3rd party libraries and additional variables for default
|
||||
* Bootstrap components.
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
//
|
||||
// Light contextual colors
|
||||
//
|
||||
// Includes 50 shades from custom color palette
|
||||
|
||||
$theme-colors-light: () !default;
|
||||
$theme-colors-light: map-merge((
|
||||
"primary": $color-primary-50,
|
||||
"secondary": $gray-300,
|
||||
"success": $color-success-50,
|
||||
"info": $color-info-50,
|
||||
"warning": $color-orange-50,
|
||||
"danger": $color-danger-50,
|
||||
"light": $gray-200,
|
||||
"dark": $color-slate-50
|
||||
), $theme-colors-light);
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Content styling
|
||||
//
|
||||
// Various custom variables for text, icons, elements, blocks etc
|
||||
|
||||
// Content divider
|
||||
$content-divider-height: $border-width !default;
|
||||
$content-divider-color: $border-color !default;
|
||||
|
||||
// Shadows used in :hover/:focus states
|
||||
$hover-shadow-lighter: 0 0 0 62.5rem rgba($black, 0.01) inset !default;
|
||||
$hover-shadow-darker: 0 0 0 62.5rem rgba($black, 0.04) inset !default;
|
||||
|
||||
// Images
|
||||
$img-path: '../../../../../../global_assets/images' !default;
|
||||
$img-preview-max-height: 5rem !default;
|
||||
|
||||
// Wrappers for element spacers. Uses default $spacers map
|
||||
$element-spacer-x-sm: map-get($spacers, 1) !default;
|
||||
$element-spacer-x: map-get($spacers, 2) !default;
|
||||
$element-spacer-x-lg: map-get($spacers, 3) !default;
|
||||
|
||||
// Header elements
|
||||
$header-elements-padding-y: $spacer !default;
|
||||
$header-elements-padding-x: $grid-gutter-width !default;
|
||||
|
||||
// Icons
|
||||
$list-icons-spacer: 0.375rem !default;
|
||||
|
||||
$icon-caret-up: '\e9ca' !default;
|
||||
$icon-caret-down: '\e9c9' !default;
|
||||
$icon-caret-left: '\e9c8' !default;
|
||||
$icon-caret-right: '\e9cb' !default;
|
||||
|
||||
$icon-alert-styled-base: '\e9a2' !default;
|
||||
$icon-alert-styled-danger: '\ed64' !default;
|
||||
$icon-alert-styled-success: '\ed6e' !default;
|
||||
$icon-alert-styled-warning: '\e9bd' !default;
|
||||
$icon-alert-styled-info: '\e9b9' !default;
|
||||
$icon-alert-styled-custom: '\e81b' !default;
|
||||
|
||||
$icon-validation-error: '\ed63' !default;
|
||||
$icon-validation-success: '\ee73' !default;
|
||||
|
||||
$icon-notification-sticker: '\ee70' !default;
|
||||
$icon-notification-stuck: '\ee75' !default;
|
||||
|
||||
$icon-table-row-expand: '\e9e4' !default;
|
||||
$icon-table-row-collapse: '\e9e7' !default;
|
||||
$icon-table-sorting-up: '\e9c2' !default;
|
||||
$icon-table-sorting-down: '\e9c1' !default;
|
||||
$icon-table-button-confirm: '\ed6e' !default;
|
||||
|
||||
$icon-menu-arrow-down: '\e9c5' !default;
|
||||
$icon-menu-sub-arrow-ltr: '\e9c7' !default;
|
||||
$icon-menu-sub-arrow-rtl: '\e9c4' !default;
|
||||
$icon-menu-slinky-back-ltr: '\ede7' !default;
|
||||
$icon-menu-slinky-back-rtl: '\ede5' !default;
|
||||
|
||||
$icon-nav-prev: '\e9c8' !default;
|
||||
$icon-nav-next: '\e9cb' !default;
|
||||
$icon-nav-calendar-prev: '\e9c0' !default;
|
||||
$icon-nav-calendar-next: '\e9c3' !default;
|
||||
|
||||
$icon-indicator-expand: '\e9c5' !default;
|
||||
$icon-indicator-collapse: '\e9c7' !default;
|
||||
|
||||
$icon-spinner-up: '\e9f7' !default;
|
||||
$icon-spinner-down: '\e9e2' !default;
|
||||
|
||||
$icon-uploader-placeholder: '\ea0e' !default;
|
||||
$icon-uploader-placeholder-actions: '\ec67' !default;
|
||||
|
||||
$icon-action-cross: '\ed6a' !default;
|
||||
$icon-action-cross-sm: '\ed6b' !default;
|
||||
|
||||
$icon-fancytree-file: '\ea1a' !default;
|
||||
$icon-fancytree-sub-collapse: '\ea0f' !default;
|
||||
$icon-fancytree-sub-expand: '\ea11' !default;
|
||||
$icon-fancytree-folder: '\ea3d' !default;
|
||||
$icon-fancytree-folder-collapse: '\ea41' !default;
|
||||
$icon-fancytree-folder-expand: '\ea43' !default;
|
||||
|
||||
$icon-card-collapse: '\e9b8' !default;
|
||||
$icon-card-expand: '\e9b7' !default;
|
||||
$icon-card-action-collapse: '\e9c1' !default;
|
||||
$icon-card-action-reload: '\e9fb' !default;
|
||||
$icon-card-action-remove: '\ed6a' !default;
|
||||
$icon-card-action-move: '\e986' !default;
|
||||
$icon-card-action-full-base: '\e9f9' !default;
|
||||
$icon-card-action-full-active: '\e9fa' !default;
|
||||
$icon-card-action-modal: '\e9eb' !default;
|
||||
|
||||
$icon-wizard-step-current: '\e913' !default;
|
||||
$icon-wizard-step-complete: '\ed6f' !default;
|
||||
|
||||
$icon-picker-color-clear: '\ee6e' !default;
|
||||
$icon-checkbox-tick: '\e600' !default;
|
||||
$icon-search-magnifier: '\e98e' !default;
|
||||
$icon-loading-spinner: '\eb51' !default;
|
||||
$icon-list-dot: '\f052' !default;
|
||||
|
||||
// Transition timers
|
||||
$component-transition-timer: 0.15s !default;
|
||||
$component-transition-delay: 0.15s !default;
|
||||
|
||||
// Enhanced media objects
|
||||
$media-title-margin-bottom: 0.125rem !default;
|
||||
$media-link-hover-bg: rgba($black, 0.04) !default;
|
||||
$media-padding-x: 1.25rem !default;
|
||||
$media-padding-y: 1rem !default;
|
||||
$media-border-width: $border-width !default;
|
||||
$media-border-color: $border-color !default;
|
||||
|
||||
// Enhanced dropdown menus
|
||||
$dropdown-content-header-padding-y: 1rem !default;
|
||||
$dropdown-content-body-padding-y: 1.25rem !default;
|
||||
$dropdown-content-body-padding-x: 1.25rem !default;
|
||||
$dropdown-content-footer-padding-y: 0.75rem !default;
|
||||
$dropdown-content-footer-border-width: $border-width !default;
|
||||
$dropdown-content-footer-border-color: $border-color !default;
|
||||
|
||||
// Perfect scrollbar
|
||||
$ps-size: 0.25rem !default;
|
||||
$ps-gap: 0.125rem !default;
|
||||
$ps-bg: $gray-600 !default;
|
||||
$ps-opacity: 0.75 !default;
|
||||
|
||||
// jQuery UI
|
||||
$ui-accordion-spacer-y: 0.5rem !default;
|
||||
$ui-autocomplete-height: 250px !default;
|
||||
$ui-datepicker-width: 270px !default;
|
||||
|
||||
// Charts
|
||||
$chart-container-height: 400px !default;
|
||||
$chart-min-width: 37.5rem !default;
|
||||
$chart-pie-min-width: 31.25rem !default;
|
||||
|
||||
// Maps
|
||||
$map-container-height: 500px !default;
|
||||
$map-container-sidebar-height: 200px !default;
|
||||
|
||||
// Misc
|
||||
$select-custom-width: 220px !default;
|
||||
$cursor-disabled: default !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Page header
|
||||
//
|
||||
// Includes page header base, colors and page title
|
||||
|
||||
$page-header-border-width: $border-width !default;
|
||||
$page-header-elements-border-width: $border-width !default;
|
||||
|
||||
$page-header-padding-y: 2rem !default;
|
||||
$page-header-padding-x: $grid-gutter-width !default;
|
||||
|
||||
$page-header-light-bg: $white !default;
|
||||
$page-header-light-border-color: $border-color !default;
|
||||
$page-header-light-elements-bg: $gray-100 !default;
|
||||
$page-header-light-elements-border-color: $page-header-light-border-color !default;
|
||||
|
||||
$page-header-dark-bg: #273246 !default;
|
||||
$page-header-dark-color: $white !default;
|
||||
$page-header-dark-border-color: rgba($white, 0.2) !default;
|
||||
$page-header-dark-elements-bg: rgba($black, 0.1) !default;
|
||||
$page-header-dark-elements-border-color: $page-header-dark-border-color !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Content area
|
||||
//
|
||||
// Area below page header, Also includes boxed layout
|
||||
|
||||
$content-container-padding-y: $spacer !default;
|
||||
$content-container-padding-x: ($grid-gutter-width / 2) !default;
|
||||
|
||||
$boxed-bg: url(#{$img-path}/backgrounds/boxed_bg.png) repeat !default;
|
||||
$boxed-container-box-shadow: -4px 2px 4px rgba($black, 0.15), 4px 2px 4px rgba($black, 0.15) !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Sidebar
|
||||
//
|
||||
// Includes sidebar sizes, colors and user areas
|
||||
|
||||
// Base
|
||||
$sidebar-base-width: rem-calc(270px) !default;
|
||||
$sidebar-mini-width: ($spacer * 2) + $icon-font-size !default;
|
||||
|
||||
|
||||
// Light sidebar
|
||||
$sidebar-light-bg: $white !default;
|
||||
$sidebar-light-color: $body-color !default;
|
||||
$sidebar-light-border-width: $border-width !default;
|
||||
$sidebar-light-border-color: rgba($black, 0.125) !default;
|
||||
$sidebar-light-toggler-bg: darken($sidebar-light-bg, 4%) !default;
|
||||
$sidebar-light-toggler-color: rgba($sidebar-light-color, 0.8) !default;
|
||||
$sidebar-light-toggler-hover-bg: transparent !default;
|
||||
$sidebar-light-toggler-hover-color: $sidebar-light-color !default;
|
||||
$sidebar-light-tabs-bg: darken($sidebar-light-bg, 4%) !default;
|
||||
$sidebar-light-xs-menu-bg: darken($sidebar-light-bg, 1%) !default;
|
||||
|
||||
|
||||
// Dark sidebar
|
||||
$sidebar-dark-bg: #293a50 !default;
|
||||
$sidebar-dark-color: $white !default;
|
||||
$sidebar-dark-border-width: $border-width !default;
|
||||
$sidebar-dark-border-color: rgba($white, 0.1) !default;
|
||||
$sidebar-dark-toggler-bg: darken($sidebar-dark-bg, 4%) !default;
|
||||
$sidebar-dark-toggler-color: rgba($sidebar-dark-color, 0.9) !default;
|
||||
$sidebar-dark-toggler-hover-bg: transparent !default;
|
||||
$sidebar-dark-toggler-hover-color: $sidebar-dark-color !default;
|
||||
$sidebar-dark-tabs-bg: darken($sidebar-dark-bg, 4%) !default;
|
||||
$sidebar-dark-xs-menu-bg: lighten($sidebar-dark-bg, 5%) !default;
|
||||
|
||||
|
||||
// Shadows [material only]
|
||||
$sidebar-left-desktop-box-shadow: $card-box-shadow !default;
|
||||
$sidebar-left-mobile-box-shadow: 0.25rem 0 1rem rgba(0, 0, 0, 0.35) !default;
|
||||
|
||||
$sidebar-right-desktop-box-shadow: $card-box-shadow !default;
|
||||
$sidebar-right-mobile-box-shadow: -0.25rem 0 1rem rgba(0, 0, 0, 0.35) !default;
|
||||
|
||||
|
||||
// Z-indexes
|
||||
$sidebar-zindex: ($zindex-fixed + 10) !default;
|
||||
$sidebar-zindex-main: 99 !default;
|
||||
$sidebar-zindex-secondary: ($sidebar-zindex-main - 1) !default;
|
||||
$sidebar-zindex-right: ($sidebar-zindex-main - 2) !default;
|
||||
$sidebar-zindex-component: ($sidebar-zindex-main - 3) !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Main vertical navigation
|
||||
//
|
||||
// Includes base styles, levels and colors
|
||||
|
||||
$navigation-padding-y: 0.5rem !default;
|
||||
|
||||
$navigation-item-padding-y: 0.75rem !default;
|
||||
$navigation-item-padding-x: 1.25rem !default;
|
||||
$navigation-item-spacer-y: 1px !default;
|
||||
$navigation-item-font-weight: $font-weight-semibold !default;
|
||||
$navigation-item-disabled-opacity: 0.5 !default;
|
||||
|
||||
$navigation-sub-padding-y: 0.625rem !default;
|
||||
$navigation-sub-item-opacity: 0.5 !default;
|
||||
|
||||
|
||||
// Dark sidebar navigation styles
|
||||
$navigation-dark-color: rgba($sidebar-dark-color, 0.9) !default;
|
||||
$navigation-dark-hover-bg: rgba($black, 0.15) !default;
|
||||
$navigation-dark-hover-color: $sidebar-dark-color !default;
|
||||
$navigation-dark-active-bg: $color-teal-400 !default;
|
||||
$navigation-dark-active-color: $white !default;
|
||||
$navigation-dark-sub-bg: rgba($black, 0.15) !default;
|
||||
$navigation-dark-sub-active-bg: rgba($black, 0.15) !default;
|
||||
$navigation-dark-sub-active-color: $white !default;
|
||||
$navigation-dark-bordered-border-width: $border-width !default;
|
||||
$navigation-dark-bordered-border-color: rgba($white, 0.1) !default;
|
||||
$navigation-dark-bordered-header-bg: rgba($black, 0.1) !default;
|
||||
|
||||
|
||||
// Light sidebar navigation styles
|
||||
$navigation-light-color: rgba($sidebar-light-color, 0.85) !default;
|
||||
$navigation-light-hover-bg: $gray-200 !default;
|
||||
$navigation-light-hover-color: $sidebar-light-color !default;
|
||||
$navigation-light-active-bg: $navigation-light-hover-bg !default;
|
||||
$navigation-light-active-color: $navigation-light-hover-color !default;
|
||||
$navigation-light-sub-bg: transparent !default;
|
||||
$navigation-light-sub-active-bg: $gray-200 !default;
|
||||
$navigation-light-sub-active-color: $body-color !default;
|
||||
$navigation-light-bordered-border-width: $border-width !default;
|
||||
$navigation-light-bordered-border-color: $gray-300 !default;
|
||||
$navigation-light-bordered-header-bg: $gray-100 !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Form components
|
||||
//
|
||||
// Form checks, switches, selects, tags etc.
|
||||
|
||||
// Checkboxes and radios
|
||||
$checkbox-size: 1.25rem !default;
|
||||
$checkbox-color: $color-slate-700 !default;
|
||||
$checkbox-border-width: rem-calc($border-width * 2) !default;
|
||||
$checkbox-border-color: $checkbox-color !default;
|
||||
$checkbox-disabled-opacity: 0.5 !default;
|
||||
|
||||
|
||||
// Switchery toggle
|
||||
$switchery-bg: $white !default;
|
||||
$switchery-border-width: $border-width !default;
|
||||
$switchery-border-color: $gray-400 !default;
|
||||
$switchery-handle-bg: $white !default;
|
||||
$switchery-handle-box-shadow: 0 1px 3px rgba($black, 0.4) !default;
|
||||
$switchery-size: 1.125rem !default;
|
||||
$switchery-margin-x: 0.625rem !default;
|
||||
|
||||
|
||||
// Bootstrap switch
|
||||
$switch-border-width: $border-width !default;
|
||||
$switch-bg-default: $gray-300 !default;
|
||||
$switch-handle-width: 0.25rem !default;
|
||||
$switch-handle-height: 0.625rem !default;
|
||||
$switch-handle-bg: $white !default;
|
||||
$switch-handle-border-color: rgba($black, 0.15) !default;
|
||||
$switch-handle-hover-bg: $gray-100 !default;
|
||||
|
||||
|
||||
// Select2 selects
|
||||
$select2-max-height: 280px !default;
|
||||
$select2-disabled-opacity: 0.6 !default;
|
||||
$select2-custom-disabled-opacity: 0.75 !default;
|
||||
|
||||
$select2-pills-spacer: 0.125rem !default;
|
||||
$select2-pills-bg: $color-slate-700 !default;
|
||||
$select2-pills-color: $white !default;
|
||||
$select2-pills-hover-bg: $select2-pills-bg !default;
|
||||
$select2-pills-hover-color: $select2-pills-color !default;
|
||||
$select2-pills-border-radius: $border-radius !default;
|
||||
|
||||
$select2-light-results-color: $gray-600 !default;
|
||||
$select2-dark-results-color: rgba($white, 0.75) !default;
|
||||
|
||||
|
||||
// Multiselect
|
||||
$multiselect-max-height: 280px !default;
|
||||
$multiselect-font-weight: $font-weight-normal !default;
|
||||
$multiselect-text-transform: none !default;
|
||||
|
||||
|
||||
// Typeahead
|
||||
$typeahead-max-height: 350px !default;
|
||||
$typeahead-max-height-scrollable: 250px !default;
|
||||
|
||||
|
||||
// Tag inputs
|
||||
$tags-spacer: 0.125rem !default;
|
||||
$tags-color: $body-color !default;
|
||||
$tags-hover-color: $white !default;
|
||||
$tags-bg: $gray-300 !default;
|
||||
$tags-hover-bg: $color-blue-500 !default;
|
||||
$tag-disabled-opacity: 0.5 !default;
|
||||
$tag-border-radius: $border-radius !default;
|
||||
|
||||
|
||||
// Form wizard
|
||||
$wizard-step-line-size: 2px !default;
|
||||
$wizard-step-line-color: $gray-300 !default;
|
||||
|
||||
$wizard-step-number-size: rem-calc(38px) !default;
|
||||
$wizard-step-number-bg: $card-bg !default;
|
||||
$wizard-step-number-color: $gray-500 !default;
|
||||
$wizard-step-number-active-bg: $color-info-500 !default;
|
||||
$wizard-step-number-active-color: $white !default;
|
||||
$wizard-step-number-error-bg: $color-danger-500 !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Text editors
|
||||
//
|
||||
// Summernote, trumbowyg, ace code editor
|
||||
|
||||
// Summernote editor
|
||||
$summernote-border-width: $border-width !default;
|
||||
$summernote-border-color: $border-color !default;
|
||||
$summernote-font-path: "../../../../../../global_assets/css/icons/summernote/" !default;
|
||||
$summernote-icon-font-size: 0.875rem !default;
|
||||
$summernote-min-height: rem-calc(150px) !default;
|
||||
|
||||
$summernote-resizer-width: 1.25rem !default;
|
||||
$summernote-resizer-height: $border-width !default;
|
||||
$summernote-resizer-color: $border-color !default;
|
||||
|
||||
|
||||
// Trumbowyg editor
|
||||
$trumbowyg-min-height: 350px !default;
|
||||
|
||||
$trumbowyg-border-width: $border-width !default;
|
||||
$trumbowyg-border-color: $border-color !default;
|
||||
|
||||
$trumbowyg-toolbar-bg: $gray-100 !default;
|
||||
$trumbowyg-toolbar-hover-bg: $gray-300 !default;
|
||||
$trumbowyg-toolbar-color: $body-color !default;
|
||||
$trumbowyg-toolbar-border-width: $border-width !default;
|
||||
$trumbowyg-toolbar-border-color: $border-color !default;
|
||||
$trumbowyg-toolbar-divider-width: 1px !default;
|
||||
$trumbowyg-toolbar-height: ($btn-padding-x * 2) + $icon-font-size + rem-calc($trumbowyg-toolbar-border-width * 2) !default;
|
||||
|
||||
|
||||
// Ace code editor
|
||||
$ace-height: 450px !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Pickers
|
||||
//
|
||||
// Date, time and color pickers
|
||||
|
||||
// Common styles for date pickers
|
||||
$datepicker-padding: 0.9375rem !default;
|
||||
$datepicker-title-font-size: $h6-font-size !default;
|
||||
|
||||
$datepicker-item-padding: $input-btn-padding-y !default;
|
||||
$datepicker-item-weekday-color: $gray-600 !default;
|
||||
$datepicker-item-year-color: $gray-600 !default;
|
||||
$datepicker-item-focusout-color: $gray-500 !default;
|
||||
$datepicker-item-hover-color: $body-color !default;
|
||||
$datepicker-item-hover-bg: $gray-200 !default;
|
||||
$datepicker-item-active-color: $white !default;
|
||||
$datepicker-item-active-bg: $color-teal-400 !default;
|
||||
$datepicker-item-today-color: $body-color !default;
|
||||
$datepicker-item-today-bg: $gray-200 !default;
|
||||
$datepicker-item-disabled-color: $gray-600 !default;
|
||||
$datepicker-item-disabled-bg: transparent !default;
|
||||
|
||||
|
||||
// Pick-a-date picker
|
||||
$pickadate-min-width: 18rem !default;
|
||||
$pickadate-max-width: 20rem !default;
|
||||
$pickadate-max-height: 480px !default;
|
||||
|
||||
|
||||
// Pick-a-time picker
|
||||
$pickatime-max-height: 250px !default;
|
||||
$pickatime-min-width: 16rem !default;
|
||||
$pickatime-max-width: 20rem !default;
|
||||
|
||||
|
||||
// Anytime picker
|
||||
$anytime-year-btn-bg: $color-danger-500 !default;
|
||||
$anytime-year-btn-color: $white !default;
|
||||
|
||||
$anytime-month-btn-bg: $color-teal-400 !default;
|
||||
$anytime-month-btn-color: $white !default;
|
||||
|
||||
$anytime-time-btn-bg: $color-slate-500 !default;
|
||||
$anytime-time-btn-color: $white !default;
|
||||
|
||||
|
||||
// Spectrum color picker
|
||||
$spectrum-padding: 0.625rem !default;
|
||||
$spectrum-width: 13.75rem !default;
|
||||
$spectrum-max-width: 13.75rem !default;
|
||||
|
||||
$spectrum-choose-btn-bg: $color-slate-500 !default;
|
||||
$spectrum-choose-btn-color: $white !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// File uploaders
|
||||
//
|
||||
// Plupload, Bootstrap file input and dropzone
|
||||
|
||||
// Plupload uploader
|
||||
$plupload-max-height: 250px !default;
|
||||
$plupload-bg: #fcfcfc !default;
|
||||
$plupload-border-width: ($border-width * 2) !default;
|
||||
$plupload-border-style: dashed !default;
|
||||
$plupload-border-color: $gray-400 !default;
|
||||
|
||||
$plupload-header-bg: $color-slate-800 !default;
|
||||
$plupload-header-color: $white !default;
|
||||
|
||||
$plupload-placeholder-icon-color: $gray-500 !default;
|
||||
$plupload-placeholder-text-color: $gray-700 !default;
|
||||
|
||||
$plupload-btn-start-bg: theme-color('primary') !default;
|
||||
$plupload-btn-start-border-color: $plupload-btn-start-bg !default;
|
||||
$plupload-btn-start-color: $white !default;
|
||||
|
||||
|
||||
// Bootstrap file input
|
||||
$fileinput-preview-spacer: 0.5rem !default;
|
||||
$fileinput-preview-thumb-width: 10rem !default;
|
||||
$fileinput-preview-thumb-height: 10rem !default;
|
||||
$fileinput-preview-thumb-caption-spacer: 0.75rem !default;
|
||||
$fileinput-preview-footer-bg: $gray-100 !default;
|
||||
$fileinput-preview-progress-height: 0.375rem !default;
|
||||
$fileinput-preview-frame-bg: $card-bg !default;
|
||||
$fileinput-preview-frame-border-width: $border-width !default;
|
||||
$fileinput-preview-frame-border-color: $border-color !default;
|
||||
|
||||
|
||||
// Dropzone
|
||||
$dropzone-min-height: 18rem !default;
|
||||
$dropzone-spacer: 0.3125rem !default;
|
||||
|
||||
$dropzone-bg: #fcfcfc !default;
|
||||
$dropzone-border-width: ($border-width * 2) !default;
|
||||
$dropzone-border-style: dashed !default;
|
||||
$dropzone-border-color: $gray-400 !default;
|
||||
|
||||
$dropzone-placeholder-icon-size: ($icon-font-size * 4) !default;
|
||||
$dropzone-placeholder-icon-color: $gray-500 !default;
|
||||
$dropzone-placeholder-text-color: $gray-700 !default;
|
||||
|
||||
$dropzone-drag-bg: $gray-200 !default;
|
||||
$dropzone-drag-color: $gray-400 !default;
|
||||
$dropzone-drag-border-color: $gray-600 !default;
|
||||
|
||||
$dropzone-preview-spacer: 0.5rem !default;
|
||||
$dropzone-preview-width: 10rem !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Notifications
|
||||
//
|
||||
// Sweet alert and noty.js notification libraries
|
||||
|
||||
// Common styles
|
||||
$notification-width: 20rem !default;
|
||||
$notification-gutter-y: $spacer !default;
|
||||
$notification-gutter-x: ($content-container-padding-x * 2) !default;
|
||||
$notification-box-shadow: $dropdown-box-shadow !default;
|
||||
|
||||
|
||||
// Noty.js
|
||||
$noty-spacer-y: 0.25rem !default;
|
||||
|
||||
$notification-alert-bg: $color-slate-600 !default;
|
||||
$notification-alert-color: $white !default;
|
||||
$notification-alert-border-color: $notification-alert-bg !default;
|
||||
|
||||
$notification-warning-bg: $color-warning-400 !default;
|
||||
$notification-warning-color: $white !default;
|
||||
$notification-warning-border-color: $notification-warning-bg !default;
|
||||
|
||||
$notification-error-bg: $color-danger-400 !default;
|
||||
$notification-error-color: $white !default;
|
||||
$notification-error-border-color: $notification-error-bg !default;
|
||||
|
||||
$notification-info-bg: $color-blue-500 !default;
|
||||
$notification-info-color: $white !default;
|
||||
$notification-info-border-color: $notification-info-bg !default;
|
||||
|
||||
$notification-success-bg: $color-success-500 !default;
|
||||
$notification-success-color: $white !default;
|
||||
$notification-success-border-color: $notification-success-bg !default;
|
||||
|
||||
$noty-progress-height: 0.1875rem !default;
|
||||
$noty-progress-bg: rgba($black, 0.25) !default;
|
||||
|
||||
|
||||
// Sweet alert 2
|
||||
$swal-padding: 1.25rem !default;
|
||||
$swal-width: 31.25rem !default;
|
||||
$swal-margin-x: ($content-container-padding-x * 2) !default;
|
||||
|
||||
$swal2-icon-size: 5rem !default;
|
||||
$swal2-icon-border-width: 0.25rem !default;
|
||||
$swal2-icon-spacer: 1rem !default;
|
||||
|
||||
$swal2-step-inactive-color: $text-muted !default;
|
||||
$swal2-step-active-color: $color-primary-500 !default;
|
||||
$swal2-step-complete-color: $swal2-step-active-color !default;
|
||||
$swal2-step-line-color: $gray-400 !default;
|
||||
|
||||
$swal2-error-color: $color-danger-400 !default;
|
||||
$swal2-error-border-color: $swal2-error-color !default;
|
||||
|
||||
$swal2-warning-color: $color-warning-400 !default;
|
||||
$swal2-warning-border-color: $swal2-warning-color !default;
|
||||
|
||||
$swal2-info-color: $color-blue-500 !default;
|
||||
$swal2-info-border-color: $swal2-info-color !default;
|
||||
|
||||
$swal2-question-color: $color-slate-700 !default;
|
||||
$swal2-question-border-color: $swal2-question-color !default;
|
||||
|
||||
$swal2-success-color: $color-success-400 !default;
|
||||
$swal2-success-border-color: $swal2-success-color !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Tables
|
||||
//
|
||||
// Handsontable and datatables.js libraries
|
||||
|
||||
// Handsontable
|
||||
$hot-row-header-width: 5rem !default;
|
||||
$hot-cell-height: 1.875rem !default;
|
||||
$hot-cell-bg: $white !default;
|
||||
$hot-header-bg: $gray-200 !default;
|
||||
$hot-search-result-bg: $color-orange-50 !default;
|
||||
$hot-cell-padding-y: 0.3125rem !default;
|
||||
$hot-cell-padding-x: 0.25rem !default;
|
||||
$hot-datepicker-width: 15.63rem !default;
|
||||
$hot-cell-highlight-bg: $color-primary-50 !default;
|
||||
$hot-cell-highlight-border-color: $color-primary-500 !default;
|
||||
$hot-scrollable-max-height: 22.5rem !default;
|
||||
|
||||
|
||||
// Datatables
|
||||
$dt-spacer-y: $spacer !default;
|
||||
$dt-spacer-x: $card-spacer-x !default;
|
||||
$dt-filter-width: 12.5rem !default;
|
||||
$dt-controls-label-spacer-y: ($input-padding-y + rem-calc($input-border-width)) !default;
|
||||
$dt-controls-label-spacer-x: ($dt-spacer-x / 1.5) !default;
|
||||
|
||||
$dt-pagination-active-bg: $color-slate-800 !default;
|
||||
$dt-pagination-active-color: $white !default;
|
||||
|
||||
$dt-button-collection-2col-width: 18.75rem !default;
|
||||
$dt-button-collection-3col-width: 28.13rem !default;
|
||||
$dt-button-collection-4col-width: 37.5rem !default;
|
||||
|
||||
$dt-ext-select-active-row-bg: $color-success-50 !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Misc components
|
||||
//
|
||||
// Other custom 3rd party extensions and libraries
|
||||
|
||||
// FAB (floating action button)
|
||||
$fab-main-btn-size: (($btn-float-padding + ($icon-font-size / 2)) * 2) !default;
|
||||
$fab-btn-gap: 0.125rem !default;
|
||||
$fab-gutter-x: ($content-container-padding-x * 2) !default;
|
||||
|
||||
$fab-inner-btn-size: (($btn-float-padding - $fab-btn-gap) * 2) + $icon-font-size !default;
|
||||
$fab-inner-btn-spacing: $spacer !default;
|
||||
|
||||
$fab-badge-spacer-x: 0.25rem !default;
|
||||
$fab-badge-spacer-y: $fab-badge-spacer-x !default;
|
||||
|
||||
$fab-label-light-bg: $white !default;
|
||||
$fab-label-light-color: $body-color !default;
|
||||
|
||||
|
||||
// Fullcalendar
|
||||
$fullcalendar-bg: $card-bg !default;
|
||||
|
||||
$fullcalendar-event-bg: $color-blue-600 !default;
|
||||
$fullcalendar-event-color: $white !default;
|
||||
$fullcalendar-event-border-width: $border-width !default;
|
||||
$fullcalendar-event-border-color: $color-blue-600 !default;
|
||||
|
||||
$fullcalendar-event-spacer: 0.5rem !default;
|
||||
$fullcalendar-event-padding-y: 0.25rem !default;
|
||||
$fullcalendar-event-padding-x: 0.5rem !default;
|
||||
|
||||
$fullcalendar-event-resizer-size-h: 0.5rem !default;
|
||||
$fullcalendar-event-resizer-size-v: 0.5rem !default;
|
||||
|
||||
$fullcalendar-today-bg: $color-success-50 !default;
|
||||
$fullcalendar-bgevent-bg: rgba($color-success-300, 0.3) !default;
|
||||
$fullcalendar-nonbusiness-bg: rgba($gray-400, 0.3) !default;
|
||||
$fullcalendar-highlight-bg: rgba($gray-400, 0.3) !default;
|
||||
$fullcalendar-weekday-bg: $gray-100 !default;
|
||||
$fullcalendar-weekday-color: rgba($body-color, 0.5) !default;
|
||||
|
||||
|
||||
// Sliders (shared styles)
|
||||
$slider-bg: $gray-300 !default;
|
||||
$slider-connect-bg: $color-slate-500 !default;
|
||||
$slider-disabled-opacity: 0.75 !default;
|
||||
$slider-box-shadow: inset 0 1px 1px rgba($black, 0.1) !default;
|
||||
|
||||
$slider-height: 0.375rem !default;
|
||||
$slider-height-lg: ($slider-height + 0.125rem) !default;
|
||||
$slider-height-sm: ($slider-height - 0.125rem) !default;
|
||||
$slider-vertical-height: 10rem !default;
|
||||
|
||||
$slider-handle-bg: $white !default;
|
||||
$slider-handle-inner-bg: $gray-900 !default;
|
||||
$slider-handle-border-width: $border-width !default;
|
||||
$slider-handle-border-color: $gray-500 !default;
|
||||
$slider-handle-hover-bg: $gray-100 !default;
|
||||
$slider-handle-inner-hover-bg: $gray-800 !default;
|
||||
|
||||
$slider-pips-color: $gray-700 !default;
|
||||
$slider-pips-spacer-y: 1rem !default;
|
||||
$slider-pips-marker-width: 0.0625rem !default;
|
||||
$slider-pips-marker-height: 0.1875rem !default;
|
||||
$slider-pips-font-size: $font-size-xs !default;
|
||||
$slider-pips-line-height: $line-height-xs !default;
|
||||
|
||||
|
||||
// Image cropper
|
||||
$cropper-grid-size: $border-width !default;
|
||||
$cropper-grid-color: $gray-300 !default;
|
||||
$cropper-grid-center-size: ($border-width * 9) !default;
|
||||
|
||||
$cropper-resizer-color: $color-primary-500 !default;
|
||||
$cropper-resizer-size: 0.375rem !default;
|
||||
$cropper-resizer-size-lg: 1.25rem !default;
|
||||
|
||||
|
||||
// Fancybox
|
||||
$fancybox-nav-spacer-x: 0.625rem !default;
|
||||
$fancybox-nav-spacer-y: $fancybox-nav-spacer-x !default;
|
||||
$fancybox-nav-padding: 0.375rem !default;
|
||||
$fancybox-nav-bg: rgba($black, 0.5) !default;
|
||||
$fancybox-nav-color: $white !default;
|
||||
$fancybox-nav-hover-bg: $gray-900 !default;
|
||||
$fancybox-nav-hover-color: $fancybox-nav-color !default;
|
||||
|
||||
$fancybox-caption-padding-y: 0.5rem !default;
|
||||
$fancybox-caption-padding-x: 0.625rem !default;
|
||||
$fancybox-caption-bg: rgba($black, 0.5) !default;
|
||||
$fancybox-caption-color: $white !default;
|
||||
|
||||
|
||||
// Fancytree
|
||||
$fancytree-node-padding-y: 0.25rem !default;
|
||||
$fancytree-node-padding-x: 0.5rem !default;
|
||||
|
||||
$fancytree-node-selected-bg: $gray-300 !default;
|
||||
$fancytree-node-selected-color: $body-color !default;
|
||||
|
||||
$fancytree-node-active-bg: $color-primary-500 !default;
|
||||
$fancytree-node-active-color: $white !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Page kits
|
||||
//
|
||||
// Feeds, timelines, profiles, chats, inbox, ecommerce etc
|
||||
//
|
||||
|
||||
// Timelines
|
||||
$timeline-icon-size: 3rem !default;
|
||||
$timeline-line-width: ($border-width * 2) !default;
|
||||
$timeline-line-color: $gray-500 !default;
|
||||
$timeline-icon-bg: $card-bg !default;
|
||||
$timeline-icon-border-width: ($timeline-line-width * 2) !default;
|
||||
$timeline-content-padding-x: ($content-container-padding-x * 2) !default;
|
||||
|
||||
|
||||
// Feeds
|
||||
$list-feed-circle-radius: 0.5rem !default; // must be equal to even px value
|
||||
$list-feed-circle-border-width: ($border-width * 2) !default;
|
||||
$list-feed-circle-border-color: $color-slate-500 !default;
|
||||
$list-feed-circle-position: ($line-height-computed - ($list-feed-circle-radius + rem-calc($list-feed-circle-border-width))) / 2 !default;
|
||||
|
||||
$list-feed-item-padding-y: 1.25rem !default;
|
||||
$list-feed-item-padding-x: ($card-spacer-x + $list-feed-circle-radius) !default;
|
||||
|
||||
|
||||
// Blog
|
||||
$blog-horizontal-img-max-width: 25rem !default;
|
||||
$blog-horizontal-img-max-width-lg: 31.25rem !default;
|
||||
$blog-horizontal-img-max-width-sm: 18.75rem !default;
|
||||
$blog-horizontal-img-max-width-xs: 12.5rem !default;
|
||||
|
||||
|
||||
// Login page
|
||||
$login-form-width: 20rem !default;
|
||||
|
||||
|
||||
// Error pages
|
||||
$error-title-color: $white !default;
|
||||
$error-title-font-size: 12.5rem !default;
|
||||
$error-title-font-size-sm: 8.125rem !default;
|
||||
|
||||
$error-offline-title-font-size: 10rem !default;
|
||||
$error-offline-title-font-size-sm: 6.875rem !default;
|
||||
|
||||
|
||||
// Profile pages
|
||||
$profile-cover-element-shadow: 0 0 0.1875rem rgba($black, 0.5) !default;
|
||||
$profile-thumb-size: 6.25rem !default;
|
||||
$profile-thumb-border-width: ($border-width * 3) !default;
|
||||
$profile-thumb-border-color: $white !default;
|
||||
$profile-cover-height: 21.88rem !default;
|
||||
|
||||
|
||||
// Inbox
|
||||
$inbox-read-row-bg: $gray-100 !default;
|
||||
$inbox-unread-row-bg: $card-bg !default;
|
||||
|
||||
|
||||
// Chats
|
||||
$chat-list-max-height: 520px !default;
|
||||
$chat-message-arrow-size: ($border-width * 5) !default;
|
||||
$chat-message-border-radius: $border-radius !default;
|
||||
$chat-message-padding-y: 0.625rem !default;
|
||||
$chat-message-padding-x: 1rem !default;
|
||||
|
||||
$chat-message-bg: $gray-300 !default;
|
||||
$chat-message-color: $body-color !default;
|
||||
$chat-message-reversed-bg: $color-primary-400 !default;
|
||||
$chat-message-reversed-color: $white !default;
|
||||
|
||||
|
||||
// Pricing tables
|
||||
$pricing-title-font-size: 2.625rem !default;
|
||||
$pricing-subtitle-font-size: 1.875rem !default;
|
||||
|
||||
$pricing-list-item-padding-y: 1rem !default;
|
||||
$pricing-list-item-border-width: $border-width !default;
|
||||
$pricing-list-item-border-color: rgba($black, 0.1) !default;
|
||||
|
||||
$pricing-ribbon-box-shadow: 0 4px 6px rgba($black, 0.1) !default;
|
||||
@@ -0,0 +1,61 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Bootstrap v4.3.1 (https://getbootstrap.com)
|
||||
*
|
||||
* Copyright 2011-2018 The Bootstrap Authors
|
||||
* Copyright 2011-2018 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/material/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/material/bootstrap_limitless/mixins";
|
||||
|
||||
// Import default files
|
||||
@import "../../../../_bootstrap/root";
|
||||
@import "../../../../_bootstrap/reboot";
|
||||
@import "../../../../_bootstrap/type";
|
||||
@import "../../../../_bootstrap/images";
|
||||
@import "../../../../_bootstrap/code";
|
||||
@import "../../../../_bootstrap/grid";
|
||||
@import "../../../../_bootstrap/tables";
|
||||
@import "../../../../_bootstrap/forms";
|
||||
@import "../../../../_bootstrap/buttons";
|
||||
@import "../../../../_bootstrap/transitions";
|
||||
@import "../../../../_bootstrap/dropdown";
|
||||
@import "../../../../_bootstrap/button-group";
|
||||
@import "../../../../_bootstrap/input-group";
|
||||
@import "../../../../_bootstrap/custom-forms";
|
||||
@import "../../../../_bootstrap/nav";
|
||||
@import "../../../../_bootstrap/navbar";
|
||||
@import "../../../../_bootstrap/card";
|
||||
@import "../../../../_bootstrap/breadcrumb";
|
||||
@import "../../../../_bootstrap/pagination";
|
||||
@import "../../../../_bootstrap/badge";
|
||||
@import "../../../../_bootstrap/jumbotron";
|
||||
@import "../../../../_bootstrap/alert";
|
||||
@import "../../../../_bootstrap/progress";
|
||||
@import "../../../../_bootstrap/media";
|
||||
@import "../../../../_bootstrap/list-group";
|
||||
@import "../../../../_bootstrap/close";
|
||||
@import "../../../../_bootstrap/toasts";
|
||||
@import "../../../../_bootstrap/modal";
|
||||
@import "../../../../_bootstrap/tooltip";
|
||||
@import "../../../../_bootstrap/popover";
|
||||
@import "../../../../_bootstrap/carousel";
|
||||
@import "../../../../_bootstrap/spinners";
|
||||
@import "../../../../_bootstrap/utilities";
|
||||
@import "../../../../_bootstrap/print";
|
||||
+53
@@ -0,0 +1,53 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Bootstrap v4.3.1 (https://getbootstrap.com)
|
||||
*
|
||||
* Copyright 2011-2018 The Bootstrap Authors
|
||||
* Copyright 2011-2018 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/material/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/material/bootstrap_limitless/mixins";
|
||||
|
||||
// Import default files
|
||||
@import "../../../../themes/material/bootstrap_limitless/reboot";
|
||||
@import "../../../../themes/material/bootstrap_limitless/type";
|
||||
@import "../../../../themes/material/bootstrap_limitless/code";
|
||||
@import "../../../../themes/material/bootstrap_limitless/tables";
|
||||
@import "../../../../themes/material/bootstrap_limitless/forms";
|
||||
@import "../../../../themes/material/bootstrap_limitless/buttons";
|
||||
@import "../../../../themes/material/bootstrap_limitless/dropdown";
|
||||
@import "../../../../themes/material/bootstrap_limitless/button-group";
|
||||
@import "../../../../themes/material/bootstrap_limitless/input-group";
|
||||
@import "../../../../themes/material/bootstrap_limitless/custom-forms";
|
||||
@import "../../../../themes/material/bootstrap_limitless/nav";
|
||||
@import "../../../../themes/material/bootstrap_limitless/navbar";
|
||||
@import "../../../../themes/material/bootstrap_limitless/card";
|
||||
@import "../../../../themes/material/bootstrap_limitless/breadcrumb";
|
||||
@import "../../../../themes/material/bootstrap_limitless/pagination";
|
||||
@import "../../../../themes/material/bootstrap_limitless/badge";
|
||||
@import "../../../../themes/material/bootstrap_limitless/alert";
|
||||
@import "../../../../themes/material/bootstrap_limitless/progress";
|
||||
@import "../../../../themes/material/bootstrap_limitless/media";
|
||||
@import "../../../../themes/material/bootstrap_limitless/list-group";
|
||||
@import "../../../../themes/material/bootstrap_limitless/close";
|
||||
@import "../../../../themes/material/bootstrap_limitless/toasts";
|
||||
@import "../../../../themes/material/bootstrap_limitless/modal";
|
||||
@import "../../../../themes/material/bootstrap_limitless/tooltip";
|
||||
@import "../../../../themes/material/bootstrap_limitless/popover";
|
||||
@import "../../../../themes/material/bootstrap_limitless/utilities";
|
||||
@@ -0,0 +1,26 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Custom color system
|
||||
*
|
||||
* Custom color system styles, includes background, border and text colors
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/material/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/material/bootstrap_limitless/mixins";
|
||||
|
||||
// Color system, always load last
|
||||
@import "../../../../themes/material/colors/colors";
|
||||
@@ -0,0 +1,346 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Components
|
||||
*
|
||||
* Components import. Ordering matters. See _config.scss for more options
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
// Core
|
||||
// ------------------------------
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/material/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/material/bootstrap_limitless/mixins";
|
||||
|
||||
// FOUC helpers
|
||||
@import "../../../../shared/utils/fouc";
|
||||
|
||||
|
||||
// Page loader
|
||||
// ------------------------------
|
||||
|
||||
// Pace page loader
|
||||
@import "../../../../shared/pace/theme-default";
|
||||
|
||||
// Pace.js demo, remove in real project
|
||||
@import "../../../../shared/pace/pace-demo";
|
||||
|
||||
|
||||
// Forms
|
||||
// ------------------------------
|
||||
|
||||
// Uniform
|
||||
@import "../../../../themes/material/components/forms/uniform";
|
||||
|
||||
// Switchery
|
||||
@import "../../../../themes/material/components/forms/switchery";
|
||||
|
||||
// BS switch
|
||||
@import "../../../../themes/material/components/forms/bootstrap-switch";
|
||||
|
||||
|
||||
// Select2
|
||||
@import "../../../../themes/material/components/forms/select2";
|
||||
|
||||
// Multiselect
|
||||
@import "../../../../themes/material/components/forms/multiselect";
|
||||
|
||||
|
||||
// Passy
|
||||
@import "../../../../themes/material/components/forms/passy";
|
||||
|
||||
// Typeahead
|
||||
@import "../../../../themes/material/components/forms/typeahead";
|
||||
|
||||
// Validation
|
||||
@import "../../../../themes/material/components/forms/validation";
|
||||
|
||||
// Floating labels
|
||||
@import "../../../../themes/material/components/forms/floating-labels";
|
||||
|
||||
// Alpaca
|
||||
@import "../../../../themes/material/components/forms/alpaca";
|
||||
|
||||
|
||||
// Tokenfield
|
||||
@import "../../../../themes/material/components/forms/tokenfield";
|
||||
|
||||
// Tags input
|
||||
@import "../../../../themes/material/components/forms/tags-input";
|
||||
|
||||
|
||||
// Touchspin spinners
|
||||
@import "../../../../themes/material/components/forms/touchspin";
|
||||
|
||||
// Dual listboxes
|
||||
@import "../../../../themes/material/components/forms/dual-listbox";
|
||||
|
||||
|
||||
// Wizard
|
||||
@import "../../../../themes/material/components/forms/wizard";
|
||||
|
||||
|
||||
// Text editors
|
||||
// ------------------------------
|
||||
|
||||
// Summernote
|
||||
@import "../../../../themes/material/components/forms/editors/summernote";
|
||||
|
||||
// Trumbowyg
|
||||
@import "../../../../themes/material/components/forms/editors/trumbowyg";
|
||||
|
||||
// Ace
|
||||
@import "../../../../themes/material/components/forms/editors/ace";
|
||||
|
||||
|
||||
// Pickers
|
||||
// ------------------------------
|
||||
|
||||
// Daterange picker
|
||||
@import "../../../../themes/material/components/pickers/daterange";
|
||||
|
||||
// Pickadate base
|
||||
@import "../../../../themes/material/components/pickers/pickadate/base";
|
||||
|
||||
// Pickadate date picker
|
||||
@import "../../../../themes/material/components/pickers/pickadate/date";
|
||||
|
||||
// Pickadate time picker
|
||||
@import "../../../../themes/material/components/pickers/pickadate/time";
|
||||
|
||||
// Anytime picker
|
||||
@import "../../../../themes/material/components/pickers/anytime";
|
||||
|
||||
// Color picker
|
||||
@import "../../../../themes/material/components/pickers/spectrum";
|
||||
|
||||
|
||||
// File uploaders
|
||||
// ------------------------------
|
||||
|
||||
// Plupload
|
||||
@import "../../../../themes/material/components/forms/uploaders/plupload";
|
||||
|
||||
// File input
|
||||
@import "../../../../themes/material/components/forms/uploaders/file-input";
|
||||
|
||||
// Dropzone
|
||||
@import "../../../../themes/material/components/forms/uploaders/dropzone";
|
||||
|
||||
|
||||
// Notifications
|
||||
// ------------------------------
|
||||
|
||||
// Noty notifications
|
||||
@import "../../../../themes/material/components/notifications/noty";
|
||||
|
||||
// PNotify notifications
|
||||
@import "../../../../themes/material/components/notifications/pnotify";
|
||||
|
||||
// jGrowl notifications
|
||||
@import "../../../../themes/material/components/notifications/jgrowl.scss";
|
||||
|
||||
// Sweet Alerts
|
||||
@import "../../../../themes/material/components/notifications/sweet-alerts";
|
||||
|
||||
|
||||
// Sliders
|
||||
// ------------------------------
|
||||
|
||||
// Slider pips
|
||||
@import "../../../../themes/material/components/sliders/slider-pips";
|
||||
|
||||
// NoUI slider
|
||||
@import "../../../../themes/material/components/sliders/noui-slider";
|
||||
|
||||
// Ion range slider
|
||||
@import "../../../../themes/material/components/sliders/ion-range-slider";
|
||||
|
||||
|
||||
// jQuery UI components
|
||||
// ------------------------------
|
||||
|
||||
// Interactions
|
||||
@import "../../../../themes/material/components/jquery_ui/interactions";
|
||||
|
||||
// Widgets
|
||||
@import "../../../../themes/material/components/jquery_ui/widgets";
|
||||
|
||||
|
||||
// UI components
|
||||
// ------------------------------
|
||||
|
||||
// [Material] Ripple effect
|
||||
@import "../../../../themes/material/components/ui/ripple";
|
||||
|
||||
// Prism - syntax highlighter
|
||||
@import "../../../../themes/material/components/ui/prism";
|
||||
|
||||
// Slinky - multi level drilldown menu
|
||||
@import "../../../../themes/material/components/ui/slinky";
|
||||
|
||||
// Sticky kit
|
||||
@import "../../../../themes/material/components/ui/sticky";
|
||||
|
||||
// Headroom - hhide navbar on scroll
|
||||
@import "../../../../themes/material/components/ui/headroom";
|
||||
|
||||
// Dragula
|
||||
@import "../../../../themes/material/components/ui/dragula";
|
||||
|
||||
// Perfect scrollbar
|
||||
@import "../../../../themes/material/components/ui/perfect-scrollbar";
|
||||
|
||||
|
||||
// Misc components
|
||||
// ------------------------------
|
||||
|
||||
// [Material] Floating action buttons
|
||||
@import "../../../../themes/material/components/misc/fab";
|
||||
|
||||
// Fancytree
|
||||
@import "../../../../themes/material/components/misc/fancytree";
|
||||
|
||||
// Progress buttons
|
||||
@import "../../../../themes/material/components/misc/progress-buttons";
|
||||
|
||||
// Full calendar
|
||||
@import "../../../../themes/material/components/misc/fullcalendar.scss";
|
||||
|
||||
// Image cropper
|
||||
@import "../../../../themes/material/components/misc/image-cropper";
|
||||
|
||||
// Lightbox plugin
|
||||
@import "../../../../themes/material/components/misc/fancybox";
|
||||
|
||||
|
||||
// Tables
|
||||
// ------------------------------
|
||||
|
||||
// Footable - responsive table tools
|
||||
@import "../../../../themes/material/components/tables/footable";
|
||||
|
||||
|
||||
// Handsontable
|
||||
// ------------------------------
|
||||
|
||||
// Handsontable - excel-like spreadsheet for apps
|
||||
@import "../../../../themes/material/components/tables/handsontable";
|
||||
|
||||
|
||||
// Datatables
|
||||
// ------------------------------
|
||||
|
||||
// Core
|
||||
@import "../../../../themes/material/components/tables/datatables/datatables";
|
||||
|
||||
// Datatables - columns reorder
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-columns-reorder";
|
||||
|
||||
// Datatables - rows reorder
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-rows-reorder";
|
||||
|
||||
// Datatables - fixed columns
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-fixed-columns";
|
||||
|
||||
// Datatables - fixed header
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-fixed-header";
|
||||
|
||||
// Datatables - autofill
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-autofill";
|
||||
|
||||
// Datatables - select
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-select";
|
||||
|
||||
// Datatables - buttons
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-buttons";
|
||||
|
||||
// Datatables - key table
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-keytable";
|
||||
|
||||
// Datatables - scroller
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-scroller";
|
||||
|
||||
// Datatables - responsive
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-responsive";
|
||||
|
||||
|
||||
// Maps
|
||||
// ------------------------------
|
||||
|
||||
// Google Maps
|
||||
@import "../../../../shared/maps/google-maps";
|
||||
|
||||
// jVectorMap
|
||||
@import "../../../../shared/maps/jvectormap";
|
||||
|
||||
|
||||
// Charts
|
||||
// ------------------------------
|
||||
|
||||
// Charts base
|
||||
@import "../../../../shared/charts/charts";
|
||||
|
||||
// C3 chart library
|
||||
@import "../../../../shared/charts/c3";
|
||||
|
||||
// D3 chart library
|
||||
@import "../../../../shared/charts/d3";
|
||||
|
||||
|
||||
// Page kits
|
||||
// ------------------------------
|
||||
|
||||
// ECommerce
|
||||
@import "../../../../shared/pages/ecommerce";
|
||||
|
||||
// Blog
|
||||
@import "../../../../shared/pages/blog";
|
||||
|
||||
// Task manager
|
||||
@import "../../../../shared/pages/task-manager";
|
||||
|
||||
// Inbox
|
||||
@import "../../../../shared/pages/inbox";
|
||||
|
||||
// Profile
|
||||
@import "../../../../shared/pages/profile";
|
||||
|
||||
// Login
|
||||
@import "../../../../shared/pages/login";
|
||||
|
||||
// Timelines
|
||||
@import "../../../../shared/pages/timelines";
|
||||
|
||||
// Chats
|
||||
@import "../../../../shared/pages/chats";
|
||||
|
||||
// Error page
|
||||
@import "../../../../shared/pages/error";
|
||||
|
||||
|
||||
// Other components
|
||||
// ------------------------------
|
||||
|
||||
// Heading elements
|
||||
@import "../../../../themes/material/components/ui/header-elements";
|
||||
|
||||
// Helpers
|
||||
@import "../../../../shared/utils/helpers";
|
||||
|
||||
// Plugins demo, remove in real project
|
||||
@import "../../../../themes/material/components/demo";
|
||||
@@ -0,0 +1,35 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Core layout
|
||||
*
|
||||
* Content area, sidebar, page header and boxed layout styles
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/material/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/material/bootstrap_limitless/mixins";
|
||||
|
||||
// Content
|
||||
@import "../layout/content";
|
||||
|
||||
// Header
|
||||
@import "../layout/header";
|
||||
|
||||
// Sidebar
|
||||
@import "../layout/sidebar";
|
||||
|
||||
// Boxed layout
|
||||
@import "../layout/boxed";
|
||||
@@ -0,0 +1,40 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Boxed layout
|
||||
*
|
||||
* Styles for main structure of content area in boxed layout
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-boxed {
|
||||
|
||||
// Class for body, adds background color/image
|
||||
.layout-boxed-bg {
|
||||
background: $boxed-bg; // mainly for demo, use whatever you want
|
||||
}
|
||||
|
||||
// Container inside other containers
|
||||
.navbar > .container,
|
||||
.breadcrumb-line > .container {
|
||||
padding-left: ($content-container-padding-x * 2);
|
||||
padding-right: ($content-container-padding-x * 2);
|
||||
}
|
||||
|
||||
// Boxed content section
|
||||
.content-boxed {
|
||||
@include media-breakpoint-up(lg) {
|
||||
&:not(.navbar):not(.breadcrumb-line) {
|
||||
margin-left: 7%;
|
||||
margin-right: 7%;
|
||||
}
|
||||
|
||||
// Inside navbar
|
||||
&.navbar,
|
||||
&.breadcrumb-line {
|
||||
padding-left: calc(7% + #{$content-container-padding-x * 2});
|
||||
padding-right: calc(7% + #{$content-container-padding-x * 2});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,44 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Main content layout
|
||||
*
|
||||
* Styles for main structure of content area
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Make sure document has 100% height
|
||||
html {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
// Document body
|
||||
body {
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
// Main container
|
||||
.page-content {
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
padding: $content-container-padding-y $content-container-padding-x;
|
||||
}
|
||||
|
||||
// Content wrapper
|
||||
.content-wrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
// Main content container
|
||||
.content {
|
||||
flex-grow: 1;
|
||||
margin-left: $content-container-padding-x;
|
||||
margin-right: $content-container-padding-x;
|
||||
@include clearfix;
|
||||
}
|
||||
@@ -0,0 +1,118 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Page header
|
||||
*
|
||||
* Page header components and color options
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Page title
|
||||
.page-title {
|
||||
padding: $page-header-padding-y 0;
|
||||
position: relative;
|
||||
|
||||
// Subtitle
|
||||
small {
|
||||
display: inline-block;
|
||||
margin-left: $element-spacer-x;
|
||||
|
||||
// Divider
|
||||
&:before {
|
||||
content: '/';
|
||||
margin-right: ($element-spacer-x + 0.25rem);
|
||||
}
|
||||
|
||||
// On a new line
|
||||
&.d-block {
|
||||
margin-left: 0;
|
||||
|
||||
&:before {
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Add left spacing to align with text
|
||||
small.d-block,
|
||||
.breadcrumb {
|
||||
margin-left: ($icon-font-size + $element-spacer-x + 0.25rem);
|
||||
}
|
||||
|
||||
// Remove margin from headings
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Page header content
|
||||
.page-header-content {
|
||||
position: relative;
|
||||
padding: 0 $page-header-padding-x;
|
||||
|
||||
// With custom colored bottom border
|
||||
&[class*=border-bottom-] + .breadcrumb-line {
|
||||
border-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Page header colors
|
||||
//
|
||||
|
||||
// Light
|
||||
.page-header-light {
|
||||
background-color: $page-header-light-bg;
|
||||
|
||||
// Cover image
|
||||
&.has-cover {
|
||||
background: url(#{$img-path}/backgrounds/seamless.png); // feel free to change
|
||||
}
|
||||
}
|
||||
|
||||
// Dark
|
||||
.page-header-dark {
|
||||
background-color: $page-header-dark-bg;
|
||||
color: $page-header-dark-color;
|
||||
margin-bottom: $spacer;
|
||||
|
||||
// Breadcrumbs
|
||||
> .breadcrumb,
|
||||
.page-header-content .breadcrumb {
|
||||
|
||||
// Links
|
||||
> li > a,
|
||||
> li + li:before {
|
||||
color: rgba($page-header-dark-color, 0.9);
|
||||
}
|
||||
|
||||
// Hovered links
|
||||
> li > a {
|
||||
@include hover-focus {
|
||||
color: $page-header-dark-color;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// Active item
|
||||
> .active {
|
||||
color: rgba($page-header-dark-color, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
// Cover image
|
||||
&.has-cover {
|
||||
background: url(#{$img-path}/login_cover.jpg); // feel free to change
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
|
||||
// Common
|
||||
.page-header-light,
|
||||
.page-header-dark {
|
||||
box-shadow: $shadow-depth1;
|
||||
|
||||
.breadcrumb-line:not(.breadcrumb-line-component):last-child {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,846 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Additional variables
|
||||
*
|
||||
* Mainly 3rd party libraries and additional variables for default
|
||||
* Bootstrap components.
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
//
|
||||
// Light contextual colors
|
||||
//
|
||||
// Includes 50 shades from custom color palette
|
||||
|
||||
$theme-colors-light: () !default;
|
||||
$theme-colors-light: map-merge((
|
||||
"primary": $color-primary-50,
|
||||
"secondary": $gray-300,
|
||||
"success": $color-success-50,
|
||||
"info": $color-info-50,
|
||||
"warning": $color-orange-50,
|
||||
"danger": $color-danger-50,
|
||||
"light": $gray-200,
|
||||
"dark": $color-slate-50
|
||||
), $theme-colors-light);
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Content styling
|
||||
//
|
||||
// Various custom variables for text, icons, elements, blocks etc
|
||||
|
||||
// Content divider
|
||||
$content-divider-height: $border-width !default;
|
||||
$content-divider-color: $border-color !default;
|
||||
|
||||
// Shadows used in :hover/:focus states
|
||||
$hover-shadow-lighter: 0 0 0 62.5rem rgba($black, 0.01) inset !default;
|
||||
$hover-shadow-darker: 0 0 0 62.5rem rgba($black, 0.04) inset !default;
|
||||
|
||||
// Images
|
||||
$img-path: '../../../../../../global_assets/images' !default;
|
||||
$img-preview-max-height: 5rem !default;
|
||||
|
||||
// Wrappers for element spacers. Uses default $spacers map
|
||||
$element-spacer-x-sm: map-get($spacers, 1) !default;
|
||||
$element-spacer-x: map-get($spacers, 2) !default;
|
||||
$element-spacer-x-lg: map-get($spacers, 3) !default;
|
||||
|
||||
// Header elements
|
||||
$header-elements-padding-y: $spacer !default;
|
||||
$header-elements-padding-x: $grid-gutter-width !default;
|
||||
|
||||
// Icons
|
||||
$list-icons-spacer: 0.375rem !default;
|
||||
|
||||
$icon-caret-up: '\e9ca' !default;
|
||||
$icon-caret-down: '\e9c9' !default;
|
||||
$icon-caret-left: '\e9c8' !default;
|
||||
$icon-caret-right: '\e9cb' !default;
|
||||
|
||||
$icon-alert-styled-base: '\e9a2' !default;
|
||||
$icon-alert-styled-danger: '\ed64' !default;
|
||||
$icon-alert-styled-success: '\ed6e' !default;
|
||||
$icon-alert-styled-warning: '\e9bd' !default;
|
||||
$icon-alert-styled-info: '\e9b9' !default;
|
||||
$icon-alert-styled-custom: '\e81b' !default;
|
||||
|
||||
$icon-validation-error: '\ed63' !default;
|
||||
$icon-validation-success: '\ee73' !default;
|
||||
|
||||
$icon-notification-sticker: '\ee70' !default;
|
||||
$icon-notification-stuck: '\ee75' !default;
|
||||
|
||||
$icon-table-row-expand: '\e9e4' !default;
|
||||
$icon-table-row-collapse: '\e9e7' !default;
|
||||
$icon-table-sorting-up: '\e9c2' !default;
|
||||
$icon-table-sorting-down: '\e9c1' !default;
|
||||
$icon-table-button-confirm: '\ed6e' !default;
|
||||
|
||||
$icon-menu-arrow-down: '\e9c5' !default;
|
||||
$icon-menu-sub-arrow-ltr: '\e9c7' !default;
|
||||
$icon-menu-sub-arrow-rtl: '\e9c4' !default;
|
||||
$icon-menu-slinky-back-ltr: '\ede7' !default;
|
||||
$icon-menu-slinky-back-rtl: '\ede5' !default;
|
||||
|
||||
$icon-nav-prev: '\e9c8' !default;
|
||||
$icon-nav-next: '\e9cb' !default;
|
||||
$icon-nav-calendar-prev: '\e9c0' !default;
|
||||
$icon-nav-calendar-next: '\e9c3' !default;
|
||||
|
||||
$icon-indicator-expand: '\e9c5' !default;
|
||||
$icon-indicator-collapse: '\e9c7' !default;
|
||||
|
||||
$icon-spinner-up: '\e9f7' !default;
|
||||
$icon-spinner-down: '\e9e2' !default;
|
||||
|
||||
$icon-uploader-placeholder: '\ea0e' !default;
|
||||
$icon-uploader-placeholder-actions: '\ec67' !default;
|
||||
|
||||
$icon-action-cross: '\ed6a' !default;
|
||||
$icon-action-cross-sm: '\ed6b' !default;
|
||||
|
||||
$icon-fancytree-file: '\ea1a' !default;
|
||||
$icon-fancytree-sub-collapse: '\ea0f' !default;
|
||||
$icon-fancytree-sub-expand: '\ea11' !default;
|
||||
$icon-fancytree-folder: '\ea3d' !default;
|
||||
$icon-fancytree-folder-collapse: '\ea41' !default;
|
||||
$icon-fancytree-folder-expand: '\ea43' !default;
|
||||
|
||||
$icon-card-collapse: '\e9b8' !default;
|
||||
$icon-card-expand: '\e9b7' !default;
|
||||
$icon-card-action-collapse: '\e9c1' !default;
|
||||
$icon-card-action-reload: '\e9fb' !default;
|
||||
$icon-card-action-remove: '\ed6a' !default;
|
||||
$icon-card-action-move: '\e986' !default;
|
||||
$icon-card-action-full-base: '\e9f9' !default;
|
||||
$icon-card-action-full-active: '\e9fa' !default;
|
||||
$icon-card-action-modal: '\e9eb' !default;
|
||||
|
||||
$icon-wizard-step-current: '\e913' !default;
|
||||
$icon-wizard-step-complete: '\ed6f' !default;
|
||||
|
||||
$icon-picker-color-clear: '\ee6e' !default;
|
||||
$icon-checkbox-tick: '\e600' !default;
|
||||
$icon-search-magnifier: '\e98e' !default;
|
||||
$icon-loading-spinner: '\eb51' !default;
|
||||
$icon-list-dot: '\f052' !default;
|
||||
|
||||
// Transition timers
|
||||
$component-transition-timer: 0.15s !default;
|
||||
$component-transition-delay: 0.15s !default;
|
||||
|
||||
// Enhanced media objects
|
||||
$media-title-margin-bottom: 0.125rem !default;
|
||||
$media-link-hover-bg: rgba($black, 0.04) !default;
|
||||
$media-padding-x: 1.25rem !default;
|
||||
$media-padding-y: 1rem !default;
|
||||
$media-border-width: $border-width !default;
|
||||
$media-border-color: $border-color !default;
|
||||
|
||||
// Enhanced dropdown menus
|
||||
$dropdown-content-header-padding-y: 1rem !default;
|
||||
$dropdown-content-body-padding-y: 1.25rem !default;
|
||||
$dropdown-content-body-padding-x: 1.25rem !default;
|
||||
$dropdown-content-footer-padding-y: 0.75rem !default;
|
||||
$dropdown-content-footer-border-width: $border-width !default;
|
||||
$dropdown-content-footer-border-color: $border-color !default;
|
||||
|
||||
// Perfect scrollbar
|
||||
$ps-size: 0.25rem !default;
|
||||
$ps-gap: 0.125rem !default;
|
||||
$ps-bg: $gray-600 !default;
|
||||
$ps-opacity: 0.75 !default;
|
||||
|
||||
// jQuery UI
|
||||
$ui-accordion-spacer-y: 0.5rem !default;
|
||||
$ui-autocomplete-height: 250px !default;
|
||||
$ui-datepicker-width: 270px !default;
|
||||
|
||||
// Charts
|
||||
$chart-container-height: 400px !default;
|
||||
$chart-min-width: 37.5rem !default;
|
||||
$chart-pie-min-width: 31.25rem !default;
|
||||
|
||||
// Maps
|
||||
$map-container-height: 500px !default;
|
||||
$map-container-sidebar-height: 200px !default;
|
||||
|
||||
// Misc
|
||||
$select-custom-width: 220px !default;
|
||||
$cursor-disabled: default !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Page header
|
||||
//
|
||||
// Includes page header base, colors and page title
|
||||
|
||||
$page-header-elements-border-width: $border-width !default;
|
||||
|
||||
$page-header-padding-y: 2rem !default;
|
||||
$page-header-padding-x: $grid-gutter-width !default;
|
||||
|
||||
$page-header-light-bg: $white !default;
|
||||
$page-header-light-border-color: $border-color !default;
|
||||
$page-header-light-elements-bg: $gray-100 !default;
|
||||
$page-header-light-elements-border-color: $page-header-light-border-color !default;
|
||||
|
||||
$page-header-dark-bg: #273246 !default;
|
||||
$page-header-dark-color: $white !default;
|
||||
$page-header-dark-border-color: rgba($white, 0.2) !default;
|
||||
$page-header-dark-elements-bg: rgba($black, 0.1) !default;
|
||||
$page-header-dark-elements-border-color: $page-header-dark-border-color !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Content area
|
||||
//
|
||||
// Area below page header, Also includes boxed layout
|
||||
|
||||
$content-container-padding-y: $spacer !default;
|
||||
$content-container-padding-x: ($grid-gutter-width / 2) !default;
|
||||
|
||||
$boxed-bg: url(#{$img-path}/backgrounds/boxed_bg.png) repeat !default;
|
||||
$boxed-container-box-shadow: -4px 2px 4px rgba($black, 0.15), 4px 2px 4px rgba($black, 0.15) !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Sidebar
|
||||
//
|
||||
// Includes sidebar sizes, colors and user areas
|
||||
|
||||
// Base
|
||||
$sidebar-base-width: rem-calc(270px) !default;
|
||||
$sidebar-mini-width: ($spacer * 2) + $icon-font-size !default;
|
||||
|
||||
|
||||
// Light sidebar
|
||||
$sidebar-light-bg: $white !default;
|
||||
$sidebar-light-color: $body-color !default;
|
||||
$sidebar-light-border-width: 0 !default;
|
||||
$sidebar-light-border-color: rgba($black, 0.125) !default;
|
||||
$sidebar-light-toggler-bg: darken($sidebar-light-bg, 4%) !default;
|
||||
$sidebar-light-toggler-color: rgba($sidebar-light-color, 0.8) !default;
|
||||
$sidebar-light-toggler-hover-bg: transparent !default;
|
||||
$sidebar-light-toggler-hover-color: $sidebar-light-color !default;
|
||||
$sidebar-light-tabs-bg: darken($sidebar-light-bg, 4%) !default;
|
||||
$sidebar-light-xs-menu-bg: darken($sidebar-light-bg, 1%) !default;
|
||||
|
||||
$sidebar-light-user-menu-bg: transparent !default;
|
||||
$sidebar-light-user-menu-border-width: $border-width !default;
|
||||
$sidebar-light-user-menu-border-color: $border-color !default;
|
||||
|
||||
|
||||
// Dark sidebar
|
||||
$sidebar-dark-bg: #293a50 !default;
|
||||
$sidebar-dark-color: $white !default;
|
||||
$sidebar-dark-border-width: $border-width !default;
|
||||
$sidebar-dark-border-color: rgba($white, 0.1) !default;
|
||||
$sidebar-dark-toggler-bg: darken($sidebar-dark-bg, 4%) !default;
|
||||
$sidebar-dark-toggler-color: rgba($sidebar-dark-color, 0.9) !default;
|
||||
$sidebar-dark-toggler-hover-bg: transparent !default;
|
||||
$sidebar-dark-toggler-hover-color: $sidebar-dark-color !default;
|
||||
$sidebar-dark-tabs-bg: darken($sidebar-dark-bg, 4%) !default;
|
||||
$sidebar-dark-xs-menu-bg: lighten($sidebar-dark-bg, 5%) !default;
|
||||
|
||||
$sidebar-dark-user-menu-bg: transparent !default;
|
||||
$sidebar-dark-user-menu-border-width: $border-width !default;
|
||||
$sidebar-dark-user-menu-border-color: rgba($white, 0.1) !default;
|
||||
|
||||
|
||||
// Shadows [material only]
|
||||
$sidebar-left-desktop-box-shadow: $card-box-shadow !default;
|
||||
$sidebar-left-mobile-box-shadow: 0.25rem 0 1rem rgba(0, 0, 0, 0.35) !default;
|
||||
|
||||
$sidebar-right-desktop-box-shadow: $card-box-shadow !default;
|
||||
$sidebar-right-mobile-box-shadow: -0.25rem 0 1rem rgba(0, 0, 0, 0.35) !default;
|
||||
|
||||
|
||||
// Z-indexes
|
||||
$sidebar-zindex: ($zindex-fixed + 10) !default;
|
||||
$sidebar-zindex-main: 99 !default;
|
||||
$sidebar-zindex-secondary: ($sidebar-zindex-main - 1) !default;
|
||||
$sidebar-zindex-right: ($sidebar-zindex-main - 2) !default;
|
||||
$sidebar-zindex-component: ($sidebar-zindex-main - 3) !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Main vertical navigation
|
||||
//
|
||||
// Includes base styles, levels and colors
|
||||
|
||||
$navigation-padding-y: 0.5rem !default;
|
||||
|
||||
$navigation-item-padding-y: 0.75rem !default;
|
||||
$navigation-item-padding-x: 1.25rem !default;
|
||||
$navigation-item-spacer-y: 1px !default;
|
||||
$navigation-item-font-weight: $font-weight-semibold !default;
|
||||
$navigation-item-disabled-opacity: 0.5 !default;
|
||||
|
||||
$navigation-sub-padding-y: 0.625rem !default;
|
||||
$navigation-sub-item-opacity: 0.5 !default;
|
||||
|
||||
|
||||
// Dark sidebar navigation styles
|
||||
$navigation-dark-color: rgba($sidebar-dark-color, 0.9) !default;
|
||||
$navigation-dark-hover-bg: rgba($black, 0.15) !default;
|
||||
$navigation-dark-hover-color: $sidebar-dark-color !default;
|
||||
$navigation-dark-active-bg: $color-teal-400 !default;
|
||||
$navigation-dark-active-color: $white !default;
|
||||
$navigation-dark-sub-bg: rgba($black, 0.15) !default;
|
||||
$navigation-dark-sub-active-bg: rgba($black, 0.15) !default;
|
||||
$navigation-dark-sub-active-color: $white !default;
|
||||
$navigation-dark-bordered-border-width: $border-width !default;
|
||||
$navigation-dark-bordered-border-color: rgba($white, 0.1) !default;
|
||||
$navigation-dark-bordered-header-bg: rgba($black, 0.1) !default;
|
||||
|
||||
|
||||
// Light sidebar navigation styles
|
||||
$navigation-light-color: rgba($sidebar-light-color, 0.85) !default;
|
||||
$navigation-light-hover-bg: $gray-200 !default;
|
||||
$navigation-light-hover-color: $sidebar-light-color !default;
|
||||
$navigation-light-active-bg: $navigation-light-hover-bg !default;
|
||||
$navigation-light-active-color: $navigation-light-hover-color !default;
|
||||
$navigation-light-sub-bg: transparent !default;
|
||||
$navigation-light-sub-active-bg: $gray-200 !default;
|
||||
$navigation-light-sub-active-color: $body-color !default;
|
||||
$navigation-light-bordered-border-width: $border-width !default;
|
||||
$navigation-light-bordered-border-color: $gray-400 !default;
|
||||
$navigation-light-bordered-header-bg: $gray-100 !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Form components
|
||||
//
|
||||
// Form checks, switches, selects, tags etc.
|
||||
|
||||
// Checkboxes and radios
|
||||
$checkbox-size: 1.25rem !default;
|
||||
$checkbox-color: $color-slate-700 !default;
|
||||
$checkbox-border-width: rem-calc($border-width * 2) !default;
|
||||
$checkbox-border-color: $checkbox-color !default;
|
||||
$checkbox-disabled-opacity: 0.5 !default;
|
||||
|
||||
|
||||
// Switchery toggle
|
||||
$switchery-bg: $white !default;
|
||||
$switchery-border-width: $border-width !default;
|
||||
$switchery-border-color: $gray-400 !default;
|
||||
$switchery-handle-bg: $white !default;
|
||||
$switchery-handle-box-shadow: 0 1px 3px rgba($black, 0.4) !default;
|
||||
$switchery-size: 1.125rem !default;
|
||||
$switchery-margin-x: 0.625rem !default;
|
||||
|
||||
|
||||
// Bootstrap switch
|
||||
$switch-border-width: $border-width !default;
|
||||
$switch-bg-default: $gray-300 !default;
|
||||
$switch-handle-width: 0.25rem !default;
|
||||
$switch-handle-height: 0.625rem !default;
|
||||
$switch-handle-bg: $white !default;
|
||||
$switch-handle-border-color: rgba($black, 0.15) !default;
|
||||
$switch-handle-hover-bg: $gray-100 !default;
|
||||
|
||||
|
||||
// Select2 selects
|
||||
$select2-max-height: 280px !default;
|
||||
$select2-disabled-opacity: 0.6 !default;
|
||||
$select2-custom-disabled-opacity: 0.75 !default;
|
||||
|
||||
$select2-pills-spacer: 0.0625rem !default;
|
||||
$select2-pills-bg: $gray-300 !default;
|
||||
$select2-pills-color: $body-color !default;
|
||||
$select2-pills-hover-bg: $color-blue-500 !default;
|
||||
$select2-pills-hover-color: $white !default;
|
||||
$select2-pills-border-radius: $border-radius-round !default;
|
||||
|
||||
$select2-light-results-color: $gray-600 !default;
|
||||
$select2-dark-results-color: rgba($white, 0.75) !default;
|
||||
|
||||
|
||||
// Multiselect
|
||||
$multiselect-max-height: 280px !default;
|
||||
$multiselect-font-weight: $font-weight-normal !default;
|
||||
$multiselect-text-transform: none !default;
|
||||
|
||||
|
||||
// Typeahead
|
||||
$typeahead-max-height: 350px !default;
|
||||
$typeahead-max-height-scrollable: 250px !default;
|
||||
|
||||
|
||||
// Tag inputs
|
||||
$tags-spacer: 0.0625rem !default;
|
||||
$tags-color: $body-color !default;
|
||||
$tags-hover-color: $white !default;
|
||||
$tags-bg: $gray-300 !default;
|
||||
$tags-hover-bg: $color-blue-500 !default;
|
||||
$tag-disabled-opacity: 0.5 !default;
|
||||
$tag-border-radius: $border-radius-round !default;
|
||||
|
||||
|
||||
// Form wizard
|
||||
$wizard-step-line-size: 2px !default;
|
||||
$wizard-step-line-color: $gray-300 !default;
|
||||
|
||||
$wizard-step-number-size: rem-calc(38px) !default;
|
||||
$wizard-step-number-bg: $card-bg !default;
|
||||
$wizard-step-number-color: $gray-500 !default;
|
||||
$wizard-step-number-active-bg: $color-info-500 !default;
|
||||
$wizard-step-number-active-color: $white !default;
|
||||
$wizard-step-number-error-bg: $color-danger-500 !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Text editors
|
||||
//
|
||||
// Summernote, trumbowyg, ace code editor
|
||||
|
||||
// Summernote editor
|
||||
$summernote-border-width: $border-width !default;
|
||||
$summernote-border-color: $border-color !default;
|
||||
$summernote-font-path: "../../../../../../global_assets/css/icons/summernote/" !default;
|
||||
$summernote-icon-font-size: 0.875rem !default;
|
||||
$summernote-min-height: rem-calc(150px) !default;
|
||||
|
||||
$summernote-resizer-width: 1.25rem !default;
|
||||
$summernote-resizer-height: $border-width !default;
|
||||
$summernote-resizer-color: $border-color !default;
|
||||
|
||||
|
||||
// Trumbowyg editor
|
||||
$trumbowyg-min-height: 350px !default;
|
||||
|
||||
$trumbowyg-border-width: $border-width !default;
|
||||
$trumbowyg-border-color: $border-color !default;
|
||||
|
||||
$trumbowyg-toolbar-bg: $gray-100 !default;
|
||||
$trumbowyg-toolbar-hover-bg: $gray-300 !default;
|
||||
$trumbowyg-toolbar-color: $body-color !default;
|
||||
$trumbowyg-toolbar-border-width: $border-width !default;
|
||||
$trumbowyg-toolbar-border-color: $border-color !default;
|
||||
$trumbowyg-toolbar-divider-width: 0 !default;
|
||||
$trumbowyg-toolbar-height: ($btn-padding-x * 2) + $icon-font-size + rem-calc($trumbowyg-toolbar-border-width * 2) !default;
|
||||
|
||||
|
||||
// Ace code editor
|
||||
$ace-height: 450px !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Pickers
|
||||
//
|
||||
// Date, time and color pickers
|
||||
|
||||
// Common styles for date pickers
|
||||
$datepicker-padding: 0.9375rem !default;
|
||||
$datepicker-title-font-size: $h6-font-size !default;
|
||||
|
||||
$datepicker-item-padding: $input-btn-padding-y !default;
|
||||
$datepicker-item-weekday-color: $gray-600 !default;
|
||||
$datepicker-item-year-color: $gray-600 !default;
|
||||
$datepicker-item-focusout-color: $gray-500 !default;
|
||||
$datepicker-item-hover-color: $body-color !default;
|
||||
$datepicker-item-hover-bg: $gray-200 !default;
|
||||
$datepicker-item-active-color: $white !default;
|
||||
$datepicker-item-active-bg: $color-teal-400 !default;
|
||||
$datepicker-item-today-color: $body-color !default;
|
||||
$datepicker-item-today-bg: $gray-200 !default;
|
||||
$datepicker-item-disabled-color: $gray-600 !default;
|
||||
$datepicker-item-disabled-bg: transparent !default;
|
||||
|
||||
|
||||
// Pick-a-date picker
|
||||
$pickadate-min-width: 18rem !default;
|
||||
$pickadate-max-width: 20rem !default;
|
||||
$pickadate-max-height: 480px !default;
|
||||
|
||||
|
||||
// Pick-a-time picker
|
||||
$pickatime-max-height: 250px !default;
|
||||
$pickatime-min-width: 16rem !default;
|
||||
$pickatime-max-width: 20rem !default;
|
||||
|
||||
|
||||
// Anytime picker
|
||||
$anytime-year-btn-bg: $color-danger-500 !default;
|
||||
$anytime-year-btn-color: $white !default;
|
||||
|
||||
$anytime-month-btn-bg: $color-teal-400 !default;
|
||||
$anytime-month-btn-color: $white !default;
|
||||
|
||||
$anytime-time-btn-bg: $color-slate-500 !default;
|
||||
$anytime-time-btn-color: $white !default;
|
||||
|
||||
|
||||
// Spectrum color picker
|
||||
$spectrum-padding: 0.625rem !default;
|
||||
$spectrum-width: 13.75rem !default;
|
||||
$spectrum-max-width: 13.75rem !default;
|
||||
|
||||
$spectrum-choose-btn-bg: $color-slate-500 !default;
|
||||
$spectrum-choose-btn-color: $white !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// File uploaders
|
||||
//
|
||||
// Plupload, Bootstrap file input and dropzone
|
||||
|
||||
// Plupload uploader
|
||||
$plupload-max-height: 250px !default;
|
||||
$plupload-bg: $white !default;
|
||||
$plupload-border-width: ($border-width * 2) !default;
|
||||
$plupload-border-style: dashed !default;
|
||||
$plupload-border-color: $gray-400 !default;
|
||||
|
||||
$plupload-header-bg: $color-slate-800 !default;
|
||||
$plupload-header-color: $white !default;
|
||||
|
||||
$plupload-placeholder-icon-color: $gray-500 !default;
|
||||
$plupload-placeholder-text-color: $gray-700 !default;
|
||||
|
||||
$plupload-btn-start-bg: theme-color('primary') !default;
|
||||
$plupload-btn-start-border-color: $plupload-btn-start-bg !default;
|
||||
$plupload-btn-start-color: $white !default;
|
||||
|
||||
|
||||
// Bootstrap file input
|
||||
$fileinput-preview-spacer: 0.5rem !default;
|
||||
$fileinput-preview-thumb-width: 10rem !default;
|
||||
$fileinput-preview-thumb-height: 10rem !default;
|
||||
$fileinput-preview-thumb-caption-spacer: 0.75rem !default;
|
||||
$fileinput-preview-footer-bg: $gray-100 !default;
|
||||
$fileinput-preview-progress-height: 0.375rem !default;
|
||||
$fileinput-preview-frame-bg: $card-bg !default;
|
||||
$fileinput-preview-frame-border-width: $border-width !default;
|
||||
$fileinput-preview-frame-border-color: $border-color !default;
|
||||
|
||||
|
||||
// Dropzone
|
||||
$dropzone-min-height: 18rem !default;
|
||||
$dropzone-spacer: 0.3125rem !default;
|
||||
|
||||
$dropzone-bg: #fcfcfc !default;
|
||||
$dropzone-border-width: ($border-width * 2) !default;
|
||||
$dropzone-border-style: dashed !default;
|
||||
$dropzone-border-color: $gray-400 !default;
|
||||
|
||||
$dropzone-placeholder-icon-size: ($icon-font-size * 4) !default;
|
||||
$dropzone-placeholder-icon-color: $gray-500 !default;
|
||||
$dropzone-placeholder-text-color: $gray-700 !default;
|
||||
|
||||
$dropzone-drag-bg: $gray-200 !default;
|
||||
$dropzone-drag-color: $gray-400 !default;
|
||||
$dropzone-drag-border-color: $gray-600 !default;
|
||||
|
||||
$dropzone-preview-spacer: 0.5rem !default;
|
||||
$dropzone-preview-width: 10rem !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Notifications
|
||||
//
|
||||
// Sweet alert and noty.js notification libraries
|
||||
|
||||
// Common styles
|
||||
$notification-width: 20rem !default;
|
||||
$notification-gutter-y: $spacer !default;
|
||||
$notification-gutter-x: ($content-container-padding-x * 2) !default;
|
||||
$notification-box-shadow: $shadow-depth1 !default;
|
||||
|
||||
|
||||
// Noty.js
|
||||
$noty-spacer-y: 0.25rem !default;
|
||||
|
||||
$notification-alert-bg: $color-slate-600 !default;
|
||||
$notification-alert-color: $white !default;
|
||||
$notification-alert-border-color: $notification-alert-bg !default;
|
||||
|
||||
$notification-warning-bg: $color-warning-400 !default;
|
||||
$notification-warning-color: $white !default;
|
||||
$notification-warning-border-color: $notification-warning-bg !default;
|
||||
|
||||
$notification-error-bg: $color-danger-400 !default;
|
||||
$notification-error-color: $white !default;
|
||||
$notification-error-border-color: $notification-error-bg !default;
|
||||
|
||||
$notification-info-bg: $color-blue-500 !default;
|
||||
$notification-info-color: $white !default;
|
||||
$notification-info-border-color: $notification-info-bg !default;
|
||||
|
||||
$notification-success-bg: $color-success-500 !default;
|
||||
$notification-success-color: $white !default;
|
||||
$notification-success-border-color: $notification-success-bg !default;
|
||||
|
||||
$noty-progress-height: 0.1875rem !default;
|
||||
$noty-progress-bg: rgba($black, 0.25) !default;
|
||||
|
||||
|
||||
// Sweet alert 2
|
||||
$swal-padding: 1.25rem !default;
|
||||
$swal-width: 31.25rem !default;
|
||||
$swal-margin-x: ($content-container-padding-x * 2) !default;
|
||||
|
||||
$swal2-icon-size: 5rem !default;
|
||||
$swal2-icon-border-width: 0.25rem !default;
|
||||
$swal2-icon-spacer: 1rem !default;
|
||||
|
||||
$swal2-step-inactive-color: $text-muted !default;
|
||||
$swal2-step-active-color: $color-primary-500 !default;
|
||||
$swal2-step-complete-color: $swal2-step-active-color !default;
|
||||
$swal2-step-line-color: $gray-400 !default;
|
||||
|
||||
$swal2-error-color: $color-danger-400 !default;
|
||||
$swal2-error-border-color: $swal2-error-color !default;
|
||||
|
||||
$swal2-warning-color: $color-warning-400 !default;
|
||||
$swal2-warning-border-color: $swal2-warning-color !default;
|
||||
|
||||
$swal2-info-color: $color-blue-500 !default;
|
||||
$swal2-info-border-color: $swal2-info-color !default;
|
||||
|
||||
$swal2-question-color: $color-slate-700 !default;
|
||||
$swal2-question-border-color: $swal2-question-color !default;
|
||||
|
||||
$swal2-success-color: $color-success-400 !default;
|
||||
$swal2-success-border-color: $swal2-success-color !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Tables
|
||||
//
|
||||
// Handsontable and datatables.js libraries
|
||||
|
||||
// Handsontable
|
||||
$hot-row-header-width: 5rem !default;
|
||||
$hot-cell-height: 1.875rem !default;
|
||||
$hot-cell-bg: $white !default;
|
||||
$hot-header-bg: $gray-200 !default;
|
||||
$hot-search-result-bg: $color-orange-50 !default;
|
||||
$hot-cell-padding-y: 0.3125rem !default;
|
||||
$hot-cell-padding-x: 0.25rem !default;
|
||||
$hot-datepicker-width: 15.63rem !default;
|
||||
$hot-cell-highlight-bg: $color-primary-50 !default;
|
||||
$hot-cell-highlight-border-color: $color-primary-500 !default;
|
||||
$hot-scrollable-max-height: 22.5rem !default;
|
||||
|
||||
|
||||
// Datatables
|
||||
$dt-spacer-y: $spacer !default;
|
||||
$dt-spacer-x: $card-spacer-x !default;
|
||||
$dt-filter-width: 12.5rem !default;
|
||||
$dt-controls-label-spacer-y: ($input-padding-y + rem-calc($input-border-width)) !default;
|
||||
$dt-controls-label-spacer-x: ($dt-spacer-x / 1.5) !default;
|
||||
|
||||
$dt-pagination-active-bg: $color-slate-800 !default;
|
||||
$dt-pagination-active-color: $white !default;
|
||||
|
||||
$dt-button-collection-2col-width: 18.75rem !default;
|
||||
$dt-button-collection-3col-width: 28.13rem !default;
|
||||
$dt-button-collection-4col-width: 37.5rem !default;
|
||||
|
||||
$dt-ext-select-active-row-bg: $color-success-50 !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Misc components
|
||||
//
|
||||
// Other custom 3rd party extensions and libraries
|
||||
|
||||
// FAB (floating action button)
|
||||
$fab-main-btn-size: (($btn-float-padding + ($icon-font-size / 2)) * 2) !default;
|
||||
$fab-btn-gap: 0.125rem !default;
|
||||
$fab-gutter-x: ($content-container-padding-x * 2) !default;
|
||||
|
||||
$fab-inner-btn-size: (($btn-float-padding - $fab-btn-gap) * 2) + $icon-font-size !default;
|
||||
$fab-inner-btn-spacing: $spacer !default;
|
||||
|
||||
$fab-badge-spacer-x: 0.25rem !default;
|
||||
$fab-badge-spacer-y: $fab-badge-spacer-x !default;
|
||||
|
||||
$fab-label-light-bg: $white !default;
|
||||
$fab-label-light-color: $body-color !default;
|
||||
|
||||
|
||||
// Fullcalendar
|
||||
$fullcalendar-bg: $card-bg !default;
|
||||
|
||||
$fullcalendar-event-bg: $color-blue-600 !default;
|
||||
$fullcalendar-event-color: $white !default;
|
||||
$fullcalendar-event-border-width: $border-width !default;
|
||||
$fullcalendar-event-border-color: $color-blue-600 !default;
|
||||
|
||||
$fullcalendar-event-spacer: 0.5rem !default;
|
||||
$fullcalendar-event-padding-y: 0.25rem !default;
|
||||
$fullcalendar-event-padding-x: 0.5rem !default;
|
||||
|
||||
$fullcalendar-event-resizer-size-h: 0.5rem !default;
|
||||
$fullcalendar-event-resizer-size-v: 0.5rem !default;
|
||||
|
||||
$fullcalendar-today-bg: $color-success-50 !default;
|
||||
$fullcalendar-bgevent-bg: rgba($color-success-300, 0.3) !default;
|
||||
$fullcalendar-nonbusiness-bg: rgba($gray-400, 0.3) !default;
|
||||
$fullcalendar-highlight-bg: rgba($gray-400, 0.3) !default;
|
||||
$fullcalendar-weekday-bg: $gray-100 !default;
|
||||
$fullcalendar-weekday-color: rgba($body-color, 0.5) !default;
|
||||
|
||||
|
||||
// Sliders (shared styles)
|
||||
$slider-bg: $gray-300 !default;
|
||||
$slider-connect-bg: $color-indigo-400 !default;
|
||||
$slider-disabled-opacity: 0.75 !default;
|
||||
$slider-box-shadow: inset 0 1px 1px rgba($black, 0.1) !default;
|
||||
|
||||
$slider-height: 0.3125rem !default;
|
||||
$slider-height-lg: ($slider-height + 0.125rem) !default;
|
||||
$slider-height-sm: ($slider-height - 0.125rem) !default;
|
||||
$slider-vertical-height: 10rem !default;
|
||||
|
||||
$slider-handle-bg: $slider-connect-bg !default;
|
||||
$slider-handle-inner-bg: $slider-connect-bg !default;
|
||||
$slider-handle-border-width: $border-width !default;
|
||||
$slider-handle-border-color: transparent !default;
|
||||
$slider-handle-hover-bg: $slider-handle-bg !default;
|
||||
$slider-handle-inner-hover-bg: $slider-handle-hover-bg !default;
|
||||
|
||||
$slider-pips-color: $gray-700 !default;
|
||||
$slider-pips-spacer-y: 1rem !default;
|
||||
$slider-pips-marker-width: 0.0625rem !default;
|
||||
$slider-pips-marker-height: 0.1875rem !default;
|
||||
$slider-pips-font-size: $font-size-xs !default;
|
||||
$slider-pips-line-height: $line-height-xs !default;
|
||||
|
||||
|
||||
// Image cropper
|
||||
$cropper-grid-size: $border-width !default;
|
||||
$cropper-grid-color: $gray-300 !default;
|
||||
$cropper-grid-center-size: ($border-width * 9) !default;
|
||||
|
||||
$cropper-resizer-color: $color-primary-500 !default;
|
||||
$cropper-resizer-size: 0.375rem !default;
|
||||
$cropper-resizer-size-lg: 1.25rem !default;
|
||||
|
||||
|
||||
// Fancybox
|
||||
$fancybox-nav-spacer-x: 0.625rem !default;
|
||||
$fancybox-nav-spacer-y: $fancybox-nav-spacer-x !default;
|
||||
$fancybox-nav-padding: 0.375rem !default;
|
||||
$fancybox-nav-bg: rgba($black, 0.5) !default;
|
||||
$fancybox-nav-color: $white !default;
|
||||
$fancybox-nav-hover-bg: $gray-900 !default;
|
||||
$fancybox-nav-hover-color: $fancybox-nav-color !default;
|
||||
|
||||
$fancybox-caption-padding-y: 0.5rem !default;
|
||||
$fancybox-caption-padding-x: 0.625rem !default;
|
||||
$fancybox-caption-bg: rgba($black, 0.5) !default;
|
||||
$fancybox-caption-color: $white !default;
|
||||
|
||||
|
||||
// Fancytree
|
||||
$fancytree-node-padding-y: 0.25rem !default;
|
||||
$fancytree-node-padding-x: 0.5rem !default;
|
||||
|
||||
$fancytree-node-selected-bg: $gray-300 !default;
|
||||
$fancytree-node-selected-color: $body-color !default;
|
||||
|
||||
$fancytree-node-active-bg: $color-primary-500 !default;
|
||||
$fancytree-node-active-color: $white !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Page kits
|
||||
//
|
||||
// Feeds, timelines, profiles, chats, inbox, ecommerce etc
|
||||
//
|
||||
|
||||
// Timelines
|
||||
$timeline-icon-size: 3rem !default;
|
||||
$timeline-line-width: ($border-width * 2) !default;
|
||||
$timeline-line-color: $gray-500 !default;
|
||||
$timeline-icon-bg: $card-bg !default;
|
||||
$timeline-icon-border-width: ($timeline-line-width * 2) !default;
|
||||
$timeline-content-padding-x: ($content-container-padding-x * 2) !default;
|
||||
|
||||
|
||||
// Feeds
|
||||
$list-feed-circle-radius: 0.5rem !default; // must be equal to even px value
|
||||
$list-feed-circle-border-width: ($border-width * 2) !default;
|
||||
$list-feed-circle-border-color: $color-slate-500 !default;
|
||||
$list-feed-circle-position: ($line-height-computed - ($list-feed-circle-radius + rem-calc($list-feed-circle-border-width))) / 2 !default;
|
||||
|
||||
$list-feed-item-padding-y: 1.25rem !default;
|
||||
$list-feed-item-padding-x: ($card-spacer-x + $list-feed-circle-radius) !default;
|
||||
|
||||
|
||||
// Blog
|
||||
$blog-horizontal-img-max-width: 25rem !default;
|
||||
$blog-horizontal-img-max-width-lg: 31.25rem !default;
|
||||
$blog-horizontal-img-max-width-sm: 18.75rem !default;
|
||||
$blog-horizontal-img-max-width-xs: 12.5rem !default;
|
||||
|
||||
|
||||
// Login page
|
||||
$login-form-width: 20rem !default;
|
||||
|
||||
|
||||
// Error pages
|
||||
$error-title-color: $white !default;
|
||||
$error-title-font-size: 12.5rem !default;
|
||||
$error-title-font-size-sm: 8.125rem !default;
|
||||
|
||||
$error-offline-title-font-size: 10rem !default;
|
||||
$error-offline-title-font-size-sm: 6.875rem !default;
|
||||
|
||||
|
||||
// Profile pages
|
||||
$profile-cover-element-shadow: 0 0 0.1875rem rgba($black, 0.5) !default;
|
||||
$profile-thumb-size: 6.25rem !default;
|
||||
$profile-thumb-border-width: ($border-width * 3) !default;
|
||||
$profile-thumb-border-color: $white !default;
|
||||
$profile-cover-height: 21.88rem !default;
|
||||
|
||||
|
||||
// Inbox
|
||||
$inbox-read-row-bg: $gray-100 !default;
|
||||
$inbox-unread-row-bg: $card-bg !default;
|
||||
|
||||
|
||||
// Chats
|
||||
$chat-list-max-height: 520px !default;
|
||||
$chat-message-arrow-size: ($border-width * 5) !default;
|
||||
$chat-message-border-radius: $border-radius !default;
|
||||
$chat-message-padding-y: 0.625rem !default;
|
||||
$chat-message-padding-x: 1rem !default;
|
||||
|
||||
$chat-message-bg: $gray-300 !default;
|
||||
$chat-message-color: $body-color !default;
|
||||
$chat-message-reversed-bg: $color-primary-400 !default;
|
||||
$chat-message-reversed-color: $white !default;
|
||||
|
||||
|
||||
// Pricing tables
|
||||
$pricing-title-font-size: 2.625rem !default;
|
||||
$pricing-subtitle-font-size: 1.875rem !default;
|
||||
|
||||
$pricing-list-item-padding-y: 1rem !default;
|
||||
$pricing-list-item-border-width: $border-width !default;
|
||||
$pricing-list-item-border-color: rgba($black, 0.1) !default;
|
||||
|
||||
$pricing-ribbon-box-shadow: 0 4px 6px rgba($black, 0.1) !default;
|
||||
@@ -0,0 +1,61 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Bootstrap v4.3.1 (https://getbootstrap.com)
|
||||
*
|
||||
* Copyright 2011-2018 The Bootstrap Authors
|
||||
* Copyright 2011-2018 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/default/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/default/bootstrap_limitless/mixins";
|
||||
|
||||
// Import default files
|
||||
@import "../../../../_bootstrap/root";
|
||||
@import "../../../../_bootstrap/reboot";
|
||||
@import "../../../../_bootstrap/type";
|
||||
@import "../../../../_bootstrap/images";
|
||||
@import "../../../../_bootstrap/code";
|
||||
@import "../../../../_bootstrap/grid";
|
||||
@import "../../../../_bootstrap/tables";
|
||||
@import "../../../../_bootstrap/forms";
|
||||
@import "../../../../_bootstrap/buttons";
|
||||
@import "../../../../_bootstrap/transitions";
|
||||
@import "../../../../_bootstrap/dropdown";
|
||||
@import "../../../../_bootstrap/button-group";
|
||||
@import "../../../../_bootstrap/input-group";
|
||||
@import "../../../../_bootstrap/custom-forms";
|
||||
@import "../../../../_bootstrap/nav";
|
||||
@import "../../../../_bootstrap/navbar";
|
||||
@import "../../../../_bootstrap/card";
|
||||
@import "../../../../_bootstrap/breadcrumb";
|
||||
@import "../../../../_bootstrap/pagination";
|
||||
@import "../../../../_bootstrap/badge";
|
||||
@import "../../../../_bootstrap/jumbotron";
|
||||
@import "../../../../_bootstrap/alert";
|
||||
@import "../../../../_bootstrap/progress";
|
||||
@import "../../../../_bootstrap/media";
|
||||
@import "../../../../_bootstrap/list-group";
|
||||
@import "../../../../_bootstrap/close";
|
||||
@import "../../../../_bootstrap/toasts";
|
||||
@import "../../../../_bootstrap/modal";
|
||||
@import "../../../../_bootstrap/tooltip";
|
||||
@import "../../../../_bootstrap/popover";
|
||||
@import "../../../../_bootstrap/carousel";
|
||||
@import "../../../../_bootstrap/spinners";
|
||||
@import "../../../../_bootstrap/utilities";
|
||||
@import "../../../../_bootstrap/print";
|
||||
@@ -0,0 +1,53 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Bootstrap v4.3.1 (https://getbootstrap.com)
|
||||
*
|
||||
* Copyright 2011-2018 The Bootstrap Authors
|
||||
* Copyright 2011-2018 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/default/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/default/bootstrap_limitless/mixins";
|
||||
|
||||
// Import default files
|
||||
@import "../../../../themes/default/bootstrap_limitless/reboot";
|
||||
@import "../../../../themes/default/bootstrap_limitless/type";
|
||||
@import "../../../../themes/default/bootstrap_limitless/code";
|
||||
@import "../../../../themes/default/bootstrap_limitless/tables";
|
||||
@import "../../../../themes/default/bootstrap_limitless/forms";
|
||||
@import "../../../../themes/default/bootstrap_limitless/buttons";
|
||||
@import "../../../../themes/default/bootstrap_limitless/dropdown";
|
||||
@import "../../../../themes/default/bootstrap_limitless/button-group";
|
||||
@import "../../../../themes/default/bootstrap_limitless/input-group";
|
||||
@import "../../../../themes/default/bootstrap_limitless/custom-forms";
|
||||
@import "../../../../themes/default/bootstrap_limitless/nav";
|
||||
@import "../../../../themes/default/bootstrap_limitless/navbar";
|
||||
@import "../../../../themes/default/bootstrap_limitless/card";
|
||||
@import "../../../../themes/default/bootstrap_limitless/breadcrumb";
|
||||
@import "../../../../themes/default/bootstrap_limitless/pagination";
|
||||
@import "../../../../themes/default/bootstrap_limitless/badge";
|
||||
@import "../../../../themes/default/bootstrap_limitless/alert";
|
||||
@import "../../../../themes/default/bootstrap_limitless/progress";
|
||||
@import "../../../../themes/default/bootstrap_limitless/media";
|
||||
@import "../../../../themes/default/bootstrap_limitless/list-group";
|
||||
@import "../../../../themes/default/bootstrap_limitless/close";
|
||||
@import "../../../../themes/default/bootstrap_limitless/toasts";
|
||||
@import "../../../../themes/default/bootstrap_limitless/modal";
|
||||
@import "../../../../themes/default/bootstrap_limitless/tooltip";
|
||||
@import "../../../../themes/default/bootstrap_limitless/popover";
|
||||
@import "../../../../themes/default/bootstrap_limitless/utilities";
|
||||
@@ -0,0 +1,26 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Custom color system
|
||||
*
|
||||
* Custom color system styles, includes background, border and text colors
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/default/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/default/bootstrap_limitless/mixins";
|
||||
|
||||
// Color system, always load last
|
||||
@import "../../../../themes/default/colors/colors";
|
||||
@@ -0,0 +1,343 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Components
|
||||
*
|
||||
* Components import. Ordering matters. See _config.scss for more options
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
// Core
|
||||
// ------------------------------
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/default/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/default/bootstrap_limitless/mixins";
|
||||
|
||||
// FOUC helpers
|
||||
@import "../../../../shared/utils/fouc";
|
||||
|
||||
|
||||
// Page loader
|
||||
// ------------------------------
|
||||
|
||||
// Pace page loader
|
||||
@import "../../../../shared/pace/theme-default";
|
||||
|
||||
// Pace.js demo, remove in real project
|
||||
@import "../../../../shared/pace/pace-demo";
|
||||
|
||||
|
||||
// Forms
|
||||
// ------------------------------
|
||||
|
||||
// Uniform
|
||||
@import "../../../../themes/default/components/forms/uniform";
|
||||
|
||||
// Switchery
|
||||
@import "../../../../themes/default/components/forms/switchery";
|
||||
|
||||
// BS switch
|
||||
@import "../../../../themes/default/components/forms/bootstrap-switch";
|
||||
|
||||
|
||||
// Select2
|
||||
@import "../../../../themes/default/components/forms/select2";
|
||||
|
||||
// Multiselect
|
||||
@import "../../../../themes/default/components/forms/multiselect";
|
||||
|
||||
|
||||
// Passy
|
||||
@import "../../../../themes/default/components/forms/passy";
|
||||
|
||||
// Typeahead
|
||||
@import "../../../../themes/default/components/forms/typeahead";
|
||||
|
||||
// Validation
|
||||
@import "../../../../themes/default/components/forms/validation";
|
||||
|
||||
// Floating labels
|
||||
@import "../../../../themes/default/components/forms/floating-labels";
|
||||
|
||||
// Alpaca
|
||||
@import "../../../../themes/default/components/forms/alpaca";
|
||||
|
||||
|
||||
// Tokenfield
|
||||
@import "../../../../themes/default/components/forms/tokenfield";
|
||||
|
||||
// Tags input
|
||||
@import "../../../../themes/default/components/forms/tags-input";
|
||||
|
||||
|
||||
// Touchspin spinners
|
||||
@import "../../../../themes/default/components/forms/touchspin";
|
||||
|
||||
// Dual listboxes
|
||||
@import "../../../../themes/default/components/forms/dual-listbox";
|
||||
|
||||
|
||||
// Wizard
|
||||
@import "../../../../themes/default/components/forms/wizard";
|
||||
|
||||
|
||||
// Text editors
|
||||
// ------------------------------
|
||||
|
||||
// Summernote
|
||||
@import "../../../../themes/default/components/forms/editors/summernote";
|
||||
|
||||
// Trumbowyg
|
||||
@import "../../../../themes/default/components/forms/editors/trumbowyg";
|
||||
|
||||
// Ace
|
||||
@import "../../../../themes/default/components/forms/editors/ace";
|
||||
|
||||
|
||||
// Pickers
|
||||
// ------------------------------
|
||||
|
||||
// Daterange picker
|
||||
@import "../../../../themes/default/components/pickers/daterange";
|
||||
|
||||
// Pickadate base
|
||||
@import "../../../../themes/default/components/pickers/pickadate/base";
|
||||
|
||||
// Pickadate date picker
|
||||
@import "../../../../themes/default/components/pickers/pickadate/date";
|
||||
|
||||
// Pickadate time picker
|
||||
@import "../../../../themes/default/components/pickers/pickadate/time";
|
||||
|
||||
// Anytime picker
|
||||
@import "../../../../themes/default/components/pickers/anytime";
|
||||
|
||||
// Color picker
|
||||
@import "../../../../themes/default/components/pickers/spectrum";
|
||||
|
||||
|
||||
// File uploaders
|
||||
// ------------------------------
|
||||
|
||||
// Plupload
|
||||
@import "../../../../themes/default/components/forms/uploaders/plupload";
|
||||
|
||||
// File input
|
||||
@import "../../../../themes/default/components/forms/uploaders/file-input";
|
||||
|
||||
// Dropzone
|
||||
@import "../../../../themes/default/components/forms/uploaders/dropzone";
|
||||
|
||||
|
||||
// Notifications
|
||||
// ------------------------------
|
||||
|
||||
// Noty notifications
|
||||
@import "../../../../themes/default/components/notifications/noty";
|
||||
|
||||
// PNotify notifications
|
||||
@import "../../../../themes/default/components/notifications/pnotify";
|
||||
|
||||
// jGrowl notifications
|
||||
@import "../../../../themes/default/components/notifications/jgrowl";
|
||||
|
||||
// Sweet Alerts
|
||||
@import "../../../../themes/default/components/notifications/sweet-alerts";
|
||||
|
||||
|
||||
// Sliders
|
||||
// ------------------------------
|
||||
|
||||
// Slider pips
|
||||
@import "../../../../themes/default/components/sliders/slider-pips";
|
||||
|
||||
// NoUI slider
|
||||
@import "../../../../themes/default/components/sliders/noui-slider";
|
||||
|
||||
// Ion range slider
|
||||
@import "../../../../themes/default/components/sliders/ion-range-slider";
|
||||
|
||||
|
||||
// jQuery UI components
|
||||
// ------------------------------
|
||||
|
||||
// Interactions
|
||||
@import "../../../../themes/default/components/jquery_ui/interactions";
|
||||
|
||||
// Widgets
|
||||
@import "../../../../themes/default/components/jquery_ui/widgets";
|
||||
|
||||
|
||||
// UI components
|
||||
// ------------------------------
|
||||
|
||||
// Prism - syntax highlighter
|
||||
@import "../../../../themes/default/components/ui/prism";
|
||||
|
||||
// Slinky - multi level drilldown menu
|
||||
@import "../../../../themes/default/components/ui/slinky";
|
||||
|
||||
// Sticky kit
|
||||
@import "../../../../themes/default/components/ui/sticky";
|
||||
|
||||
// Headroom - hhide navbar on scroll
|
||||
@import "../../../../themes/default/components/ui/headroom";
|
||||
|
||||
// Dragula
|
||||
@import "../../../../themes/default/components/ui/dragula";
|
||||
|
||||
// Perfect scrollbar
|
||||
@import "../../../../themes/default/components/ui/perfect-scrollbar";
|
||||
|
||||
|
||||
// Misc components
|
||||
// ------------------------------
|
||||
|
||||
// [Material] Floating action buttons
|
||||
@import "../../../../themes/default/components/misc/fab";
|
||||
|
||||
// Fancytree
|
||||
@import "../../../../themes/default/components/misc/fancytree";
|
||||
|
||||
// Progress buttons
|
||||
@import "../../../../themes/default/components/misc/progress-buttons";
|
||||
|
||||
// Full calendar
|
||||
@import "../../../../themes/default/components/misc/fullcalendar";
|
||||
|
||||
// Image cropper
|
||||
@import "../../../../themes/default/components/misc/image-cropper";
|
||||
|
||||
// Lightbox plugin
|
||||
@import "../../../../themes/default/components/misc/fancybox";
|
||||
|
||||
|
||||
// Tables
|
||||
// ------------------------------
|
||||
|
||||
// Footable - responsive table tools
|
||||
@import "../../../../themes/default/components/tables/footable";
|
||||
|
||||
|
||||
// Handsontable
|
||||
// ------------------------------
|
||||
|
||||
// Handsontable - excel-like spreadsheet for apps
|
||||
@import "../../../../themes/default/components/tables/handsontable";
|
||||
|
||||
|
||||
// Datatables
|
||||
// ------------------------------
|
||||
|
||||
// Core
|
||||
@import "../../../../themes/default/components/tables/datatables/datatables";
|
||||
|
||||
// Datatables - columns reorder
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-columns-reorder";
|
||||
|
||||
// Datatables - rows reorder
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-rows-reorder";
|
||||
|
||||
// Datatables - fixed columns
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-fixed-columns";
|
||||
|
||||
// Datatables - fixed header
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-fixed-header";
|
||||
|
||||
// Datatables - autofill
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-autofill";
|
||||
|
||||
// Datatables - select
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-select";
|
||||
|
||||
// Datatables - buttons
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-buttons";
|
||||
|
||||
// Datatables - key table
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-keytable";
|
||||
|
||||
// Datatables - scroller
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-scroller";
|
||||
|
||||
// Datatables - responsive
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-responsive";
|
||||
|
||||
|
||||
// Maps
|
||||
// ------------------------------
|
||||
|
||||
// Google Maps
|
||||
@import "../../../../shared/maps/google-maps";
|
||||
|
||||
// jVectorMap
|
||||
@import "../../../../shared/maps/jvectormap";
|
||||
|
||||
|
||||
// Charts
|
||||
// ------------------------------
|
||||
|
||||
// Charts base
|
||||
@import "../../../../shared/charts/charts";
|
||||
|
||||
// C3 chart library
|
||||
@import "../../../../shared/charts/c3";
|
||||
|
||||
// D3 chart library
|
||||
@import "../../../../shared/charts/d3";
|
||||
|
||||
|
||||
// Page kits
|
||||
// ------------------------------
|
||||
|
||||
// ECommerce
|
||||
@import "../../../../shared/pages/ecommerce";
|
||||
|
||||
// Blog
|
||||
@import "../../../../shared/pages/blog";
|
||||
|
||||
// Task manager
|
||||
@import "../../../../shared/pages/task-manager";
|
||||
|
||||
// Inbox
|
||||
@import "../../../../shared/pages/inbox";
|
||||
|
||||
// Profile
|
||||
@import "../../../../shared/pages/profile";
|
||||
|
||||
// Login
|
||||
@import "../../../../shared/pages/login";
|
||||
|
||||
// Timelines
|
||||
@import "../../../../shared/pages/timelines";
|
||||
|
||||
// Chats
|
||||
@import "../../../../shared/pages/chats";
|
||||
|
||||
// Error page
|
||||
@import "../../../../shared/pages/error";
|
||||
|
||||
|
||||
// Other components
|
||||
// ------------------------------
|
||||
|
||||
// Heading elements
|
||||
@import "../../../../themes/default/components/ui/header-elements";
|
||||
|
||||
// Helpers
|
||||
@import "../../../../shared/utils/helpers";
|
||||
|
||||
// Plugins demo, remove in real project
|
||||
@import "../../../../themes/default/components/demo";
|
||||
@@ -0,0 +1,35 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Core layout
|
||||
*
|
||||
* Content area, sidebar, page header and boxed layout styles
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/default/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/default/bootstrap_limitless/mixins";
|
||||
|
||||
// Content
|
||||
@import "../layout/content";
|
||||
|
||||
// Header
|
||||
@import "../layout/header";
|
||||
|
||||
// Sidebar
|
||||
@import "../layout/sidebar";
|
||||
|
||||
// Boxed layout
|
||||
@import "../layout/boxed";
|
||||
@@ -0,0 +1,40 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Boxed layout
|
||||
*
|
||||
* Styles for main structure of content area in boxed layout
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-boxed {
|
||||
|
||||
// Class for body, adds background color/image
|
||||
.layout-boxed-bg {
|
||||
background: $boxed-bg; // mainly for demo, use whatever you want
|
||||
}
|
||||
|
||||
// Container inside other containers
|
||||
.navbar > .container,
|
||||
.breadcrumb-line > .container {
|
||||
padding-left: ($content-container-padding-x * 2);
|
||||
padding-right: ($content-container-padding-x * 2);
|
||||
}
|
||||
|
||||
// Boxed content section
|
||||
.content-boxed {
|
||||
@include media-breakpoint-up(lg) {
|
||||
&:not(.navbar):not(.breadcrumb-line) {
|
||||
margin-left: 7%;
|
||||
margin-right: 7%;
|
||||
}
|
||||
|
||||
// Inside navbar
|
||||
&.navbar,
|
||||
&.breadcrumb-line {
|
||||
padding-left: calc(7% + #{$content-container-padding-x * 2});
|
||||
padding-right: calc(7% + #{$content-container-padding-x * 2});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,44 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Main content layout
|
||||
*
|
||||
* Styles for main structure of content area
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Make sure document has 100% height
|
||||
html {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
// Document body
|
||||
body {
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
// Main container
|
||||
.page-content {
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
padding: $content-container-padding-y $content-container-padding-x;
|
||||
}
|
||||
|
||||
// Content wrapper
|
||||
.content-wrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
// Main content container
|
||||
.content {
|
||||
flex-grow: 1;
|
||||
margin-left: $content-container-padding-x;
|
||||
margin-right: $content-container-padding-x;
|
||||
@include clearfix;
|
||||
}
|
||||
@@ -0,0 +1,109 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Page header
|
||||
*
|
||||
* Page header components and color options
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Page title
|
||||
.page-title {
|
||||
padding: $page-header-padding-y 0;
|
||||
position: relative;
|
||||
|
||||
// Subtitle
|
||||
small {
|
||||
display: inline-block;
|
||||
margin-left: $element-spacer-x;
|
||||
|
||||
// Divider
|
||||
&:before {
|
||||
content: '/';
|
||||
margin-right: ($element-spacer-x + 0.25rem);
|
||||
}
|
||||
|
||||
// On a new line
|
||||
&.d-block {
|
||||
margin-left: 0;
|
||||
|
||||
&:before {
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Add left spacing to align with text
|
||||
small.d-block,
|
||||
.breadcrumb {
|
||||
margin-left: ($icon-font-size + $element-spacer-x + 0.25rem);
|
||||
}
|
||||
|
||||
// Remove margin from headings
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Page header content
|
||||
.page-header-content {
|
||||
position: relative;
|
||||
padding: 0 $page-header-padding-x;
|
||||
|
||||
// With custom colored bottom border
|
||||
&[class*=border-bottom-] + .breadcrumb-line {
|
||||
border-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Page header colors
|
||||
//
|
||||
|
||||
// Light
|
||||
.page-header-light {
|
||||
background-color: $page-header-light-bg;
|
||||
border-bottom: $page-header-border-width solid $page-header-light-border-color;
|
||||
|
||||
// Cover image
|
||||
&.has-cover {
|
||||
background: url(#{$img-path}/backgrounds/seamless.png); // feel free to change
|
||||
}
|
||||
}
|
||||
|
||||
// Dark
|
||||
.page-header-dark {
|
||||
background-color: $page-header-dark-bg;
|
||||
color: $page-header-dark-color;
|
||||
margin-bottom: $spacer;
|
||||
|
||||
// Breadcrumbs
|
||||
> .breadcrumb,
|
||||
.page-header-content .breadcrumb {
|
||||
|
||||
// Links
|
||||
> li > a,
|
||||
> li + li:before {
|
||||
color: rgba($page-header-dark-color, 0.9);
|
||||
}
|
||||
|
||||
// Hovered links
|
||||
> li > a {
|
||||
@include hover-focus {
|
||||
color: $page-header-dark-color;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// Active item
|
||||
> .active {
|
||||
color: rgba($page-header-dark-color, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
// Cover image
|
||||
&.has-cover {
|
||||
background: url(#{$img-path}/login_cover.jpg); // feel free to change
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,839 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Additional variables
|
||||
*
|
||||
* Mainly 3rd party libraries and additional variables for default
|
||||
* Bootstrap components.
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
//
|
||||
// Light contextual colors
|
||||
//
|
||||
// Includes 50 shades from custom color palette
|
||||
|
||||
$theme-colors-light: () !default;
|
||||
$theme-colors-light: map-merge((
|
||||
"primary": $color-primary-50,
|
||||
"secondary": $gray-300,
|
||||
"success": $color-success-50,
|
||||
"info": $color-info-50,
|
||||
"warning": $color-orange-50,
|
||||
"danger": $color-danger-50,
|
||||
"light": $gray-200,
|
||||
"dark": $color-slate-50
|
||||
), $theme-colors-light);
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Content styling
|
||||
//
|
||||
// Various custom variables for text, icons, elements, blocks etc
|
||||
|
||||
// Content divider
|
||||
$content-divider-height: $border-width !default;
|
||||
$content-divider-color: $border-color !default;
|
||||
|
||||
// Shadows used in :hover/:focus states
|
||||
$hover-shadow-lighter: 0 0 0 62.5rem rgba($black, 0.01) inset !default;
|
||||
$hover-shadow-darker: 0 0 0 62.5rem rgba($black, 0.04) inset !default;
|
||||
|
||||
// Images
|
||||
$img-path: '../../../../../../global_assets/images' !default;
|
||||
$img-preview-max-height: 5rem !default;
|
||||
|
||||
// Wrappers for element spacers. Uses default $spacers map
|
||||
$element-spacer-x-sm: map-get($spacers, 1) !default;
|
||||
$element-spacer-x: map-get($spacers, 2) !default;
|
||||
$element-spacer-x-lg: map-get($spacers, 3) !default;
|
||||
|
||||
// Header elements
|
||||
$header-elements-padding-y: $spacer !default;
|
||||
$header-elements-padding-x: $grid-gutter-width !default;
|
||||
|
||||
// Icons
|
||||
$list-icons-spacer: 0.375rem !default;
|
||||
|
||||
$icon-caret-up: '\e9ca' !default;
|
||||
$icon-caret-down: '\e9c9' !default;
|
||||
$icon-caret-left: '\e9c8' !default;
|
||||
$icon-caret-right: '\e9cb' !default;
|
||||
|
||||
$icon-alert-styled-base: '\e9a2' !default;
|
||||
$icon-alert-styled-danger: '\ed64' !default;
|
||||
$icon-alert-styled-success: '\ed6e' !default;
|
||||
$icon-alert-styled-warning: '\e9bd' !default;
|
||||
$icon-alert-styled-info: '\e9b9' !default;
|
||||
$icon-alert-styled-custom: '\e81b' !default;
|
||||
|
||||
$icon-validation-error: '\ed63' !default;
|
||||
$icon-validation-success: '\ee73' !default;
|
||||
|
||||
$icon-notification-sticker: '\ee70' !default;
|
||||
$icon-notification-stuck: '\ee75' !default;
|
||||
|
||||
$icon-table-row-expand: '\e9e4' !default;
|
||||
$icon-table-row-collapse: '\e9e7' !default;
|
||||
$icon-table-sorting-up: '\e9c2' !default;
|
||||
$icon-table-sorting-down: '\e9c1' !default;
|
||||
$icon-table-button-confirm: '\ed6e' !default;
|
||||
|
||||
$icon-menu-arrow-down: '\e9c5' !default;
|
||||
$icon-menu-sub-arrow-ltr: '\e9c7' !default;
|
||||
$icon-menu-sub-arrow-rtl: '\e9c4' !default;
|
||||
$icon-menu-slinky-back-ltr: '\ede7' !default;
|
||||
$icon-menu-slinky-back-rtl: '\ede5' !default;
|
||||
|
||||
$icon-nav-prev: '\e9c8' !default;
|
||||
$icon-nav-next: '\e9cb' !default;
|
||||
$icon-nav-calendar-prev: '\e9c0' !default;
|
||||
$icon-nav-calendar-next: '\e9c3' !default;
|
||||
|
||||
$icon-indicator-expand: '\e9c5' !default;
|
||||
$icon-indicator-collapse: '\e9c7' !default;
|
||||
|
||||
$icon-spinner-up: '\e9f7' !default;
|
||||
$icon-spinner-down: '\e9e2' !default;
|
||||
|
||||
$icon-uploader-placeholder: '\ea0e' !default;
|
||||
$icon-uploader-placeholder-actions: '\ec67' !default;
|
||||
|
||||
$icon-action-cross: '\ed6a' !default;
|
||||
$icon-action-cross-sm: '\ed6b' !default;
|
||||
|
||||
$icon-fancytree-file: '\ea1a' !default;
|
||||
$icon-fancytree-sub-collapse: '\ea0f' !default;
|
||||
$icon-fancytree-sub-expand: '\ea11' !default;
|
||||
$icon-fancytree-folder: '\ea3d' !default;
|
||||
$icon-fancytree-folder-collapse: '\ea41' !default;
|
||||
$icon-fancytree-folder-expand: '\ea43' !default;
|
||||
|
||||
$icon-card-collapse: '\e9b8' !default;
|
||||
$icon-card-expand: '\e9b7' !default;
|
||||
$icon-card-action-collapse: '\e9c1' !default;
|
||||
$icon-card-action-reload: '\e9fb' !default;
|
||||
$icon-card-action-remove: '\ed6a' !default;
|
||||
$icon-card-action-move: '\e986' !default;
|
||||
$icon-card-action-full-base: '\e9f9' !default;
|
||||
$icon-card-action-full-active: '\e9fa' !default;
|
||||
$icon-card-action-modal: '\e9eb' !default;
|
||||
|
||||
$icon-wizard-step-current: '\e913' !default;
|
||||
$icon-wizard-step-complete: '\ed6f' !default;
|
||||
|
||||
$icon-picker-color-clear: '\ee6e' !default;
|
||||
$icon-checkbox-tick: '\e600' !default;
|
||||
$icon-search-magnifier: '\e98e' !default;
|
||||
$icon-loading-spinner: '\eb51' !default;
|
||||
$icon-list-dot: '\f052' !default;
|
||||
|
||||
// Transition timers
|
||||
$component-transition-timer: 0.15s !default;
|
||||
$component-transition-delay: 0.15s !default;
|
||||
|
||||
// Enhanced media objects
|
||||
$media-title-margin-bottom: 0.125rem !default;
|
||||
$media-link-hover-bg: rgba($black, 0.04) !default;
|
||||
$media-padding-x: 1.25rem !default;
|
||||
$media-padding-y: 1rem !default;
|
||||
$media-border-width: $border-width !default;
|
||||
$media-border-color: $border-color !default;
|
||||
|
||||
// Enhanced dropdown menus
|
||||
$dropdown-content-header-padding-y: 1rem !default;
|
||||
$dropdown-content-body-padding-y: 1.25rem !default;
|
||||
$dropdown-content-body-padding-x: 1.25rem !default;
|
||||
$dropdown-content-footer-padding-y: 0.75rem !default;
|
||||
$dropdown-content-footer-border-width: $border-width !default;
|
||||
$dropdown-content-footer-border-color: $border-color !default;
|
||||
|
||||
// Perfect scrollbar
|
||||
$ps-size: 0.25rem !default;
|
||||
$ps-gap: 0.125rem !default;
|
||||
$ps-bg: $gray-600 !default;
|
||||
$ps-opacity: 0.75 !default;
|
||||
|
||||
// jQuery UI
|
||||
$ui-accordion-spacer-y: 0.5rem !default;
|
||||
$ui-autocomplete-height: 250px !default;
|
||||
$ui-datepicker-width: 270px !default;
|
||||
|
||||
// Charts
|
||||
$chart-container-height: 400px !default;
|
||||
$chart-min-width: 37.5rem !default;
|
||||
$chart-pie-min-width: 31.25rem !default;
|
||||
|
||||
// Maps
|
||||
$map-container-height: 500px !default;
|
||||
$map-container-sidebar-height: 200px !default;
|
||||
|
||||
// Misc
|
||||
$select-custom-width: 220px !default;
|
||||
$cursor-disabled: default !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Page header
|
||||
//
|
||||
// Includes page header base, colors and page title
|
||||
|
||||
$page-header-border-width: $border-width !default;
|
||||
$page-header-elements-border-width: $border-width !default;
|
||||
|
||||
$page-header-padding-y: 2rem !default;
|
||||
$page-header-padding-x: $grid-gutter-width !default;
|
||||
|
||||
$page-header-light-bg: $white !default;
|
||||
$page-header-light-border-color: $border-color !default;
|
||||
$page-header-light-elements-bg: $gray-100 !default;
|
||||
$page-header-light-elements-border-color: $page-header-light-border-color !default;
|
||||
|
||||
$page-header-dark-bg: #273246 !default;
|
||||
$page-header-dark-color: $white !default;
|
||||
$page-header-dark-border-color: rgba($white, 0.2) !default;
|
||||
$page-header-dark-elements-bg: rgba($black, 0.1) !default;
|
||||
$page-header-dark-elements-border-color: $page-header-dark-border-color !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Content area
|
||||
//
|
||||
// Area below page header, Also includes boxed layout
|
||||
|
||||
$content-container-padding-y: $spacer !default;
|
||||
$content-container-padding-x: ($grid-gutter-width / 2) !default;
|
||||
|
||||
$boxed-bg: url(#{$img-path}/backgrounds/boxed_bg.png) repeat !default;
|
||||
$boxed-container-box-shadow: -4px 2px 4px rgba($black, 0.15), 4px 2px 4px rgba($black, 0.15) !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Sidebar
|
||||
//
|
||||
// Includes sidebar sizes, colors and user areas
|
||||
|
||||
// Base
|
||||
$sidebar-base-width: rem-calc(270px) !default;
|
||||
$sidebar-mini-width: ($spacer * 2) + $icon-font-size !default;
|
||||
|
||||
|
||||
// Light sidebar
|
||||
$sidebar-light-bg: $white !default;
|
||||
$sidebar-light-color: $body-color !default;
|
||||
$sidebar-light-border-width: $border-width !default;
|
||||
$sidebar-light-border-color: rgba($black, 0.125) !default;
|
||||
$sidebar-light-toggler-bg: darken($sidebar-light-bg, 4%) !default;
|
||||
$sidebar-light-toggler-color: rgba($sidebar-light-color, 0.8) !default;
|
||||
$sidebar-light-toggler-hover-bg: transparent !default;
|
||||
$sidebar-light-toggler-hover-color: $sidebar-light-color !default;
|
||||
$sidebar-light-tabs-bg: darken($sidebar-light-bg, 4%) !default;
|
||||
$sidebar-light-xs-menu-bg: darken($sidebar-light-bg, 1%) !default;
|
||||
|
||||
|
||||
// Dark sidebar
|
||||
$sidebar-dark-bg: #293a50 !default;
|
||||
$sidebar-dark-color: $white !default;
|
||||
$sidebar-dark-border-width: $border-width !default;
|
||||
$sidebar-dark-border-color: rgba($white, 0.1) !default;
|
||||
$sidebar-dark-toggler-bg: darken($sidebar-dark-bg, 4%) !default;
|
||||
$sidebar-dark-toggler-color: rgba($sidebar-dark-color, 0.9) !default;
|
||||
$sidebar-dark-toggler-hover-bg: transparent !default;
|
||||
$sidebar-dark-toggler-hover-color: $sidebar-dark-color !default;
|
||||
$sidebar-dark-tabs-bg: darken($sidebar-dark-bg, 4%) !default;
|
||||
$sidebar-dark-xs-menu-bg: lighten($sidebar-dark-bg, 5%) !default;
|
||||
|
||||
|
||||
// Shadows [material only]
|
||||
$sidebar-left-desktop-box-shadow: $card-box-shadow !default;
|
||||
$sidebar-left-mobile-box-shadow: 0.25rem 0 1rem rgba(0, 0, 0, 0.35) !default;
|
||||
|
||||
$sidebar-right-desktop-box-shadow: $card-box-shadow !default;
|
||||
$sidebar-right-mobile-box-shadow: -0.25rem 0 1rem rgba(0, 0, 0, 0.35) !default;
|
||||
|
||||
|
||||
// Z-indexes
|
||||
$sidebar-zindex: ($zindex-fixed + 10) !default;
|
||||
$sidebar-zindex-main: 99 !default;
|
||||
$sidebar-zindex-secondary: ($sidebar-zindex-main - 1) !default;
|
||||
$sidebar-zindex-right: ($sidebar-zindex-main - 2) !default;
|
||||
$sidebar-zindex-component: ($sidebar-zindex-main - 3) !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Main vertical navigation
|
||||
//
|
||||
// Includes base styles, levels and colors
|
||||
|
||||
$navigation-padding-y: 0.5rem !default;
|
||||
|
||||
$navigation-item-padding-y: 0.75rem !default;
|
||||
$navigation-item-padding-x: 1.25rem !default;
|
||||
$navigation-item-spacer-y: 1px !default;
|
||||
$navigation-item-font-weight: $font-weight-semibold !default;
|
||||
$navigation-item-disabled-opacity: 0.5 !default;
|
||||
|
||||
$navigation-sub-padding-y: 0.625rem !default;
|
||||
$navigation-sub-item-opacity: 0.5 !default;
|
||||
|
||||
|
||||
// Dark sidebar navigation styles
|
||||
$navigation-dark-color: rgba($sidebar-dark-color, 0.9) !default;
|
||||
$navigation-dark-hover-bg: rgba($black, 0.15) !default;
|
||||
$navigation-dark-hover-color: $sidebar-dark-color !default;
|
||||
$navigation-dark-active-bg: $color-teal-400 !default;
|
||||
$navigation-dark-active-color: $white !default;
|
||||
$navigation-dark-sub-bg: rgba($black, 0.15) !default;
|
||||
$navigation-dark-sub-active-bg: rgba($black, 0.15) !default;
|
||||
$navigation-dark-sub-active-color: $white !default;
|
||||
$navigation-dark-bordered-border-width: $border-width !default;
|
||||
$navigation-dark-bordered-border-color: rgba($white, 0.1) !default;
|
||||
$navigation-dark-bordered-header-bg: rgba($black, 0.1) !default;
|
||||
|
||||
|
||||
// Light sidebar navigation styles
|
||||
$navigation-light-color: rgba($sidebar-light-color, 0.85) !default;
|
||||
$navigation-light-hover-bg: $gray-200 !default;
|
||||
$navigation-light-hover-color: $sidebar-light-color !default;
|
||||
$navigation-light-active-bg: $navigation-light-hover-bg !default;
|
||||
$navigation-light-active-color: $navigation-light-hover-color !default;
|
||||
$navigation-light-sub-bg: transparent !default;
|
||||
$navigation-light-sub-active-bg: $gray-200 !default;
|
||||
$navigation-light-sub-active-color: $body-color !default;
|
||||
$navigation-light-bordered-border-width: $border-width !default;
|
||||
$navigation-light-bordered-border-color: $gray-300 !default;
|
||||
$navigation-light-bordered-header-bg: $gray-100 !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Form components
|
||||
//
|
||||
// Form checks, switches, selects, tags etc.
|
||||
|
||||
// Checkboxes and radios
|
||||
$checkbox-size: 1.25rem !default;
|
||||
$checkbox-color: $color-slate-700 !default;
|
||||
$checkbox-border-width: rem-calc($border-width * 2) !default;
|
||||
$checkbox-border-color: $checkbox-color !default;
|
||||
$checkbox-disabled-opacity: 0.5 !default;
|
||||
|
||||
|
||||
// Switchery toggle
|
||||
$switchery-bg: $white !default;
|
||||
$switchery-border-width: $border-width !default;
|
||||
$switchery-border-color: $gray-400 !default;
|
||||
$switchery-handle-bg: $white !default;
|
||||
$switchery-handle-box-shadow: 0 1px 3px rgba($black, 0.4) !default;
|
||||
$switchery-size: 1.125rem !default;
|
||||
$switchery-margin-x: 0.625rem !default;
|
||||
|
||||
|
||||
// Bootstrap switch
|
||||
$switch-border-width: $border-width !default;
|
||||
$switch-bg-default: $gray-300 !default;
|
||||
$switch-handle-width: 0.25rem !default;
|
||||
$switch-handle-height: 0.625rem !default;
|
||||
$switch-handle-bg: $white !default;
|
||||
$switch-handle-border-color: rgba($black, 0.15) !default;
|
||||
$switch-handle-hover-bg: $gray-100 !default;
|
||||
|
||||
|
||||
// Select2 selects
|
||||
$select2-max-height: 280px !default;
|
||||
$select2-disabled-opacity: 0.6 !default;
|
||||
$select2-custom-disabled-opacity: 0.75 !default;
|
||||
|
||||
$select2-pills-spacer: 0.125rem !default;
|
||||
$select2-pills-bg: $color-slate-700 !default;
|
||||
$select2-pills-color: $white !default;
|
||||
$select2-pills-hover-bg: $select2-pills-bg !default;
|
||||
$select2-pills-hover-color: $select2-pills-color !default;
|
||||
$select2-pills-border-radius: $border-radius !default;
|
||||
|
||||
$select2-light-results-color: $gray-600 !default;
|
||||
$select2-dark-results-color: rgba($white, 0.75) !default;
|
||||
|
||||
|
||||
// Multiselect
|
||||
$multiselect-max-height: 280px !default;
|
||||
$multiselect-font-weight: $font-weight-normal !default;
|
||||
$multiselect-text-transform: none !default;
|
||||
|
||||
|
||||
// Typeahead
|
||||
$typeahead-max-height: 350px !default;
|
||||
$typeahead-max-height-scrollable: 250px !default;
|
||||
|
||||
|
||||
// Tag inputs
|
||||
$tags-spacer: 0.125rem !default;
|
||||
$tags-color: $body-color !default;
|
||||
$tags-hover-color: $white !default;
|
||||
$tags-bg: $gray-300 !default;
|
||||
$tags-hover-bg: $color-blue-500 !default;
|
||||
$tag-disabled-opacity: 0.5 !default;
|
||||
$tag-border-radius: $border-radius !default;
|
||||
|
||||
|
||||
// Form wizard
|
||||
$wizard-step-line-size: 2px !default;
|
||||
$wizard-step-line-color: $gray-300 !default;
|
||||
|
||||
$wizard-step-number-size: rem-calc(38px) !default;
|
||||
$wizard-step-number-bg: $card-bg !default;
|
||||
$wizard-step-number-color: $gray-500 !default;
|
||||
$wizard-step-number-active-bg: $color-info-500 !default;
|
||||
$wizard-step-number-active-color: $white !default;
|
||||
$wizard-step-number-error-bg: $color-danger-500 !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Text editors
|
||||
//
|
||||
// Summernote, trumbowyg, ace code editor
|
||||
|
||||
// Summernote editor
|
||||
$summernote-border-width: $border-width !default;
|
||||
$summernote-border-color: $border-color !default;
|
||||
$summernote-font-path: "../../../../../../global_assets/css/icons/summernote/" !default;
|
||||
$summernote-icon-font-size: 0.875rem !default;
|
||||
$summernote-min-height: rem-calc(150px) !default;
|
||||
|
||||
$summernote-resizer-width: 1.25rem !default;
|
||||
$summernote-resizer-height: $border-width !default;
|
||||
$summernote-resizer-color: $border-color !default;
|
||||
|
||||
|
||||
// Trumbowyg editor
|
||||
$trumbowyg-min-height: 350px !default;
|
||||
|
||||
$trumbowyg-border-width: $border-width !default;
|
||||
$trumbowyg-border-color: $border-color !default;
|
||||
|
||||
$trumbowyg-toolbar-bg: $gray-100 !default;
|
||||
$trumbowyg-toolbar-hover-bg: $gray-300 !default;
|
||||
$trumbowyg-toolbar-color: $body-color !default;
|
||||
$trumbowyg-toolbar-border-width: $border-width !default;
|
||||
$trumbowyg-toolbar-border-color: $border-color !default;
|
||||
$trumbowyg-toolbar-divider-width: 1px !default;
|
||||
$trumbowyg-toolbar-height: ($btn-padding-x * 2) + $icon-font-size + rem-calc($trumbowyg-toolbar-border-width * 2) !default;
|
||||
|
||||
|
||||
// Ace code editor
|
||||
$ace-height: 450px !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Pickers
|
||||
//
|
||||
// Date, time and color pickers
|
||||
|
||||
// Common styles for date pickers
|
||||
$datepicker-padding: 0.9375rem !default;
|
||||
$datepicker-title-font-size: $h6-font-size !default;
|
||||
|
||||
$datepicker-item-padding: $input-btn-padding-y !default;
|
||||
$datepicker-item-weekday-color: $gray-600 !default;
|
||||
$datepicker-item-year-color: $gray-600 !default;
|
||||
$datepicker-item-focusout-color: $gray-500 !default;
|
||||
$datepicker-item-hover-color: $body-color !default;
|
||||
$datepicker-item-hover-bg: $gray-200 !default;
|
||||
$datepicker-item-active-color: $white !default;
|
||||
$datepicker-item-active-bg: $color-teal-400 !default;
|
||||
$datepicker-item-today-color: $body-color !default;
|
||||
$datepicker-item-today-bg: $gray-200 !default;
|
||||
$datepicker-item-disabled-color: $gray-600 !default;
|
||||
$datepicker-item-disabled-bg: transparent !default;
|
||||
|
||||
|
||||
// Pick-a-date picker
|
||||
$pickadate-min-width: 18rem !default;
|
||||
$pickadate-max-width: 20rem !default;
|
||||
$pickadate-max-height: 480px !default;
|
||||
|
||||
|
||||
// Pick-a-time picker
|
||||
$pickatime-max-height: 250px !default;
|
||||
$pickatime-min-width: 16rem !default;
|
||||
$pickatime-max-width: 20rem !default;
|
||||
|
||||
|
||||
// Anytime picker
|
||||
$anytime-year-btn-bg: $color-danger-500 !default;
|
||||
$anytime-year-btn-color: $white !default;
|
||||
|
||||
$anytime-month-btn-bg: $color-teal-400 !default;
|
||||
$anytime-month-btn-color: $white !default;
|
||||
|
||||
$anytime-time-btn-bg: $color-slate-500 !default;
|
||||
$anytime-time-btn-color: $white !default;
|
||||
|
||||
|
||||
// Spectrum color picker
|
||||
$spectrum-padding: 0.625rem !default;
|
||||
$spectrum-width: 13.75rem !default;
|
||||
$spectrum-max-width: 13.75rem !default;
|
||||
|
||||
$spectrum-choose-btn-bg: $color-slate-500 !default;
|
||||
$spectrum-choose-btn-color: $white !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// File uploaders
|
||||
//
|
||||
// Plupload, Bootstrap file input and dropzone
|
||||
|
||||
// Plupload uploader
|
||||
$plupload-max-height: 250px !default;
|
||||
$plupload-bg: #fcfcfc !default;
|
||||
$plupload-border-width: ($border-width * 2) !default;
|
||||
$plupload-border-style: dashed !default;
|
||||
$plupload-border-color: $gray-400 !default;
|
||||
|
||||
$plupload-header-bg: $color-slate-800 !default;
|
||||
$plupload-header-color: $white !default;
|
||||
|
||||
$plupload-placeholder-icon-color: $gray-500 !default;
|
||||
$plupload-placeholder-text-color: $gray-700 !default;
|
||||
|
||||
$plupload-btn-start-bg: theme-color('primary') !default;
|
||||
$plupload-btn-start-border-color: $plupload-btn-start-bg !default;
|
||||
$plupload-btn-start-color: $white !default;
|
||||
|
||||
|
||||
// Bootstrap file input
|
||||
$fileinput-preview-spacer: 0.5rem !default;
|
||||
$fileinput-preview-thumb-width: 10rem !default;
|
||||
$fileinput-preview-thumb-height: 10rem !default;
|
||||
$fileinput-preview-thumb-caption-spacer: 0.75rem !default;
|
||||
$fileinput-preview-footer-bg: $gray-100 !default;
|
||||
$fileinput-preview-progress-height: 0.375rem !default;
|
||||
$fileinput-preview-frame-bg: $card-bg !default;
|
||||
$fileinput-preview-frame-border-width: $border-width !default;
|
||||
$fileinput-preview-frame-border-color: $border-color !default;
|
||||
|
||||
|
||||
// Dropzone
|
||||
$dropzone-min-height: 18rem !default;
|
||||
$dropzone-spacer: 0.3125rem !default;
|
||||
|
||||
$dropzone-bg: #fcfcfc !default;
|
||||
$dropzone-border-width: ($border-width * 2) !default;
|
||||
$dropzone-border-style: dashed !default;
|
||||
$dropzone-border-color: $gray-400 !default;
|
||||
|
||||
$dropzone-placeholder-icon-size: ($icon-font-size * 4) !default;
|
||||
$dropzone-placeholder-icon-color: $gray-500 !default;
|
||||
$dropzone-placeholder-text-color: $gray-700 !default;
|
||||
|
||||
$dropzone-drag-bg: $gray-200 !default;
|
||||
$dropzone-drag-color: $gray-400 !default;
|
||||
$dropzone-drag-border-color: $gray-600 !default;
|
||||
|
||||
$dropzone-preview-spacer: 0.5rem !default;
|
||||
$dropzone-preview-width: 10rem !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Notifications
|
||||
//
|
||||
// Sweet alert and noty.js notification libraries
|
||||
|
||||
// Common styles
|
||||
$notification-width: 20rem !default;
|
||||
$notification-gutter-y: $spacer !default;
|
||||
$notification-gutter-x: ($content-container-padding-x * 2) !default;
|
||||
$notification-box-shadow: $dropdown-box-shadow !default;
|
||||
|
||||
|
||||
// Noty.js
|
||||
$noty-spacer-y: 0.25rem !default;
|
||||
|
||||
$notification-alert-bg: $color-slate-600 !default;
|
||||
$notification-alert-color: $white !default;
|
||||
$notification-alert-border-color: $notification-alert-bg !default;
|
||||
|
||||
$notification-warning-bg: $color-warning-400 !default;
|
||||
$notification-warning-color: $white !default;
|
||||
$notification-warning-border-color: $notification-warning-bg !default;
|
||||
|
||||
$notification-error-bg: $color-danger-400 !default;
|
||||
$notification-error-color: $white !default;
|
||||
$notification-error-border-color: $notification-error-bg !default;
|
||||
|
||||
$notification-info-bg: $color-blue-500 !default;
|
||||
$notification-info-color: $white !default;
|
||||
$notification-info-border-color: $notification-info-bg !default;
|
||||
|
||||
$notification-success-bg: $color-success-500 !default;
|
||||
$notification-success-color: $white !default;
|
||||
$notification-success-border-color: $notification-success-bg !default;
|
||||
|
||||
$noty-progress-height: 0.1875rem !default;
|
||||
$noty-progress-bg: rgba($black, 0.25) !default;
|
||||
|
||||
|
||||
// Sweet alert 2
|
||||
$swal-padding: 1.25rem !default;
|
||||
$swal-width: 31.25rem !default;
|
||||
$swal-margin-x: ($content-container-padding-x * 2) !default;
|
||||
|
||||
$swal2-icon-size: 5rem !default;
|
||||
$swal2-icon-border-width: 0.25rem !default;
|
||||
$swal2-icon-spacer: 1rem !default;
|
||||
|
||||
$swal2-step-inactive-color: $text-muted !default;
|
||||
$swal2-step-active-color: $color-primary-500 !default;
|
||||
$swal2-step-complete-color: $swal2-step-active-color !default;
|
||||
$swal2-step-line-color: $gray-400 !default;
|
||||
|
||||
$swal2-error-color: $color-danger-400 !default;
|
||||
$swal2-error-border-color: $swal2-error-color !default;
|
||||
|
||||
$swal2-warning-color: $color-warning-400 !default;
|
||||
$swal2-warning-border-color: $swal2-warning-color !default;
|
||||
|
||||
$swal2-info-color: $color-blue-500 !default;
|
||||
$swal2-info-border-color: $swal2-info-color !default;
|
||||
|
||||
$swal2-question-color: $color-slate-700 !default;
|
||||
$swal2-question-border-color: $swal2-question-color !default;
|
||||
|
||||
$swal2-success-color: $color-success-400 !default;
|
||||
$swal2-success-border-color: $swal2-success-color !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Tables
|
||||
//
|
||||
// Handsontable and datatables.js libraries
|
||||
|
||||
// Handsontable
|
||||
$hot-row-header-width: 5rem !default;
|
||||
$hot-cell-height: 1.875rem !default;
|
||||
$hot-cell-bg: $white !default;
|
||||
$hot-header-bg: $gray-200 !default;
|
||||
$hot-search-result-bg: $color-orange-50 !default;
|
||||
$hot-cell-padding-y: 0.3125rem !default;
|
||||
$hot-cell-padding-x: 0.25rem !default;
|
||||
$hot-datepicker-width: 15.63rem !default;
|
||||
$hot-cell-highlight-bg: $color-primary-50 !default;
|
||||
$hot-cell-highlight-border-color: $color-primary-500 !default;
|
||||
$hot-scrollable-max-height: 22.5rem !default;
|
||||
|
||||
|
||||
// Datatables
|
||||
$dt-spacer-y: $spacer !default;
|
||||
$dt-spacer-x: $card-spacer-x !default;
|
||||
$dt-filter-width: 12.5rem !default;
|
||||
$dt-controls-label-spacer-y: ($input-padding-y + rem-calc($input-border-width)) !default;
|
||||
$dt-controls-label-spacer-x: ($dt-spacer-x / 1.5) !default;
|
||||
|
||||
$dt-pagination-active-bg: $color-slate-800 !default;
|
||||
$dt-pagination-active-color: $white !default;
|
||||
|
||||
$dt-button-collection-2col-width: 18.75rem !default;
|
||||
$dt-button-collection-3col-width: 28.13rem !default;
|
||||
$dt-button-collection-4col-width: 37.5rem !default;
|
||||
|
||||
$dt-ext-select-active-row-bg: $color-success-50 !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Misc components
|
||||
//
|
||||
// Other custom 3rd party extensions and libraries
|
||||
|
||||
// FAB (floating action button)
|
||||
$fab-main-btn-size: (($btn-float-padding + ($icon-font-size / 2)) * 2) !default;
|
||||
$fab-btn-gap: 0.125rem !default;
|
||||
$fab-gutter-x: ($content-container-padding-x * 2) !default;
|
||||
|
||||
$fab-inner-btn-size: (($btn-float-padding - $fab-btn-gap) * 2) + $icon-font-size !default;
|
||||
$fab-inner-btn-spacing: $spacer !default;
|
||||
|
||||
$fab-badge-spacer-x: 0.25rem !default;
|
||||
$fab-badge-spacer-y: $fab-badge-spacer-x !default;
|
||||
|
||||
$fab-label-light-bg: $white !default;
|
||||
$fab-label-light-color: $body-color !default;
|
||||
|
||||
|
||||
// Fullcalendar
|
||||
$fullcalendar-bg: $card-bg !default;
|
||||
|
||||
$fullcalendar-event-bg: $color-blue-600 !default;
|
||||
$fullcalendar-event-color: $white !default;
|
||||
$fullcalendar-event-border-width: $border-width !default;
|
||||
$fullcalendar-event-border-color: $color-blue-600 !default;
|
||||
|
||||
$fullcalendar-event-spacer: 0.5rem !default;
|
||||
$fullcalendar-event-padding-y: 0.25rem !default;
|
||||
$fullcalendar-event-padding-x: 0.5rem !default;
|
||||
|
||||
$fullcalendar-event-resizer-size-h: 0.5rem !default;
|
||||
$fullcalendar-event-resizer-size-v: 0.5rem !default;
|
||||
|
||||
$fullcalendar-today-bg: $color-success-50 !default;
|
||||
$fullcalendar-bgevent-bg: rgba($color-success-300, 0.3) !default;
|
||||
$fullcalendar-nonbusiness-bg: rgba($gray-400, 0.3) !default;
|
||||
$fullcalendar-highlight-bg: rgba($gray-400, 0.3) !default;
|
||||
$fullcalendar-weekday-bg: $gray-100 !default;
|
||||
$fullcalendar-weekday-color: rgba($body-color, 0.5) !default;
|
||||
|
||||
|
||||
// Sliders (shared styles)
|
||||
$slider-bg: $gray-300 !default;
|
||||
$slider-connect-bg: $color-slate-500 !default;
|
||||
$slider-disabled-opacity: 0.75 !default;
|
||||
$slider-box-shadow: inset 0 1px 1px rgba($black, 0.1) !default;
|
||||
|
||||
$slider-height: 0.375rem !default;
|
||||
$slider-height-lg: ($slider-height + 0.125rem) !default;
|
||||
$slider-height-sm: ($slider-height - 0.125rem) !default;
|
||||
$slider-vertical-height: 10rem !default;
|
||||
|
||||
$slider-handle-bg: $white !default;
|
||||
$slider-handle-inner-bg: $gray-900 !default;
|
||||
$slider-handle-border-width: $border-width !default;
|
||||
$slider-handle-border-color: $gray-500 !default;
|
||||
$slider-handle-hover-bg: $gray-100 !default;
|
||||
$slider-handle-inner-hover-bg: $gray-800 !default;
|
||||
|
||||
$slider-pips-color: $gray-700 !default;
|
||||
$slider-pips-spacer-y: 1rem !default;
|
||||
$slider-pips-marker-width: 0.0625rem !default;
|
||||
$slider-pips-marker-height: 0.1875rem !default;
|
||||
$slider-pips-font-size: $font-size-xs !default;
|
||||
$slider-pips-line-height: $line-height-xs !default;
|
||||
|
||||
|
||||
// Image cropper
|
||||
$cropper-grid-size: $border-width !default;
|
||||
$cropper-grid-color: $gray-300 !default;
|
||||
$cropper-grid-center-size: ($border-width * 9) !default;
|
||||
|
||||
$cropper-resizer-color: $color-primary-500 !default;
|
||||
$cropper-resizer-size: 0.375rem !default;
|
||||
$cropper-resizer-size-lg: 1.25rem !default;
|
||||
|
||||
|
||||
// Fancybox
|
||||
$fancybox-nav-spacer-x: 0.625rem !default;
|
||||
$fancybox-nav-spacer-y: $fancybox-nav-spacer-x !default;
|
||||
$fancybox-nav-padding: 0.375rem !default;
|
||||
$fancybox-nav-bg: rgba($black, 0.5) !default;
|
||||
$fancybox-nav-color: $white !default;
|
||||
$fancybox-nav-hover-bg: $gray-900 !default;
|
||||
$fancybox-nav-hover-color: $fancybox-nav-color !default;
|
||||
|
||||
$fancybox-caption-padding-y: 0.5rem !default;
|
||||
$fancybox-caption-padding-x: 0.625rem !default;
|
||||
$fancybox-caption-bg: rgba($black, 0.5) !default;
|
||||
$fancybox-caption-color: $white !default;
|
||||
|
||||
|
||||
// Fancytree
|
||||
$fancytree-node-padding-y: 0.25rem !default;
|
||||
$fancytree-node-padding-x: 0.5rem !default;
|
||||
|
||||
$fancytree-node-selected-bg: $gray-300 !default;
|
||||
$fancytree-node-selected-color: $body-color !default;
|
||||
|
||||
$fancytree-node-active-bg: $color-primary-500 !default;
|
||||
$fancytree-node-active-color: $white !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Page kits
|
||||
//
|
||||
// Feeds, timelines, profiles, chats, inbox, ecommerce etc
|
||||
//
|
||||
|
||||
// Timelines
|
||||
$timeline-icon-size: 3rem !default;
|
||||
$timeline-line-width: ($border-width * 2) !default;
|
||||
$timeline-line-color: $gray-500 !default;
|
||||
$timeline-icon-bg: $card-bg !default;
|
||||
$timeline-icon-border-width: ($timeline-line-width * 2) !default;
|
||||
$timeline-content-padding-x: ($content-container-padding-x * 2) !default;
|
||||
|
||||
|
||||
// Feeds
|
||||
$list-feed-circle-radius: 0.5rem !default; // must be equal to even px value
|
||||
$list-feed-circle-border-width: ($border-width * 2) !default;
|
||||
$list-feed-circle-border-color: $color-slate-500 !default;
|
||||
$list-feed-circle-position: ($line-height-computed - ($list-feed-circle-radius + rem-calc($list-feed-circle-border-width))) / 2 !default;
|
||||
|
||||
$list-feed-item-padding-y: 1.25rem !default;
|
||||
$list-feed-item-padding-x: ($card-spacer-x + $list-feed-circle-radius) !default;
|
||||
|
||||
|
||||
// Blog
|
||||
$blog-horizontal-img-max-width: 25rem !default;
|
||||
$blog-horizontal-img-max-width-lg: 31.25rem !default;
|
||||
$blog-horizontal-img-max-width-sm: 18.75rem !default;
|
||||
$blog-horizontal-img-max-width-xs: 12.5rem !default;
|
||||
|
||||
|
||||
// Login page
|
||||
$login-form-width: 20rem !default;
|
||||
|
||||
|
||||
// Error pages
|
||||
$error-title-color: $white !default;
|
||||
$error-title-font-size: 12.5rem !default;
|
||||
$error-title-font-size-sm: 8.125rem !default;
|
||||
|
||||
$error-offline-title-font-size: 10rem !default;
|
||||
$error-offline-title-font-size-sm: 6.875rem !default;
|
||||
|
||||
|
||||
// Profile pages
|
||||
$profile-cover-element-shadow: 0 0 0.1875rem rgba($black, 0.5) !default;
|
||||
$profile-thumb-size: 6.25rem !default;
|
||||
$profile-thumb-border-width: ($border-width * 3) !default;
|
||||
$profile-thumb-border-color: $white !default;
|
||||
$profile-cover-height: 21.88rem !default;
|
||||
|
||||
|
||||
// Inbox
|
||||
$inbox-read-row-bg: $gray-100 !default;
|
||||
$inbox-unread-row-bg: $card-bg !default;
|
||||
|
||||
|
||||
// Chats
|
||||
$chat-list-max-height: 520px !default;
|
||||
$chat-message-arrow-size: ($border-width * 5) !default;
|
||||
$chat-message-border-radius: $border-radius !default;
|
||||
$chat-message-padding-y: 0.625rem !default;
|
||||
$chat-message-padding-x: 1rem !default;
|
||||
|
||||
$chat-message-bg: $gray-300 !default;
|
||||
$chat-message-color: $body-color !default;
|
||||
$chat-message-reversed-bg: $color-primary-400 !default;
|
||||
$chat-message-reversed-color: $white !default;
|
||||
|
||||
|
||||
// Pricing tables
|
||||
$pricing-title-font-size: 2.625rem !default;
|
||||
$pricing-subtitle-font-size: 1.875rem !default;
|
||||
|
||||
$pricing-list-item-padding-y: 1rem !default;
|
||||
$pricing-list-item-border-width: $border-width !default;
|
||||
$pricing-list-item-border-color: rgba($black, 0.1) !default;
|
||||
|
||||
$pricing-ribbon-box-shadow: 0 4px 6px rgba($black, 0.1) !default;
|
||||
@@ -0,0 +1,61 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Bootstrap v4.3.1 (https://getbootstrap.com)
|
||||
*
|
||||
* Copyright 2011-2018 The Bootstrap Authors
|
||||
* Copyright 2011-2018 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/material/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/material/bootstrap_limitless/mixins";
|
||||
|
||||
// Import default files
|
||||
@import "../../../../_bootstrap/root";
|
||||
@import "../../../../_bootstrap/reboot";
|
||||
@import "../../../../_bootstrap/type";
|
||||
@import "../../../../_bootstrap/images";
|
||||
@import "../../../../_bootstrap/code";
|
||||
@import "../../../../_bootstrap/grid";
|
||||
@import "../../../../_bootstrap/tables";
|
||||
@import "../../../../_bootstrap/forms";
|
||||
@import "../../../../_bootstrap/buttons";
|
||||
@import "../../../../_bootstrap/transitions";
|
||||
@import "../../../../_bootstrap/dropdown";
|
||||
@import "../../../../_bootstrap/button-group";
|
||||
@import "../../../../_bootstrap/input-group";
|
||||
@import "../../../../_bootstrap/custom-forms";
|
||||
@import "../../../../_bootstrap/nav";
|
||||
@import "../../../../_bootstrap/navbar";
|
||||
@import "../../../../_bootstrap/card";
|
||||
@import "../../../../_bootstrap/breadcrumb";
|
||||
@import "../../../../_bootstrap/pagination";
|
||||
@import "../../../../_bootstrap/badge";
|
||||
@import "../../../../_bootstrap/jumbotron";
|
||||
@import "../../../../_bootstrap/alert";
|
||||
@import "../../../../_bootstrap/progress";
|
||||
@import "../../../../_bootstrap/media";
|
||||
@import "../../../../_bootstrap/list-group";
|
||||
@import "../../../../_bootstrap/close";
|
||||
@import "../../../../_bootstrap/toasts";
|
||||
@import "../../../../_bootstrap/modal";
|
||||
@import "../../../../_bootstrap/tooltip";
|
||||
@import "../../../../_bootstrap/popover";
|
||||
@import "../../../../_bootstrap/carousel";
|
||||
@import "../../../../_bootstrap/spinners";
|
||||
@import "../../../../_bootstrap/utilities";
|
||||
@import "../../../../_bootstrap/print";
|
||||
+53
@@ -0,0 +1,53 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Bootstrap v4.3.1 (https://getbootstrap.com)
|
||||
*
|
||||
* Copyright 2011-2018 The Bootstrap Authors
|
||||
* Copyright 2011-2018 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/material/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/material/bootstrap_limitless/mixins";
|
||||
|
||||
// Import default files
|
||||
@import "../../../../themes/material/bootstrap_limitless/reboot";
|
||||
@import "../../../../themes/material/bootstrap_limitless/type";
|
||||
@import "../../../../themes/material/bootstrap_limitless/code";
|
||||
@import "../../../../themes/material/bootstrap_limitless/tables";
|
||||
@import "../../../../themes/material/bootstrap_limitless/forms";
|
||||
@import "../../../../themes/material/bootstrap_limitless/buttons";
|
||||
@import "../../../../themes/material/bootstrap_limitless/dropdown";
|
||||
@import "../../../../themes/material/bootstrap_limitless/button-group";
|
||||
@import "../../../../themes/material/bootstrap_limitless/input-group";
|
||||
@import "../../../../themes/material/bootstrap_limitless/custom-forms";
|
||||
@import "../../../../themes/material/bootstrap_limitless/nav";
|
||||
@import "../../../../themes/material/bootstrap_limitless/navbar";
|
||||
@import "../../../../themes/material/bootstrap_limitless/card";
|
||||
@import "../../../../themes/material/bootstrap_limitless/breadcrumb";
|
||||
@import "../../../../themes/material/bootstrap_limitless/pagination";
|
||||
@import "../../../../themes/material/bootstrap_limitless/badge";
|
||||
@import "../../../../themes/material/bootstrap_limitless/alert";
|
||||
@import "../../../../themes/material/bootstrap_limitless/progress";
|
||||
@import "../../../../themes/material/bootstrap_limitless/media";
|
||||
@import "../../../../themes/material/bootstrap_limitless/list-group";
|
||||
@import "../../../../themes/material/bootstrap_limitless/close";
|
||||
@import "../../../../themes/material/bootstrap_limitless/toasts";
|
||||
@import "../../../../themes/material/bootstrap_limitless/modal";
|
||||
@import "../../../../themes/material/bootstrap_limitless/tooltip";
|
||||
@import "../../../../themes/material/bootstrap_limitless/popover";
|
||||
@import "../../../../themes/material/bootstrap_limitless/utilities";
|
||||
@@ -0,0 +1,26 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Custom color system
|
||||
*
|
||||
* Custom color system styles, includes background, border and text colors
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/material/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/material/bootstrap_limitless/mixins";
|
||||
|
||||
// Color system, always load last
|
||||
@import "../../../../themes/material/colors/colors";
|
||||
@@ -0,0 +1,346 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Components
|
||||
*
|
||||
* Components import. Ordering matters. See _config.scss for more options
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
// Core
|
||||
// ------------------------------
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/material/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/material/bootstrap_limitless/mixins";
|
||||
|
||||
// FOUC helpers
|
||||
@import "../../../../shared/utils/fouc";
|
||||
|
||||
|
||||
// Page loader
|
||||
// ------------------------------
|
||||
|
||||
// Pace page loader
|
||||
@import "../../../../shared/pace/theme-default";
|
||||
|
||||
// Pace.js demo, remove in real project
|
||||
@import "../../../../shared/pace/pace-demo";
|
||||
|
||||
|
||||
// Forms
|
||||
// ------------------------------
|
||||
|
||||
// Uniform
|
||||
@import "../../../../themes/material/components/forms/uniform";
|
||||
|
||||
// Switchery
|
||||
@import "../../../../themes/material/components/forms/switchery";
|
||||
|
||||
// BS switch
|
||||
@import "../../../../themes/material/components/forms/bootstrap-switch";
|
||||
|
||||
|
||||
// Select2
|
||||
@import "../../../../themes/material/components/forms/select2";
|
||||
|
||||
// Multiselect
|
||||
@import "../../../../themes/material/components/forms/multiselect";
|
||||
|
||||
|
||||
// Passy
|
||||
@import "../../../../themes/material/components/forms/passy";
|
||||
|
||||
// Typeahead
|
||||
@import "../../../../themes/material/components/forms/typeahead";
|
||||
|
||||
// Validation
|
||||
@import "../../../../themes/material/components/forms/validation";
|
||||
|
||||
// Floating labels
|
||||
@import "../../../../themes/material/components/forms/floating-labels";
|
||||
|
||||
// Alpaca
|
||||
@import "../../../../themes/material/components/forms/alpaca";
|
||||
|
||||
|
||||
// Tokenfield
|
||||
@import "../../../../themes/material/components/forms/tokenfield";
|
||||
|
||||
// Tags input
|
||||
@import "../../../../themes/material/components/forms/tags-input";
|
||||
|
||||
|
||||
// Touchspin spinners
|
||||
@import "../../../../themes/material/components/forms/touchspin";
|
||||
|
||||
// Dual listboxes
|
||||
@import "../../../../themes/material/components/forms/dual-listbox";
|
||||
|
||||
|
||||
// Wizard
|
||||
@import "../../../../themes/material/components/forms/wizard";
|
||||
|
||||
|
||||
// Text editors
|
||||
// ------------------------------
|
||||
|
||||
// Summernote
|
||||
@import "../../../../themes/material/components/forms/editors/summernote";
|
||||
|
||||
// Trumbowyg
|
||||
@import "../../../../themes/material/components/forms/editors/trumbowyg";
|
||||
|
||||
// Ace
|
||||
@import "../../../../themes/material/components/forms/editors/ace";
|
||||
|
||||
|
||||
// Pickers
|
||||
// ------------------------------
|
||||
|
||||
// Daterange picker
|
||||
@import "../../../../themes/material/components/pickers/daterange";
|
||||
|
||||
// Pickadate base
|
||||
@import "../../../../themes/material/components/pickers/pickadate/base";
|
||||
|
||||
// Pickadate date picker
|
||||
@import "../../../../themes/material/components/pickers/pickadate/date";
|
||||
|
||||
// Pickadate time picker
|
||||
@import "../../../../themes/material/components/pickers/pickadate/time";
|
||||
|
||||
// Anytime picker
|
||||
@import "../../../../themes/material/components/pickers/anytime";
|
||||
|
||||
// Color picker
|
||||
@import "../../../../themes/material/components/pickers/spectrum";
|
||||
|
||||
|
||||
// File uploaders
|
||||
// ------------------------------
|
||||
|
||||
// Plupload
|
||||
@import "../../../../themes/material/components/forms/uploaders/plupload";
|
||||
|
||||
// File input
|
||||
@import "../../../../themes/material/components/forms/uploaders/file-input";
|
||||
|
||||
// Dropzone
|
||||
@import "../../../../themes/material/components/forms/uploaders/dropzone";
|
||||
|
||||
|
||||
// Notifications
|
||||
// ------------------------------
|
||||
|
||||
// Noty notifications
|
||||
@import "../../../../themes/material/components/notifications/noty";
|
||||
|
||||
// PNotify notifications
|
||||
@import "../../../../themes/material/components/notifications/pnotify";
|
||||
|
||||
// jGrowl notifications
|
||||
@import "../../../../themes/material/components/notifications/jgrowl.scss";
|
||||
|
||||
// Sweet Alerts
|
||||
@import "../../../../themes/material/components/notifications/sweet-alerts";
|
||||
|
||||
|
||||
// Sliders
|
||||
// ------------------------------
|
||||
|
||||
// Slider pips
|
||||
@import "../../../../themes/material/components/sliders/slider-pips";
|
||||
|
||||
// NoUI slider
|
||||
@import "../../../../themes/material/components/sliders/noui-slider";
|
||||
|
||||
// Ion range slider
|
||||
@import "../../../../themes/material/components/sliders/ion-range-slider";
|
||||
|
||||
|
||||
// jQuery UI components
|
||||
// ------------------------------
|
||||
|
||||
// Interactions
|
||||
@import "../../../../themes/material/components/jquery_ui/interactions";
|
||||
|
||||
// Widgets
|
||||
@import "../../../../themes/material/components/jquery_ui/widgets";
|
||||
|
||||
|
||||
// UI components
|
||||
// ------------------------------
|
||||
|
||||
// [Material] Ripple effect
|
||||
@import "../../../../themes/material/components/ui/ripple";
|
||||
|
||||
// Prism - syntax highlighter
|
||||
@import "../../../../themes/material/components/ui/prism";
|
||||
|
||||
// Slinky - multi level drilldown menu
|
||||
@import "../../../../themes/material/components/ui/slinky";
|
||||
|
||||
// Sticky kit
|
||||
@import "../../../../themes/material/components/ui/sticky";
|
||||
|
||||
// Headroom - hhide navbar on scroll
|
||||
@import "../../../../themes/material/components/ui/headroom";
|
||||
|
||||
// Dragula
|
||||
@import "../../../../themes/material/components/ui/dragula";
|
||||
|
||||
// Perfect scrollbar
|
||||
@import "../../../../themes/material/components/ui/perfect-scrollbar";
|
||||
|
||||
|
||||
// Misc components
|
||||
// ------------------------------
|
||||
|
||||
// [Material] Floating action buttons
|
||||
@import "../../../../themes/material/components/misc/fab";
|
||||
|
||||
// Fancytree
|
||||
@import "../../../../themes/material/components/misc/fancytree";
|
||||
|
||||
// Progress buttons
|
||||
@import "../../../../themes/material/components/misc/progress-buttons";
|
||||
|
||||
// Full calendar
|
||||
@import "../../../../themes/material/components/misc/fullcalendar.scss";
|
||||
|
||||
// Image cropper
|
||||
@import "../../../../themes/material/components/misc/image-cropper";
|
||||
|
||||
// Lightbox plugin
|
||||
@import "../../../../themes/material/components/misc/fancybox";
|
||||
|
||||
|
||||
// Tables
|
||||
// ------------------------------
|
||||
|
||||
// Footable - responsive table tools
|
||||
@import "../../../../themes/material/components/tables/footable";
|
||||
|
||||
|
||||
// Handsontable
|
||||
// ------------------------------
|
||||
|
||||
// Handsontable - excel-like spreadsheet for apps
|
||||
@import "../../../../themes/material/components/tables/handsontable";
|
||||
|
||||
|
||||
// Datatables
|
||||
// ------------------------------
|
||||
|
||||
// Core
|
||||
@import "../../../../themes/material/components/tables/datatables/datatables";
|
||||
|
||||
// Datatables - columns reorder
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-columns-reorder";
|
||||
|
||||
// Datatables - rows reorder
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-rows-reorder";
|
||||
|
||||
// Datatables - fixed columns
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-fixed-columns";
|
||||
|
||||
// Datatables - fixed header
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-fixed-header";
|
||||
|
||||
// Datatables - autofill
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-autofill";
|
||||
|
||||
// Datatables - select
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-select";
|
||||
|
||||
// Datatables - buttons
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-buttons";
|
||||
|
||||
// Datatables - key table
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-keytable";
|
||||
|
||||
// Datatables - scroller
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-scroller";
|
||||
|
||||
// Datatables - responsive
|
||||
@import "../../../../themes/material/components/tables/datatables/datatable-responsive";
|
||||
|
||||
|
||||
// Maps
|
||||
// ------------------------------
|
||||
|
||||
// Google Maps
|
||||
@import "../../../../shared/maps/google-maps";
|
||||
|
||||
// jVectorMap
|
||||
@import "../../../../shared/maps/jvectormap";
|
||||
|
||||
|
||||
// Charts
|
||||
// ------------------------------
|
||||
|
||||
// Charts base
|
||||
@import "../../../../shared/charts/charts";
|
||||
|
||||
// C3 chart library
|
||||
@import "../../../../shared/charts/c3";
|
||||
|
||||
// D3 chart library
|
||||
@import "../../../../shared/charts/d3";
|
||||
|
||||
|
||||
// Page kits
|
||||
// ------------------------------
|
||||
|
||||
// ECommerce
|
||||
@import "../../../../shared/pages/ecommerce";
|
||||
|
||||
// Blog
|
||||
@import "../../../../shared/pages/blog";
|
||||
|
||||
// Task manager
|
||||
@import "../../../../shared/pages/task-manager";
|
||||
|
||||
// Inbox
|
||||
@import "../../../../shared/pages/inbox";
|
||||
|
||||
// Profile
|
||||
@import "../../../../shared/pages/profile";
|
||||
|
||||
// Login
|
||||
@import "../../../../shared/pages/login";
|
||||
|
||||
// Timelines
|
||||
@import "../../../../shared/pages/timelines";
|
||||
|
||||
// Chats
|
||||
@import "../../../../shared/pages/chats";
|
||||
|
||||
// Error page
|
||||
@import "../../../../shared/pages/error";
|
||||
|
||||
|
||||
// Other components
|
||||
// ------------------------------
|
||||
|
||||
// Heading elements
|
||||
@import "../../../../themes/material/components/ui/header-elements";
|
||||
|
||||
// Helpers
|
||||
@import "../../../../shared/utils/helpers";
|
||||
|
||||
// Plugins demo, remove in real project
|
||||
@import "../../../../themes/material/components/demo";
|
||||
@@ -0,0 +1,35 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Core layout
|
||||
*
|
||||
* Content area, sidebar, page header and boxed layout styles
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/material/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/material/bootstrap_limitless/mixins";
|
||||
|
||||
// Content
|
||||
@import "../layout/content";
|
||||
|
||||
// Header
|
||||
@import "../layout/header";
|
||||
|
||||
// Sidebar
|
||||
@import "../layout/sidebar";
|
||||
|
||||
// Boxed layout
|
||||
@import "../layout/boxed";
|
||||
@@ -0,0 +1,40 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Boxed layout
|
||||
*
|
||||
* Styles for main structure of content area in boxed layout
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-boxed {
|
||||
|
||||
// Class for body, adds background color/image
|
||||
.layout-boxed-bg {
|
||||
background: $boxed-bg; // mainly for demo, use whatever you want
|
||||
}
|
||||
|
||||
// Container inside other containers
|
||||
.navbar > .container,
|
||||
.breadcrumb-line > .container {
|
||||
padding-left: ($content-container-padding-x * 2);
|
||||
padding-right: ($content-container-padding-x * 2);
|
||||
}
|
||||
|
||||
// Boxed content section
|
||||
.content-boxed {
|
||||
@include media-breakpoint-up(lg) {
|
||||
&:not(.navbar):not(.breadcrumb-line) {
|
||||
margin-left: 7%;
|
||||
margin-right: 7%;
|
||||
}
|
||||
|
||||
// Inside navbar
|
||||
&.navbar,
|
||||
&.breadcrumb-line {
|
||||
padding-left: calc(7% + #{$content-container-padding-x * 2});
|
||||
padding-right: calc(7% + #{$content-container-padding-x * 2});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,44 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Main content layout
|
||||
*
|
||||
* Styles for main structure of content area
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Make sure document has 100% height
|
||||
html {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
// Document body
|
||||
body {
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
// Main container
|
||||
.page-content {
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
padding: $content-container-padding-y $content-container-padding-x;
|
||||
}
|
||||
|
||||
// Content wrapper
|
||||
.content-wrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
// Main content container
|
||||
.content {
|
||||
flex-grow: 1;
|
||||
margin-left: $content-container-padding-x;
|
||||
margin-right: $content-container-padding-x;
|
||||
@include clearfix;
|
||||
}
|
||||
@@ -0,0 +1,118 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Page header
|
||||
*
|
||||
* Page header components and color options
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Page title
|
||||
.page-title {
|
||||
padding: $page-header-padding-y 0;
|
||||
position: relative;
|
||||
|
||||
// Subtitle
|
||||
small {
|
||||
display: inline-block;
|
||||
margin-left: $element-spacer-x;
|
||||
|
||||
// Divider
|
||||
&:before {
|
||||
content: '/';
|
||||
margin-right: ($element-spacer-x + 0.25rem);
|
||||
}
|
||||
|
||||
// On a new line
|
||||
&.d-block {
|
||||
margin-left: 0;
|
||||
|
||||
&:before {
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Add left spacing to align with text
|
||||
small.d-block,
|
||||
.breadcrumb {
|
||||
margin-left: ($icon-font-size + $element-spacer-x + 0.25rem);
|
||||
}
|
||||
|
||||
// Remove margin from headings
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Page header content
|
||||
.page-header-content {
|
||||
position: relative;
|
||||
padding: 0 $page-header-padding-x;
|
||||
|
||||
// With custom colored bottom border
|
||||
&[class*=border-bottom-] + .breadcrumb-line {
|
||||
border-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Page header colors
|
||||
//
|
||||
|
||||
// Light
|
||||
.page-header-light {
|
||||
background-color: $page-header-light-bg;
|
||||
|
||||
// Cover image
|
||||
&.has-cover {
|
||||
background: url(#{$img-path}/backgrounds/seamless.png); // feel free to change
|
||||
}
|
||||
}
|
||||
|
||||
// Dark
|
||||
.page-header-dark {
|
||||
background-color: $page-header-dark-bg;
|
||||
color: $page-header-dark-color;
|
||||
margin-bottom: $spacer;
|
||||
|
||||
// Breadcrumbs
|
||||
> .breadcrumb,
|
||||
.page-header-content .breadcrumb {
|
||||
|
||||
// Links
|
||||
> li > a,
|
||||
> li + li:before {
|
||||
color: rgba($page-header-dark-color, 0.9);
|
||||
}
|
||||
|
||||
// Hovered links
|
||||
> li > a {
|
||||
@include hover-focus {
|
||||
color: $page-header-dark-color;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// Active item
|
||||
> .active {
|
||||
color: rgba($page-header-dark-color, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
// Cover image
|
||||
&.has-cover {
|
||||
background: url(#{$img-path}/login_cover.jpg); // feel free to change
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
|
||||
// Common
|
||||
.page-header-light,
|
||||
.page-header-dark {
|
||||
box-shadow: $shadow-depth1;
|
||||
|
||||
.breadcrumb-line:not(.breadcrumb-line-component):last-child {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,846 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Additional variables
|
||||
*
|
||||
* Mainly 3rd party libraries and additional variables for default
|
||||
* Bootstrap components.
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
//
|
||||
// Light contextual colors
|
||||
//
|
||||
// Includes 50 shades from custom color palette
|
||||
|
||||
$theme-colors-light: () !default;
|
||||
$theme-colors-light: map-merge((
|
||||
"primary": $color-primary-50,
|
||||
"secondary": $gray-300,
|
||||
"success": $color-success-50,
|
||||
"info": $color-info-50,
|
||||
"warning": $color-orange-50,
|
||||
"danger": $color-danger-50,
|
||||
"light": $gray-200,
|
||||
"dark": $color-slate-50
|
||||
), $theme-colors-light);
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Content styling
|
||||
//
|
||||
// Various custom variables for text, icons, elements, blocks etc
|
||||
|
||||
// Content divider
|
||||
$content-divider-height: $border-width !default;
|
||||
$content-divider-color: $border-color !default;
|
||||
|
||||
// Shadows used in :hover/:focus states
|
||||
$hover-shadow-lighter: 0 0 0 62.5rem rgba($black, 0.01) inset !default;
|
||||
$hover-shadow-darker: 0 0 0 62.5rem rgba($black, 0.04) inset !default;
|
||||
|
||||
// Images
|
||||
$img-path: '../../../../../../global_assets/images' !default;
|
||||
$img-preview-max-height: 5rem !default;
|
||||
|
||||
// Wrappers for element spacers. Uses default $spacers map
|
||||
$element-spacer-x-sm: map-get($spacers, 1) !default;
|
||||
$element-spacer-x: map-get($spacers, 2) !default;
|
||||
$element-spacer-x-lg: map-get($spacers, 3) !default;
|
||||
|
||||
// Header elements
|
||||
$header-elements-padding-y: $spacer !default;
|
||||
$header-elements-padding-x: $grid-gutter-width !default;
|
||||
|
||||
// Icons
|
||||
$list-icons-spacer: 0.375rem !default;
|
||||
|
||||
$icon-caret-up: '\e9ca' !default;
|
||||
$icon-caret-down: '\e9c9' !default;
|
||||
$icon-caret-left: '\e9c8' !default;
|
||||
$icon-caret-right: '\e9cb' !default;
|
||||
|
||||
$icon-alert-styled-base: '\e9a2' !default;
|
||||
$icon-alert-styled-danger: '\ed64' !default;
|
||||
$icon-alert-styled-success: '\ed6e' !default;
|
||||
$icon-alert-styled-warning: '\e9bd' !default;
|
||||
$icon-alert-styled-info: '\e9b9' !default;
|
||||
$icon-alert-styled-custom: '\e81b' !default;
|
||||
|
||||
$icon-validation-error: '\ed63' !default;
|
||||
$icon-validation-success: '\ee73' !default;
|
||||
|
||||
$icon-notification-sticker: '\ee70' !default;
|
||||
$icon-notification-stuck: '\ee75' !default;
|
||||
|
||||
$icon-table-row-expand: '\e9e4' !default;
|
||||
$icon-table-row-collapse: '\e9e7' !default;
|
||||
$icon-table-sorting-up: '\e9c2' !default;
|
||||
$icon-table-sorting-down: '\e9c1' !default;
|
||||
$icon-table-button-confirm: '\ed6e' !default;
|
||||
|
||||
$icon-menu-arrow-down: '\e9c5' !default;
|
||||
$icon-menu-sub-arrow-ltr: '\e9c7' !default;
|
||||
$icon-menu-sub-arrow-rtl: '\e9c4' !default;
|
||||
$icon-menu-slinky-back-ltr: '\ede7' !default;
|
||||
$icon-menu-slinky-back-rtl: '\ede5' !default;
|
||||
|
||||
$icon-nav-prev: '\e9c8' !default;
|
||||
$icon-nav-next: '\e9cb' !default;
|
||||
$icon-nav-calendar-prev: '\e9c0' !default;
|
||||
$icon-nav-calendar-next: '\e9c3' !default;
|
||||
|
||||
$icon-indicator-expand: '\e9c5' !default;
|
||||
$icon-indicator-collapse: '\e9c7' !default;
|
||||
|
||||
$icon-spinner-up: '\e9f7' !default;
|
||||
$icon-spinner-down: '\e9e2' !default;
|
||||
|
||||
$icon-uploader-placeholder: '\ea0e' !default;
|
||||
$icon-uploader-placeholder-actions: '\ec67' !default;
|
||||
|
||||
$icon-action-cross: '\ed6a' !default;
|
||||
$icon-action-cross-sm: '\ed6b' !default;
|
||||
|
||||
$icon-fancytree-file: '\ea1a' !default;
|
||||
$icon-fancytree-sub-collapse: '\ea0f' !default;
|
||||
$icon-fancytree-sub-expand: '\ea11' !default;
|
||||
$icon-fancytree-folder: '\ea3d' !default;
|
||||
$icon-fancytree-folder-collapse: '\ea41' !default;
|
||||
$icon-fancytree-folder-expand: '\ea43' !default;
|
||||
|
||||
$icon-card-collapse: '\e9b8' !default;
|
||||
$icon-card-expand: '\e9b7' !default;
|
||||
$icon-card-action-collapse: '\e9c1' !default;
|
||||
$icon-card-action-reload: '\e9fb' !default;
|
||||
$icon-card-action-remove: '\ed6a' !default;
|
||||
$icon-card-action-move: '\e986' !default;
|
||||
$icon-card-action-full-base: '\e9f9' !default;
|
||||
$icon-card-action-full-active: '\e9fa' !default;
|
||||
$icon-card-action-modal: '\e9eb' !default;
|
||||
|
||||
$icon-wizard-step-current: '\e913' !default;
|
||||
$icon-wizard-step-complete: '\ed6f' !default;
|
||||
|
||||
$icon-picker-color-clear: '\ee6e' !default;
|
||||
$icon-checkbox-tick: '\e600' !default;
|
||||
$icon-search-magnifier: '\e98e' !default;
|
||||
$icon-loading-spinner: '\eb51' !default;
|
||||
$icon-list-dot: '\f052' !default;
|
||||
|
||||
// Transition timers
|
||||
$component-transition-timer: 0.15s !default;
|
||||
$component-transition-delay: 0.15s !default;
|
||||
|
||||
// Enhanced media objects
|
||||
$media-title-margin-bottom: 0.125rem !default;
|
||||
$media-link-hover-bg: rgba($black, 0.04) !default;
|
||||
$media-padding-x: 1.25rem !default;
|
||||
$media-padding-y: 1rem !default;
|
||||
$media-border-width: $border-width !default;
|
||||
$media-border-color: $border-color !default;
|
||||
|
||||
// Enhanced dropdown menus
|
||||
$dropdown-content-header-padding-y: 1rem !default;
|
||||
$dropdown-content-body-padding-y: 1.25rem !default;
|
||||
$dropdown-content-body-padding-x: 1.25rem !default;
|
||||
$dropdown-content-footer-padding-y: 0.75rem !default;
|
||||
$dropdown-content-footer-border-width: $border-width !default;
|
||||
$dropdown-content-footer-border-color: $border-color !default;
|
||||
|
||||
// Perfect scrollbar
|
||||
$ps-size: 0.25rem !default;
|
||||
$ps-gap: 0.125rem !default;
|
||||
$ps-bg: $gray-600 !default;
|
||||
$ps-opacity: 0.75 !default;
|
||||
|
||||
// jQuery UI
|
||||
$ui-accordion-spacer-y: 0.5rem !default;
|
||||
$ui-autocomplete-height: 250px !default;
|
||||
$ui-datepicker-width: 270px !default;
|
||||
|
||||
// Charts
|
||||
$chart-container-height: 400px !default;
|
||||
$chart-min-width: 37.5rem !default;
|
||||
$chart-pie-min-width: 31.25rem !default;
|
||||
|
||||
// Maps
|
||||
$map-container-height: 500px !default;
|
||||
$map-container-sidebar-height: 200px !default;
|
||||
|
||||
// Misc
|
||||
$select-custom-width: 220px !default;
|
||||
$cursor-disabled: default !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Page header
|
||||
//
|
||||
// Includes page header base, colors and page title
|
||||
|
||||
$page-header-elements-border-width: $border-width !default;
|
||||
|
||||
$page-header-padding-y: 2rem !default;
|
||||
$page-header-padding-x: $grid-gutter-width !default;
|
||||
|
||||
$page-header-light-bg: $white !default;
|
||||
$page-header-light-border-color: $border-color !default;
|
||||
$page-header-light-elements-bg: $gray-100 !default;
|
||||
$page-header-light-elements-border-color: $page-header-light-border-color !default;
|
||||
|
||||
$page-header-dark-bg: #273246 !default;
|
||||
$page-header-dark-color: $white !default;
|
||||
$page-header-dark-border-color: rgba($white, 0.2) !default;
|
||||
$page-header-dark-elements-bg: rgba($black, 0.1) !default;
|
||||
$page-header-dark-elements-border-color: $page-header-dark-border-color !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Content area
|
||||
//
|
||||
// Area below page header, Also includes boxed layout
|
||||
|
||||
$content-container-padding-y: $spacer !default;
|
||||
$content-container-padding-x: ($grid-gutter-width / 2) !default;
|
||||
|
||||
$boxed-bg: url(#{$img-path}/backgrounds/boxed_bg.png) repeat !default;
|
||||
$boxed-container-box-shadow: -4px 2px 4px rgba($black, 0.15), 4px 2px 4px rgba($black, 0.15) !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Sidebar
|
||||
//
|
||||
// Includes sidebar sizes, colors and user areas
|
||||
|
||||
// Base
|
||||
$sidebar-base-width: rem-calc(270px) !default;
|
||||
$sidebar-mini-width: ($spacer * 2) + $icon-font-size !default;
|
||||
|
||||
|
||||
// Light sidebar
|
||||
$sidebar-light-bg: $white !default;
|
||||
$sidebar-light-color: $body-color !default;
|
||||
$sidebar-light-border-width: 0 !default;
|
||||
$sidebar-light-border-color: rgba($black, 0.125) !default;
|
||||
$sidebar-light-toggler-bg: darken($sidebar-light-bg, 4%) !default;
|
||||
$sidebar-light-toggler-color: rgba($sidebar-light-color, 0.8) !default;
|
||||
$sidebar-light-toggler-hover-bg: transparent !default;
|
||||
$sidebar-light-toggler-hover-color: $sidebar-light-color !default;
|
||||
$sidebar-light-tabs-bg: darken($sidebar-light-bg, 4%) !default;
|
||||
$sidebar-light-xs-menu-bg: darken($sidebar-light-bg, 1%) !default;
|
||||
|
||||
$sidebar-light-user-menu-bg: transparent !default;
|
||||
$sidebar-light-user-menu-border-width: $border-width !default;
|
||||
$sidebar-light-user-menu-border-color: $border-color !default;
|
||||
|
||||
|
||||
// Dark sidebar
|
||||
$sidebar-dark-bg: #293a50 !default;
|
||||
$sidebar-dark-color: $white !default;
|
||||
$sidebar-dark-border-width: $border-width !default;
|
||||
$sidebar-dark-border-color: rgba($white, 0.1) !default;
|
||||
$sidebar-dark-toggler-bg: darken($sidebar-dark-bg, 4%) !default;
|
||||
$sidebar-dark-toggler-color: rgba($sidebar-dark-color, 0.9) !default;
|
||||
$sidebar-dark-toggler-hover-bg: transparent !default;
|
||||
$sidebar-dark-toggler-hover-color: $sidebar-dark-color !default;
|
||||
$sidebar-dark-tabs-bg: darken($sidebar-dark-bg, 4%) !default;
|
||||
$sidebar-dark-xs-menu-bg: lighten($sidebar-dark-bg, 5%) !default;
|
||||
|
||||
$sidebar-dark-user-menu-bg: transparent !default;
|
||||
$sidebar-dark-user-menu-border-width: $border-width !default;
|
||||
$sidebar-dark-user-menu-border-color: rgba($white, 0.1) !default;
|
||||
|
||||
|
||||
// Shadows [material only]
|
||||
$sidebar-left-desktop-box-shadow: $card-box-shadow !default;
|
||||
$sidebar-left-mobile-box-shadow: 0.25rem 0 1rem rgba(0, 0, 0, 0.35) !default;
|
||||
|
||||
$sidebar-right-desktop-box-shadow: $card-box-shadow !default;
|
||||
$sidebar-right-mobile-box-shadow: -0.25rem 0 1rem rgba(0, 0, 0, 0.35) !default;
|
||||
|
||||
|
||||
// Z-indexes
|
||||
$sidebar-zindex: ($zindex-fixed + 10) !default;
|
||||
$sidebar-zindex-main: 99 !default;
|
||||
$sidebar-zindex-secondary: ($sidebar-zindex-main - 1) !default;
|
||||
$sidebar-zindex-right: ($sidebar-zindex-main - 2) !default;
|
||||
$sidebar-zindex-component: ($sidebar-zindex-main - 3) !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Main vertical navigation
|
||||
//
|
||||
// Includes base styles, levels and colors
|
||||
|
||||
$navigation-padding-y: 0.5rem !default;
|
||||
|
||||
$navigation-item-padding-y: 0.75rem !default;
|
||||
$navigation-item-padding-x: 1.25rem !default;
|
||||
$navigation-item-spacer-y: 1px !default;
|
||||
$navigation-item-font-weight: $font-weight-semibold !default;
|
||||
$navigation-item-disabled-opacity: 0.5 !default;
|
||||
|
||||
$navigation-sub-padding-y: 0.625rem !default;
|
||||
$navigation-sub-item-opacity: 0.5 !default;
|
||||
|
||||
|
||||
// Dark sidebar navigation styles
|
||||
$navigation-dark-color: rgba($sidebar-dark-color, 0.9) !default;
|
||||
$navigation-dark-hover-bg: rgba($black, 0.15) !default;
|
||||
$navigation-dark-hover-color: $sidebar-dark-color !default;
|
||||
$navigation-dark-active-bg: $color-teal-400 !default;
|
||||
$navigation-dark-active-color: $white !default;
|
||||
$navigation-dark-sub-bg: rgba($black, 0.15) !default;
|
||||
$navigation-dark-sub-active-bg: rgba($black, 0.15) !default;
|
||||
$navigation-dark-sub-active-color: $white !default;
|
||||
$navigation-dark-bordered-border-width: $border-width !default;
|
||||
$navigation-dark-bordered-border-color: rgba($white, 0.1) !default;
|
||||
$navigation-dark-bordered-header-bg: rgba($black, 0.1) !default;
|
||||
|
||||
|
||||
// Light sidebar navigation styles
|
||||
$navigation-light-color: rgba($sidebar-light-color, 0.85) !default;
|
||||
$navigation-light-hover-bg: $gray-200 !default;
|
||||
$navigation-light-hover-color: $sidebar-light-color !default;
|
||||
$navigation-light-active-bg: $navigation-light-hover-bg !default;
|
||||
$navigation-light-active-color: $navigation-light-hover-color !default;
|
||||
$navigation-light-sub-bg: transparent !default;
|
||||
$navigation-light-sub-active-bg: $gray-200 !default;
|
||||
$navigation-light-sub-active-color: $body-color !default;
|
||||
$navigation-light-bordered-border-width: $border-width !default;
|
||||
$navigation-light-bordered-border-color: $gray-400 !default;
|
||||
$navigation-light-bordered-header-bg: $gray-100 !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Form components
|
||||
//
|
||||
// Form checks, switches, selects, tags etc.
|
||||
|
||||
// Checkboxes and radios
|
||||
$checkbox-size: 1.25rem !default;
|
||||
$checkbox-color: $color-slate-700 !default;
|
||||
$checkbox-border-width: rem-calc($border-width * 2) !default;
|
||||
$checkbox-border-color: $checkbox-color !default;
|
||||
$checkbox-disabled-opacity: 0.5 !default;
|
||||
|
||||
|
||||
// Switchery toggle
|
||||
$switchery-bg: $white !default;
|
||||
$switchery-border-width: $border-width !default;
|
||||
$switchery-border-color: $gray-400 !default;
|
||||
$switchery-handle-bg: $white !default;
|
||||
$switchery-handle-box-shadow: 0 1px 3px rgba($black, 0.4) !default;
|
||||
$switchery-size: 1.125rem !default;
|
||||
$switchery-margin-x: 0.625rem !default;
|
||||
|
||||
|
||||
// Bootstrap switch
|
||||
$switch-border-width: $border-width !default;
|
||||
$switch-bg-default: $gray-300 !default;
|
||||
$switch-handle-width: 0.25rem !default;
|
||||
$switch-handle-height: 0.625rem !default;
|
||||
$switch-handle-bg: $white !default;
|
||||
$switch-handle-border-color: rgba($black, 0.15) !default;
|
||||
$switch-handle-hover-bg: $gray-100 !default;
|
||||
|
||||
|
||||
// Select2 selects
|
||||
$select2-max-height: 280px !default;
|
||||
$select2-disabled-opacity: 0.6 !default;
|
||||
$select2-custom-disabled-opacity: 0.75 !default;
|
||||
|
||||
$select2-pills-spacer: 0.0625rem !default;
|
||||
$select2-pills-bg: $gray-300 !default;
|
||||
$select2-pills-color: $body-color !default;
|
||||
$select2-pills-hover-bg: $color-blue-500 !default;
|
||||
$select2-pills-hover-color: $white !default;
|
||||
$select2-pills-border-radius: $border-radius-round !default;
|
||||
|
||||
$select2-light-results-color: $gray-600 !default;
|
||||
$select2-dark-results-color: rgba($white, 0.75) !default;
|
||||
|
||||
|
||||
// Multiselect
|
||||
$multiselect-max-height: 280px !default;
|
||||
$multiselect-font-weight: $font-weight-normal !default;
|
||||
$multiselect-text-transform: none !default;
|
||||
|
||||
|
||||
// Typeahead
|
||||
$typeahead-max-height: 350px !default;
|
||||
$typeahead-max-height-scrollable: 250px !default;
|
||||
|
||||
|
||||
// Tag inputs
|
||||
$tags-spacer: 0.0625rem !default;
|
||||
$tags-color: $body-color !default;
|
||||
$tags-hover-color: $white !default;
|
||||
$tags-bg: $gray-300 !default;
|
||||
$tags-hover-bg: $color-blue-500 !default;
|
||||
$tag-disabled-opacity: 0.5 !default;
|
||||
$tag-border-radius: $border-radius-round !default;
|
||||
|
||||
|
||||
// Form wizard
|
||||
$wizard-step-line-size: 2px !default;
|
||||
$wizard-step-line-color: $gray-300 !default;
|
||||
|
||||
$wizard-step-number-size: rem-calc(38px) !default;
|
||||
$wizard-step-number-bg: $card-bg !default;
|
||||
$wizard-step-number-color: $gray-500 !default;
|
||||
$wizard-step-number-active-bg: $color-info-500 !default;
|
||||
$wizard-step-number-active-color: $white !default;
|
||||
$wizard-step-number-error-bg: $color-danger-500 !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Text editors
|
||||
//
|
||||
// Summernote, trumbowyg, ace code editor
|
||||
|
||||
// Summernote editor
|
||||
$summernote-border-width: $border-width !default;
|
||||
$summernote-border-color: $border-color !default;
|
||||
$summernote-font-path: "../../../../../../global_assets/css/icons/summernote/" !default;
|
||||
$summernote-icon-font-size: 0.875rem !default;
|
||||
$summernote-min-height: rem-calc(150px) !default;
|
||||
|
||||
$summernote-resizer-width: 1.25rem !default;
|
||||
$summernote-resizer-height: $border-width !default;
|
||||
$summernote-resizer-color: $border-color !default;
|
||||
|
||||
|
||||
// Trumbowyg editor
|
||||
$trumbowyg-min-height: 350px !default;
|
||||
|
||||
$trumbowyg-border-width: $border-width !default;
|
||||
$trumbowyg-border-color: $border-color !default;
|
||||
|
||||
$trumbowyg-toolbar-bg: $gray-100 !default;
|
||||
$trumbowyg-toolbar-hover-bg: $gray-300 !default;
|
||||
$trumbowyg-toolbar-color: $body-color !default;
|
||||
$trumbowyg-toolbar-border-width: $border-width !default;
|
||||
$trumbowyg-toolbar-border-color: $border-color !default;
|
||||
$trumbowyg-toolbar-divider-width: 0 !default;
|
||||
$trumbowyg-toolbar-height: ($btn-padding-x * 2) + $icon-font-size + rem-calc($trumbowyg-toolbar-border-width * 2) !default;
|
||||
|
||||
|
||||
// Ace code editor
|
||||
$ace-height: 450px !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Pickers
|
||||
//
|
||||
// Date, time and color pickers
|
||||
|
||||
// Common styles for date pickers
|
||||
$datepicker-padding: 0.9375rem !default;
|
||||
$datepicker-title-font-size: $h6-font-size !default;
|
||||
|
||||
$datepicker-item-padding: $input-btn-padding-y !default;
|
||||
$datepicker-item-weekday-color: $gray-600 !default;
|
||||
$datepicker-item-year-color: $gray-600 !default;
|
||||
$datepicker-item-focusout-color: $gray-500 !default;
|
||||
$datepicker-item-hover-color: $body-color !default;
|
||||
$datepicker-item-hover-bg: $gray-200 !default;
|
||||
$datepicker-item-active-color: $white !default;
|
||||
$datepicker-item-active-bg: $color-teal-400 !default;
|
||||
$datepicker-item-today-color: $body-color !default;
|
||||
$datepicker-item-today-bg: $gray-200 !default;
|
||||
$datepicker-item-disabled-color: $gray-600 !default;
|
||||
$datepicker-item-disabled-bg: transparent !default;
|
||||
|
||||
|
||||
// Pick-a-date picker
|
||||
$pickadate-min-width: 18rem !default;
|
||||
$pickadate-max-width: 20rem !default;
|
||||
$pickadate-max-height: 480px !default;
|
||||
|
||||
|
||||
// Pick-a-time picker
|
||||
$pickatime-max-height: 250px !default;
|
||||
$pickatime-min-width: 16rem !default;
|
||||
$pickatime-max-width: 20rem !default;
|
||||
|
||||
|
||||
// Anytime picker
|
||||
$anytime-year-btn-bg: $color-danger-500 !default;
|
||||
$anytime-year-btn-color: $white !default;
|
||||
|
||||
$anytime-month-btn-bg: $color-teal-400 !default;
|
||||
$anytime-month-btn-color: $white !default;
|
||||
|
||||
$anytime-time-btn-bg: $color-slate-500 !default;
|
||||
$anytime-time-btn-color: $white !default;
|
||||
|
||||
|
||||
// Spectrum color picker
|
||||
$spectrum-padding: 0.625rem !default;
|
||||
$spectrum-width: 13.75rem !default;
|
||||
$spectrum-max-width: 13.75rem !default;
|
||||
|
||||
$spectrum-choose-btn-bg: $color-slate-500 !default;
|
||||
$spectrum-choose-btn-color: $white !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// File uploaders
|
||||
//
|
||||
// Plupload, Bootstrap file input and dropzone
|
||||
|
||||
// Plupload uploader
|
||||
$plupload-max-height: 250px !default;
|
||||
$plupload-bg: $white !default;
|
||||
$plupload-border-width: ($border-width * 2) !default;
|
||||
$plupload-border-style: dashed !default;
|
||||
$plupload-border-color: $gray-400 !default;
|
||||
|
||||
$plupload-header-bg: $color-slate-800 !default;
|
||||
$plupload-header-color: $white !default;
|
||||
|
||||
$plupload-placeholder-icon-color: $gray-500 !default;
|
||||
$plupload-placeholder-text-color: $gray-700 !default;
|
||||
|
||||
$plupload-btn-start-bg: theme-color('primary') !default;
|
||||
$plupload-btn-start-border-color: $plupload-btn-start-bg !default;
|
||||
$plupload-btn-start-color: $white !default;
|
||||
|
||||
|
||||
// Bootstrap file input
|
||||
$fileinput-preview-spacer: 0.5rem !default;
|
||||
$fileinput-preview-thumb-width: 10rem !default;
|
||||
$fileinput-preview-thumb-height: 10rem !default;
|
||||
$fileinput-preview-thumb-caption-spacer: 0.75rem !default;
|
||||
$fileinput-preview-footer-bg: $gray-100 !default;
|
||||
$fileinput-preview-progress-height: 0.375rem !default;
|
||||
$fileinput-preview-frame-bg: $card-bg !default;
|
||||
$fileinput-preview-frame-border-width: $border-width !default;
|
||||
$fileinput-preview-frame-border-color: $border-color !default;
|
||||
|
||||
|
||||
// Dropzone
|
||||
$dropzone-min-height: 18rem !default;
|
||||
$dropzone-spacer: 0.3125rem !default;
|
||||
|
||||
$dropzone-bg: #fcfcfc !default;
|
||||
$dropzone-border-width: ($border-width * 2) !default;
|
||||
$dropzone-border-style: dashed !default;
|
||||
$dropzone-border-color: $gray-400 !default;
|
||||
|
||||
$dropzone-placeholder-icon-size: ($icon-font-size * 4) !default;
|
||||
$dropzone-placeholder-icon-color: $gray-500 !default;
|
||||
$dropzone-placeholder-text-color: $gray-700 !default;
|
||||
|
||||
$dropzone-drag-bg: $gray-200 !default;
|
||||
$dropzone-drag-color: $gray-400 !default;
|
||||
$dropzone-drag-border-color: $gray-600 !default;
|
||||
|
||||
$dropzone-preview-spacer: 0.5rem !default;
|
||||
$dropzone-preview-width: 10rem !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Notifications
|
||||
//
|
||||
// Sweet alert and noty.js notification libraries
|
||||
|
||||
// Common styles
|
||||
$notification-width: 20rem !default;
|
||||
$notification-gutter-y: $spacer !default;
|
||||
$notification-gutter-x: ($content-container-padding-x * 2) !default;
|
||||
$notification-box-shadow: $shadow-depth1 !default;
|
||||
|
||||
|
||||
// Noty.js
|
||||
$noty-spacer-y: 0.25rem !default;
|
||||
|
||||
$notification-alert-bg: $color-slate-600 !default;
|
||||
$notification-alert-color: $white !default;
|
||||
$notification-alert-border-color: $notification-alert-bg !default;
|
||||
|
||||
$notification-warning-bg: $color-warning-400 !default;
|
||||
$notification-warning-color: $white !default;
|
||||
$notification-warning-border-color: $notification-warning-bg !default;
|
||||
|
||||
$notification-error-bg: $color-danger-400 !default;
|
||||
$notification-error-color: $white !default;
|
||||
$notification-error-border-color: $notification-error-bg !default;
|
||||
|
||||
$notification-info-bg: $color-blue-500 !default;
|
||||
$notification-info-color: $white !default;
|
||||
$notification-info-border-color: $notification-info-bg !default;
|
||||
|
||||
$notification-success-bg: $color-success-500 !default;
|
||||
$notification-success-color: $white !default;
|
||||
$notification-success-border-color: $notification-success-bg !default;
|
||||
|
||||
$noty-progress-height: 0.1875rem !default;
|
||||
$noty-progress-bg: rgba($black, 0.25) !default;
|
||||
|
||||
|
||||
// Sweet alert 2
|
||||
$swal-padding: 1.25rem !default;
|
||||
$swal-width: 31.25rem !default;
|
||||
$swal-margin-x: ($content-container-padding-x * 2) !default;
|
||||
|
||||
$swal2-icon-size: 5rem !default;
|
||||
$swal2-icon-border-width: 0.25rem !default;
|
||||
$swal2-icon-spacer: 1rem !default;
|
||||
|
||||
$swal2-step-inactive-color: $text-muted !default;
|
||||
$swal2-step-active-color: $color-primary-500 !default;
|
||||
$swal2-step-complete-color: $swal2-step-active-color !default;
|
||||
$swal2-step-line-color: $gray-400 !default;
|
||||
|
||||
$swal2-error-color: $color-danger-400 !default;
|
||||
$swal2-error-border-color: $swal2-error-color !default;
|
||||
|
||||
$swal2-warning-color: $color-warning-400 !default;
|
||||
$swal2-warning-border-color: $swal2-warning-color !default;
|
||||
|
||||
$swal2-info-color: $color-blue-500 !default;
|
||||
$swal2-info-border-color: $swal2-info-color !default;
|
||||
|
||||
$swal2-question-color: $color-slate-700 !default;
|
||||
$swal2-question-border-color: $swal2-question-color !default;
|
||||
|
||||
$swal2-success-color: $color-success-400 !default;
|
||||
$swal2-success-border-color: $swal2-success-color !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Tables
|
||||
//
|
||||
// Handsontable and datatables.js libraries
|
||||
|
||||
// Handsontable
|
||||
$hot-row-header-width: 5rem !default;
|
||||
$hot-cell-height: 1.875rem !default;
|
||||
$hot-cell-bg: $white !default;
|
||||
$hot-header-bg: $gray-200 !default;
|
||||
$hot-search-result-bg: $color-orange-50 !default;
|
||||
$hot-cell-padding-y: 0.3125rem !default;
|
||||
$hot-cell-padding-x: 0.25rem !default;
|
||||
$hot-datepicker-width: 15.63rem !default;
|
||||
$hot-cell-highlight-bg: $color-primary-50 !default;
|
||||
$hot-cell-highlight-border-color: $color-primary-500 !default;
|
||||
$hot-scrollable-max-height: 22.5rem !default;
|
||||
|
||||
|
||||
// Datatables
|
||||
$dt-spacer-y: $spacer !default;
|
||||
$dt-spacer-x: $card-spacer-x !default;
|
||||
$dt-filter-width: 12.5rem !default;
|
||||
$dt-controls-label-spacer-y: ($input-padding-y + rem-calc($input-border-width)) !default;
|
||||
$dt-controls-label-spacer-x: ($dt-spacer-x / 1.5) !default;
|
||||
|
||||
$dt-pagination-active-bg: $color-slate-800 !default;
|
||||
$dt-pagination-active-color: $white !default;
|
||||
|
||||
$dt-button-collection-2col-width: 18.75rem !default;
|
||||
$dt-button-collection-3col-width: 28.13rem !default;
|
||||
$dt-button-collection-4col-width: 37.5rem !default;
|
||||
|
||||
$dt-ext-select-active-row-bg: $color-success-50 !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Misc components
|
||||
//
|
||||
// Other custom 3rd party extensions and libraries
|
||||
|
||||
// FAB (floating action button)
|
||||
$fab-main-btn-size: (($btn-float-padding + ($icon-font-size / 2)) * 2) !default;
|
||||
$fab-btn-gap: 0.125rem !default;
|
||||
$fab-gutter-x: ($content-container-padding-x * 2) !default;
|
||||
|
||||
$fab-inner-btn-size: (($btn-float-padding - $fab-btn-gap) * 2) + $icon-font-size !default;
|
||||
$fab-inner-btn-spacing: $spacer !default;
|
||||
|
||||
$fab-badge-spacer-x: 0.25rem !default;
|
||||
$fab-badge-spacer-y: $fab-badge-spacer-x !default;
|
||||
|
||||
$fab-label-light-bg: $white !default;
|
||||
$fab-label-light-color: $body-color !default;
|
||||
|
||||
|
||||
// Fullcalendar
|
||||
$fullcalendar-bg: $card-bg !default;
|
||||
|
||||
$fullcalendar-event-bg: $color-blue-600 !default;
|
||||
$fullcalendar-event-color: $white !default;
|
||||
$fullcalendar-event-border-width: $border-width !default;
|
||||
$fullcalendar-event-border-color: $color-blue-600 !default;
|
||||
|
||||
$fullcalendar-event-spacer: 0.5rem !default;
|
||||
$fullcalendar-event-padding-y: 0.25rem !default;
|
||||
$fullcalendar-event-padding-x: 0.5rem !default;
|
||||
|
||||
$fullcalendar-event-resizer-size-h: 0.5rem !default;
|
||||
$fullcalendar-event-resizer-size-v: 0.5rem !default;
|
||||
|
||||
$fullcalendar-today-bg: $color-success-50 !default;
|
||||
$fullcalendar-bgevent-bg: rgba($color-success-300, 0.3) !default;
|
||||
$fullcalendar-nonbusiness-bg: rgba($gray-400, 0.3) !default;
|
||||
$fullcalendar-highlight-bg: rgba($gray-400, 0.3) !default;
|
||||
$fullcalendar-weekday-bg: $gray-100 !default;
|
||||
$fullcalendar-weekday-color: rgba($body-color, 0.5) !default;
|
||||
|
||||
|
||||
// Sliders (shared styles)
|
||||
$slider-bg: $gray-300 !default;
|
||||
$slider-connect-bg: $color-indigo-400 !default;
|
||||
$slider-disabled-opacity: 0.75 !default;
|
||||
$slider-box-shadow: inset 0 1px 1px rgba($black, 0.1) !default;
|
||||
|
||||
$slider-height: 0.3125rem !default;
|
||||
$slider-height-lg: ($slider-height + 0.125rem) !default;
|
||||
$slider-height-sm: ($slider-height - 0.125rem) !default;
|
||||
$slider-vertical-height: 10rem !default;
|
||||
|
||||
$slider-handle-bg: $slider-connect-bg !default;
|
||||
$slider-handle-inner-bg: $slider-connect-bg !default;
|
||||
$slider-handle-border-width: $border-width !default;
|
||||
$slider-handle-border-color: transparent !default;
|
||||
$slider-handle-hover-bg: $slider-handle-bg !default;
|
||||
$slider-handle-inner-hover-bg: $slider-handle-hover-bg !default;
|
||||
|
||||
$slider-pips-color: $gray-700 !default;
|
||||
$slider-pips-spacer-y: 1rem !default;
|
||||
$slider-pips-marker-width: 0.0625rem !default;
|
||||
$slider-pips-marker-height: 0.1875rem !default;
|
||||
$slider-pips-font-size: $font-size-xs !default;
|
||||
$slider-pips-line-height: $line-height-xs !default;
|
||||
|
||||
|
||||
// Image cropper
|
||||
$cropper-grid-size: $border-width !default;
|
||||
$cropper-grid-color: $gray-300 !default;
|
||||
$cropper-grid-center-size: ($border-width * 9) !default;
|
||||
|
||||
$cropper-resizer-color: $color-primary-500 !default;
|
||||
$cropper-resizer-size: 0.375rem !default;
|
||||
$cropper-resizer-size-lg: 1.25rem !default;
|
||||
|
||||
|
||||
// Fancybox
|
||||
$fancybox-nav-spacer-x: 0.625rem !default;
|
||||
$fancybox-nav-spacer-y: $fancybox-nav-spacer-x !default;
|
||||
$fancybox-nav-padding: 0.375rem !default;
|
||||
$fancybox-nav-bg: rgba($black, 0.5) !default;
|
||||
$fancybox-nav-color: $white !default;
|
||||
$fancybox-nav-hover-bg: $gray-900 !default;
|
||||
$fancybox-nav-hover-color: $fancybox-nav-color !default;
|
||||
|
||||
$fancybox-caption-padding-y: 0.5rem !default;
|
||||
$fancybox-caption-padding-x: 0.625rem !default;
|
||||
$fancybox-caption-bg: rgba($black, 0.5) !default;
|
||||
$fancybox-caption-color: $white !default;
|
||||
|
||||
|
||||
// Fancytree
|
||||
$fancytree-node-padding-y: 0.25rem !default;
|
||||
$fancytree-node-padding-x: 0.5rem !default;
|
||||
|
||||
$fancytree-node-selected-bg: $gray-300 !default;
|
||||
$fancytree-node-selected-color: $body-color !default;
|
||||
|
||||
$fancytree-node-active-bg: $color-primary-500 !default;
|
||||
$fancytree-node-active-color: $white !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Page kits
|
||||
//
|
||||
// Feeds, timelines, profiles, chats, inbox, ecommerce etc
|
||||
//
|
||||
|
||||
// Timelines
|
||||
$timeline-icon-size: 3rem !default;
|
||||
$timeline-line-width: ($border-width * 2) !default;
|
||||
$timeline-line-color: $gray-500 !default;
|
||||
$timeline-icon-bg: $card-bg !default;
|
||||
$timeline-icon-border-width: ($timeline-line-width * 2) !default;
|
||||
$timeline-content-padding-x: ($content-container-padding-x * 2) !default;
|
||||
|
||||
|
||||
// Feeds
|
||||
$list-feed-circle-radius: 0.5rem !default; // must be equal to even px value
|
||||
$list-feed-circle-border-width: ($border-width * 2) !default;
|
||||
$list-feed-circle-border-color: $color-slate-500 !default;
|
||||
$list-feed-circle-position: ($line-height-computed - ($list-feed-circle-radius + rem-calc($list-feed-circle-border-width))) / 2 !default;
|
||||
|
||||
$list-feed-item-padding-y: 1.25rem !default;
|
||||
$list-feed-item-padding-x: ($card-spacer-x + $list-feed-circle-radius) !default;
|
||||
|
||||
|
||||
// Blog
|
||||
$blog-horizontal-img-max-width: 25rem !default;
|
||||
$blog-horizontal-img-max-width-lg: 31.25rem !default;
|
||||
$blog-horizontal-img-max-width-sm: 18.75rem !default;
|
||||
$blog-horizontal-img-max-width-xs: 12.5rem !default;
|
||||
|
||||
|
||||
// Login page
|
||||
$login-form-width: 20rem !default;
|
||||
|
||||
|
||||
// Error pages
|
||||
$error-title-color: $white !default;
|
||||
$error-title-font-size: 12.5rem !default;
|
||||
$error-title-font-size-sm: 8.125rem !default;
|
||||
|
||||
$error-offline-title-font-size: 10rem !default;
|
||||
$error-offline-title-font-size-sm: 6.875rem !default;
|
||||
|
||||
|
||||
// Profile pages
|
||||
$profile-cover-element-shadow: 0 0 0.1875rem rgba($black, 0.5) !default;
|
||||
$profile-thumb-size: 6.25rem !default;
|
||||
$profile-thumb-border-width: ($border-width * 3) !default;
|
||||
$profile-thumb-border-color: $white !default;
|
||||
$profile-cover-height: 21.88rem !default;
|
||||
|
||||
|
||||
// Inbox
|
||||
$inbox-read-row-bg: $gray-100 !default;
|
||||
$inbox-unread-row-bg: $card-bg !default;
|
||||
|
||||
|
||||
// Chats
|
||||
$chat-list-max-height: 520px !default;
|
||||
$chat-message-arrow-size: ($border-width * 5) !default;
|
||||
$chat-message-border-radius: $border-radius !default;
|
||||
$chat-message-padding-y: 0.625rem !default;
|
||||
$chat-message-padding-x: 1rem !default;
|
||||
|
||||
$chat-message-bg: $gray-300 !default;
|
||||
$chat-message-color: $body-color !default;
|
||||
$chat-message-reversed-bg: $color-primary-400 !default;
|
||||
$chat-message-reversed-color: $white !default;
|
||||
|
||||
|
||||
// Pricing tables
|
||||
$pricing-title-font-size: 2.625rem !default;
|
||||
$pricing-subtitle-font-size: 1.875rem !default;
|
||||
|
||||
$pricing-list-item-padding-y: 1rem !default;
|
||||
$pricing-list-item-border-width: $border-width !default;
|
||||
$pricing-list-item-border-color: rgba($black, 0.1) !default;
|
||||
|
||||
$pricing-ribbon-box-shadow: 0 4px 6px rgba($black, 0.1) !default;
|
||||
@@ -0,0 +1,61 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Bootstrap v4.3.1 (https://getbootstrap.com)
|
||||
*
|
||||
* Copyright 2011-2018 The Bootstrap Authors
|
||||
* Copyright 2011-2018 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/default/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/default/bootstrap_limitless/mixins";
|
||||
|
||||
// Import default files
|
||||
@import "../../../../_bootstrap/root";
|
||||
@import "../../../../_bootstrap/reboot";
|
||||
@import "../../../../_bootstrap/type";
|
||||
@import "../../../../_bootstrap/images";
|
||||
@import "../../../../_bootstrap/code";
|
||||
@import "../../../../_bootstrap/grid";
|
||||
@import "../../../../_bootstrap/tables";
|
||||
@import "../../../../_bootstrap/forms";
|
||||
@import "../../../../_bootstrap/buttons";
|
||||
@import "../../../../_bootstrap/transitions";
|
||||
@import "../../../../_bootstrap/dropdown";
|
||||
@import "../../../../_bootstrap/button-group";
|
||||
@import "../../../../_bootstrap/input-group";
|
||||
@import "../../../../_bootstrap/custom-forms";
|
||||
@import "../../../../_bootstrap/nav";
|
||||
@import "../../../../_bootstrap/navbar";
|
||||
@import "../../../../_bootstrap/card";
|
||||
@import "../../../../_bootstrap/breadcrumb";
|
||||
@import "../../../../_bootstrap/pagination";
|
||||
@import "../../../../_bootstrap/badge";
|
||||
@import "../../../../_bootstrap/jumbotron";
|
||||
@import "../../../../_bootstrap/alert";
|
||||
@import "../../../../_bootstrap/progress";
|
||||
@import "../../../../_bootstrap/media";
|
||||
@import "../../../../_bootstrap/list-group";
|
||||
@import "../../../../_bootstrap/close";
|
||||
@import "../../../../_bootstrap/toasts";
|
||||
@import "../../../../_bootstrap/modal";
|
||||
@import "../../../../_bootstrap/tooltip";
|
||||
@import "../../../../_bootstrap/popover";
|
||||
@import "../../../../_bootstrap/carousel";
|
||||
@import "../../../../_bootstrap/spinners";
|
||||
@import "../../../../_bootstrap/utilities";
|
||||
@import "../../../../_bootstrap/print";
|
||||
@@ -0,0 +1,53 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Bootstrap v4.3.1 (https://getbootstrap.com)
|
||||
*
|
||||
* Copyright 2011-2018 The Bootstrap Authors
|
||||
* Copyright 2011-2018 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/default/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/default/bootstrap_limitless/mixins";
|
||||
|
||||
// Import default files
|
||||
@import "../../../../themes/default/bootstrap_limitless/reboot";
|
||||
@import "../../../../themes/default/bootstrap_limitless/type";
|
||||
@import "../../../../themes/default/bootstrap_limitless/code";
|
||||
@import "../../../../themes/default/bootstrap_limitless/tables";
|
||||
@import "../../../../themes/default/bootstrap_limitless/forms";
|
||||
@import "../../../../themes/default/bootstrap_limitless/buttons";
|
||||
@import "../../../../themes/default/bootstrap_limitless/dropdown";
|
||||
@import "../../../../themes/default/bootstrap_limitless/button-group";
|
||||
@import "../../../../themes/default/bootstrap_limitless/input-group";
|
||||
@import "../../../../themes/default/bootstrap_limitless/custom-forms";
|
||||
@import "../../../../themes/default/bootstrap_limitless/nav";
|
||||
@import "../../../../themes/default/bootstrap_limitless/navbar";
|
||||
@import "../../../../themes/default/bootstrap_limitless/card";
|
||||
@import "../../../../themes/default/bootstrap_limitless/breadcrumb";
|
||||
@import "../../../../themes/default/bootstrap_limitless/pagination";
|
||||
@import "../../../../themes/default/bootstrap_limitless/badge";
|
||||
@import "../../../../themes/default/bootstrap_limitless/alert";
|
||||
@import "../../../../themes/default/bootstrap_limitless/progress";
|
||||
@import "../../../../themes/default/bootstrap_limitless/media";
|
||||
@import "../../../../themes/default/bootstrap_limitless/list-group";
|
||||
@import "../../../../themes/default/bootstrap_limitless/close";
|
||||
@import "../../../../themes/default/bootstrap_limitless/toasts";
|
||||
@import "../../../../themes/default/bootstrap_limitless/modal";
|
||||
@import "../../../../themes/default/bootstrap_limitless/tooltip";
|
||||
@import "../../../../themes/default/bootstrap_limitless/popover";
|
||||
@import "../../../../themes/default/bootstrap_limitless/utilities";
|
||||
@@ -0,0 +1,26 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Custom color system
|
||||
*
|
||||
* Custom color system styles, includes background, border and text colors
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/default/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/default/bootstrap_limitless/mixins";
|
||||
|
||||
// Color system, always load last
|
||||
@import "../../../../themes/default/colors/colors";
|
||||
@@ -0,0 +1,343 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Components
|
||||
*
|
||||
* Components import. Ordering matters. See _config.scss for more options
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
// Core
|
||||
// ------------------------------
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/default/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/default/bootstrap_limitless/mixins";
|
||||
|
||||
// FOUC helpers
|
||||
@import "../../../../shared/utils/fouc";
|
||||
|
||||
|
||||
// Page loader
|
||||
// ------------------------------
|
||||
|
||||
// Pace page loader
|
||||
@import "../../../../shared/pace/theme-default";
|
||||
|
||||
// Pace.js demo, remove in real project
|
||||
@import "../../../../shared/pace/pace-demo";
|
||||
|
||||
|
||||
// Forms
|
||||
// ------------------------------
|
||||
|
||||
// Uniform
|
||||
@import "../../../../themes/default/components/forms/uniform";
|
||||
|
||||
// Switchery
|
||||
@import "../../../../themes/default/components/forms/switchery";
|
||||
|
||||
// BS switch
|
||||
@import "../../../../themes/default/components/forms/bootstrap-switch";
|
||||
|
||||
|
||||
// Select2
|
||||
@import "../../../../themes/default/components/forms/select2";
|
||||
|
||||
// Multiselect
|
||||
@import "../../../../themes/default/components/forms/multiselect";
|
||||
|
||||
|
||||
// Passy
|
||||
@import "../../../../themes/default/components/forms/passy";
|
||||
|
||||
// Typeahead
|
||||
@import "../../../../themes/default/components/forms/typeahead";
|
||||
|
||||
// Validation
|
||||
@import "../../../../themes/default/components/forms/validation";
|
||||
|
||||
// Floating labels
|
||||
@import "../../../../themes/default/components/forms/floating-labels";
|
||||
|
||||
// Alpaca
|
||||
@import "../../../../themes/default/components/forms/alpaca";
|
||||
|
||||
|
||||
// Tokenfield
|
||||
@import "../../../../themes/default/components/forms/tokenfield";
|
||||
|
||||
// Tags input
|
||||
@import "../../../../themes/default/components/forms/tags-input";
|
||||
|
||||
|
||||
// Touchspin spinners
|
||||
@import "../../../../themes/default/components/forms/touchspin";
|
||||
|
||||
// Dual listboxes
|
||||
@import "../../../../themes/default/components/forms/dual-listbox";
|
||||
|
||||
|
||||
// Wizard
|
||||
@import "../../../../themes/default/components/forms/wizard";
|
||||
|
||||
|
||||
// Text editors
|
||||
// ------------------------------
|
||||
|
||||
// Summernote
|
||||
@import "../../../../themes/default/components/forms/editors/summernote";
|
||||
|
||||
// Trumbowyg
|
||||
@import "../../../../themes/default/components/forms/editors/trumbowyg";
|
||||
|
||||
// Ace
|
||||
@import "../../../../themes/default/components/forms/editors/ace";
|
||||
|
||||
|
||||
// Pickers
|
||||
// ------------------------------
|
||||
|
||||
// Daterange picker
|
||||
@import "../../../../themes/default/components/pickers/daterange";
|
||||
|
||||
// Pickadate base
|
||||
@import "../../../../themes/default/components/pickers/pickadate/base";
|
||||
|
||||
// Pickadate date picker
|
||||
@import "../../../../themes/default/components/pickers/pickadate/date";
|
||||
|
||||
// Pickadate time picker
|
||||
@import "../../../../themes/default/components/pickers/pickadate/time";
|
||||
|
||||
// Anytime picker
|
||||
@import "../../../../themes/default/components/pickers/anytime";
|
||||
|
||||
// Color picker
|
||||
@import "../../../../themes/default/components/pickers/spectrum";
|
||||
|
||||
|
||||
// File uploaders
|
||||
// ------------------------------
|
||||
|
||||
// Plupload
|
||||
@import "../../../../themes/default/components/forms/uploaders/plupload";
|
||||
|
||||
// File input
|
||||
@import "../../../../themes/default/components/forms/uploaders/file-input";
|
||||
|
||||
// Dropzone
|
||||
@import "../../../../themes/default/components/forms/uploaders/dropzone";
|
||||
|
||||
|
||||
// Notifications
|
||||
// ------------------------------
|
||||
|
||||
// Noty notifications
|
||||
@import "../../../../themes/default/components/notifications/noty";
|
||||
|
||||
// PNotify notifications
|
||||
@import "../../../../themes/default/components/notifications/pnotify";
|
||||
|
||||
// jGrowl notifications
|
||||
@import "../../../../themes/default/components/notifications/jgrowl";
|
||||
|
||||
// Sweet Alerts
|
||||
@import "../../../../themes/default/components/notifications/sweet-alerts";
|
||||
|
||||
|
||||
// Sliders
|
||||
// ------------------------------
|
||||
|
||||
// Slider pips
|
||||
@import "../../../../themes/default/components/sliders/slider-pips";
|
||||
|
||||
// NoUI slider
|
||||
@import "../../../../themes/default/components/sliders/noui-slider";
|
||||
|
||||
// Ion range slider
|
||||
@import "../../../../themes/default/components/sliders/ion-range-slider";
|
||||
|
||||
|
||||
// jQuery UI components
|
||||
// ------------------------------
|
||||
|
||||
// Interactions
|
||||
@import "../../../../themes/default/components/jquery_ui/interactions";
|
||||
|
||||
// Widgets
|
||||
@import "../../../../themes/default/components/jquery_ui/widgets";
|
||||
|
||||
|
||||
// UI components
|
||||
// ------------------------------
|
||||
|
||||
// Prism - syntax highlighter
|
||||
@import "../../../../themes/default/components/ui/prism";
|
||||
|
||||
// Slinky - multi level drilldown menu
|
||||
@import "../../../../themes/default/components/ui/slinky";
|
||||
|
||||
// Sticky kit
|
||||
@import "../../../../themes/default/components/ui/sticky";
|
||||
|
||||
// Headroom - hhide navbar on scroll
|
||||
@import "../../../../themes/default/components/ui/headroom";
|
||||
|
||||
// Dragula
|
||||
@import "../../../../themes/default/components/ui/dragula";
|
||||
|
||||
// Perfect scrollbar
|
||||
@import "../../../../themes/default/components/ui/perfect-scrollbar";
|
||||
|
||||
|
||||
// Misc components
|
||||
// ------------------------------
|
||||
|
||||
// [Material] Floating action buttons
|
||||
@import "../../../../themes/default/components/misc/fab";
|
||||
|
||||
// Fancytree
|
||||
@import "../../../../themes/default/components/misc/fancytree";
|
||||
|
||||
// Progress buttons
|
||||
@import "../../../../themes/default/components/misc/progress-buttons";
|
||||
|
||||
// Full calendar
|
||||
@import "../../../../themes/default/components/misc/fullcalendar";
|
||||
|
||||
// Image cropper
|
||||
@import "../../../../themes/default/components/misc/image-cropper";
|
||||
|
||||
// Lightbox plugin
|
||||
@import "../../../../themes/default/components/misc/fancybox";
|
||||
|
||||
|
||||
// Tables
|
||||
// ------------------------------
|
||||
|
||||
// Footable - responsive table tools
|
||||
@import "../../../../themes/default/components/tables/footable";
|
||||
|
||||
|
||||
// Handsontable
|
||||
// ------------------------------
|
||||
|
||||
// Handsontable - excel-like spreadsheet for apps
|
||||
@import "../../../../themes/default/components/tables/handsontable";
|
||||
|
||||
|
||||
// Datatables
|
||||
// ------------------------------
|
||||
|
||||
// Core
|
||||
@import "../../../../themes/default/components/tables/datatables/datatables";
|
||||
|
||||
// Datatables - columns reorder
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-columns-reorder";
|
||||
|
||||
// Datatables - rows reorder
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-rows-reorder";
|
||||
|
||||
// Datatables - fixed columns
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-fixed-columns";
|
||||
|
||||
// Datatables - fixed header
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-fixed-header";
|
||||
|
||||
// Datatables - autofill
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-autofill";
|
||||
|
||||
// Datatables - select
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-select";
|
||||
|
||||
// Datatables - buttons
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-buttons";
|
||||
|
||||
// Datatables - key table
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-keytable";
|
||||
|
||||
// Datatables - scroller
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-scroller";
|
||||
|
||||
// Datatables - responsive
|
||||
@import "../../../../themes/default/components/tables/datatables/datatable-responsive";
|
||||
|
||||
|
||||
// Maps
|
||||
// ------------------------------
|
||||
|
||||
// Google Maps
|
||||
@import "../../../../shared/maps/google-maps";
|
||||
|
||||
// jVectorMap
|
||||
@import "../../../../shared/maps/jvectormap";
|
||||
|
||||
|
||||
// Charts
|
||||
// ------------------------------
|
||||
|
||||
// Charts base
|
||||
@import "../../../../shared/charts/charts";
|
||||
|
||||
// C3 chart library
|
||||
@import "../../../../shared/charts/c3";
|
||||
|
||||
// D3 chart library
|
||||
@import "../../../../shared/charts/d3";
|
||||
|
||||
|
||||
// Page kits
|
||||
// ------------------------------
|
||||
|
||||
// ECommerce
|
||||
@import "../../../../shared/pages/ecommerce";
|
||||
|
||||
// Blog
|
||||
@import "../../../../shared/pages/blog";
|
||||
|
||||
// Task manager
|
||||
@import "../../../../shared/pages/task-manager";
|
||||
|
||||
// Inbox
|
||||
@import "../../../../shared/pages/inbox";
|
||||
|
||||
// Profile
|
||||
@import "../../../../shared/pages/profile";
|
||||
|
||||
// Login
|
||||
@import "../../../../shared/pages/login";
|
||||
|
||||
// Timelines
|
||||
@import "../../../../shared/pages/timelines";
|
||||
|
||||
// Chats
|
||||
@import "../../../../shared/pages/chats";
|
||||
|
||||
// Error page
|
||||
@import "../../../../shared/pages/error";
|
||||
|
||||
|
||||
// Other components
|
||||
// ------------------------------
|
||||
|
||||
// Heading elements
|
||||
@import "../../../../themes/default/components/ui/header-elements";
|
||||
|
||||
// Helpers
|
||||
@import "../../../../shared/utils/helpers";
|
||||
|
||||
// Plugins demo, remove in real project
|
||||
@import "../../../../themes/default/components/demo";
|
||||
@@ -0,0 +1,35 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Core layout
|
||||
*
|
||||
* Content area, sidebar, page header and boxed layout styles
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/default/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/default/bootstrap_limitless/mixins";
|
||||
|
||||
// Content
|
||||
@import "../layout/content";
|
||||
|
||||
// Header
|
||||
@import "../layout/header";
|
||||
|
||||
// Sidebar
|
||||
@import "../layout/sidebar";
|
||||
|
||||
// Boxed layout
|
||||
@import "../layout/boxed";
|
||||
@@ -0,0 +1,24 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Boxed layout
|
||||
*
|
||||
* Styles for main structure of content area in boxed layout
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Check if component is enabled
|
||||
@if $enable-boxed {
|
||||
|
||||
// Class for body, adds background color/image
|
||||
.layout-boxed-bg {
|
||||
background: $boxed-bg; // mainly for demo, use whatever you want
|
||||
}
|
||||
|
||||
// Container inside other containers
|
||||
.navbar > .container,
|
||||
.page-header > .container,
|
||||
.breadcrumb-line > .container {
|
||||
padding-left: ($content-container-padding-x * 2);
|
||||
padding-right: ($content-container-padding-x * 2);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,57 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Main content layout
|
||||
*
|
||||
* Styles for main structure of content area
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Make sure document has 100% height
|
||||
html {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
// Document body
|
||||
body {
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
// Main container
|
||||
.page-content {
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
padding: $content-container-padding-y $content-container-padding-x;
|
||||
padding-top: ($content-container-padding-y * 2);
|
||||
|
||||
// Extra padding to match other elements
|
||||
&:not(.container) {
|
||||
@include media-breakpoint-up(md) {
|
||||
padding-left: ($page-container-padding-x / 2) + $content-container-padding-x;
|
||||
padding-right: ($page-container-padding-x / 2) + $content-container-padding-x;
|
||||
}
|
||||
@include media-breakpoint-up(xl) {
|
||||
padding-left: $page-container-padding-x + $content-container-padding-x;
|
||||
padding-right: $page-container-padding-x + $content-container-padding-x;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Content wrapper
|
||||
.content-wrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
// Main content container
|
||||
.content {
|
||||
flex-grow: 1;
|
||||
margin-left: $content-container-padding-x;
|
||||
margin-right: $content-container-padding-x;
|
||||
@include clearfix;
|
||||
}
|
||||
@@ -0,0 +1,124 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Page header
|
||||
*
|
||||
* Page header components and color options
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Base
|
||||
.page-header {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
// Page title
|
||||
.page-title {
|
||||
padding: $page-header-padding-y 0;
|
||||
position: relative;
|
||||
|
||||
// Subtitle
|
||||
small {
|
||||
display: inline-block;
|
||||
margin-left: $element-spacer-x;
|
||||
|
||||
// Divider
|
||||
&:before {
|
||||
content: '/';
|
||||
margin-right: ($element-spacer-x + 0.25rem);
|
||||
}
|
||||
|
||||
// On a new line
|
||||
&.d-block {
|
||||
margin-left: 0;
|
||||
|
||||
&:before {
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Add left spacing to align with text
|
||||
small.d-block,
|
||||
.breadcrumb {
|
||||
margin-left: ($icon-font-size + $element-spacer-x + 0.25rem);
|
||||
}
|
||||
|
||||
// Remove margin from headings
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Page header content
|
||||
.page-header-content {
|
||||
position: relative;
|
||||
padding: 0 $page-header-padding-x;
|
||||
|
||||
// With custom colored bottom border
|
||||
&[class*=border-bottom-] + .breadcrumb-line {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
// Horizontal spacing on desktop
|
||||
@include media-breakpoint-up(md) {
|
||||
padding-left: ($page-container-padding-x / 2) + ($content-container-padding-x * 2);
|
||||
padding-right: ($page-container-padding-x / 2) + ($content-container-padding-x * 2);
|
||||
}
|
||||
@include media-breakpoint-up(xl) {
|
||||
padding-left: $page-container-padding-x + ($content-container-padding-x * 2);
|
||||
padding-right: $page-container-padding-x + ($content-container-padding-x * 2);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Page header colors
|
||||
//
|
||||
|
||||
// Light
|
||||
.page-header-light {
|
||||
background-color: $page-header-light-bg;
|
||||
border-bottom: $page-header-border-width solid $page-header-light-border-color;
|
||||
|
||||
// Cover image
|
||||
&.has-cover {
|
||||
background: url(#{$img-path}/backgrounds/seamless.png); // feel free to change
|
||||
}
|
||||
}
|
||||
|
||||
// Dark
|
||||
.page-header-dark {
|
||||
background-color: $page-header-dark-bg;
|
||||
color: $page-header-dark-color;
|
||||
// margin-bottom: $spacer;
|
||||
|
||||
// Breadcrumbs
|
||||
> .breadcrumb,
|
||||
.page-header-content .breadcrumb {
|
||||
|
||||
// Links
|
||||
> li > a,
|
||||
> li + li:before {
|
||||
color: rgba($page-header-dark-color, 0.9);
|
||||
}
|
||||
|
||||
// Hovered links
|
||||
> li > a {
|
||||
@include hover-focus {
|
||||
color: $page-header-dark-color;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// Active item
|
||||
> .active {
|
||||
color: rgba($page-header-dark-color, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
// Cover image
|
||||
&.has-cover {
|
||||
background: url(#{$img-path}/login_cover.jpg); // feel free to change
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,841 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Additional variables
|
||||
*
|
||||
* Mainly 3rd party libraries and additional variables for default
|
||||
* Bootstrap components.
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
//
|
||||
// Light contextual colors
|
||||
//
|
||||
// Includes 50 shades from custom color palette
|
||||
|
||||
$theme-colors-light: () !default;
|
||||
$theme-colors-light: map-merge((
|
||||
"primary": $color-primary-50,
|
||||
"secondary": $gray-300,
|
||||
"success": $color-success-50,
|
||||
"info": $color-info-50,
|
||||
"warning": $color-orange-50,
|
||||
"danger": $color-danger-50,
|
||||
"light": $gray-200,
|
||||
"dark": $color-slate-50
|
||||
), $theme-colors-light);
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Content styling
|
||||
//
|
||||
// Various custom variables for text, icons, elements, blocks etc
|
||||
|
||||
// Content divider
|
||||
$content-divider-height: $border-width !default;
|
||||
$content-divider-color: $border-color !default;
|
||||
|
||||
// Shadows used in :hover/:focus states
|
||||
$hover-shadow-lighter: 0 0 0 62.5rem rgba($black, 0.01) inset !default;
|
||||
$hover-shadow-darker: 0 0 0 62.5rem rgba($black, 0.04) inset !default;
|
||||
|
||||
// Images
|
||||
$img-path: '../../../../../../global_assets/images' !default;
|
||||
$img-preview-max-height: 5rem !default;
|
||||
|
||||
// Wrappers for element spacers. Uses default $spacers map
|
||||
$element-spacer-x-sm: map-get($spacers, 1) !default;
|
||||
$element-spacer-x: map-get($spacers, 2) !default;
|
||||
$element-spacer-x-lg: map-get($spacers, 3) !default;
|
||||
|
||||
// Header elements
|
||||
$header-elements-padding-y: $spacer !default;
|
||||
$header-elements-padding-x: $grid-gutter-width !default;
|
||||
|
||||
// Icons
|
||||
$list-icons-spacer: 0.375rem !default;
|
||||
|
||||
$icon-caret-up: '\e9ca' !default;
|
||||
$icon-caret-down: '\e9c9' !default;
|
||||
$icon-caret-left: '\e9c8' !default;
|
||||
$icon-caret-right: '\e9cb' !default;
|
||||
|
||||
$icon-alert-styled-base: '\e9a2' !default;
|
||||
$icon-alert-styled-danger: '\ed64' !default;
|
||||
$icon-alert-styled-success: '\ed6e' !default;
|
||||
$icon-alert-styled-warning: '\e9bd' !default;
|
||||
$icon-alert-styled-info: '\e9b9' !default;
|
||||
$icon-alert-styled-custom: '\e81b' !default;
|
||||
|
||||
$icon-validation-error: '\ed63' !default;
|
||||
$icon-validation-success: '\ee73' !default;
|
||||
|
||||
$icon-notification-sticker: '\ee70' !default;
|
||||
$icon-notification-stuck: '\ee75' !default;
|
||||
|
||||
$icon-table-row-expand: '\e9e4' !default;
|
||||
$icon-table-row-collapse: '\e9e7' !default;
|
||||
$icon-table-sorting-up: '\e9c2' !default;
|
||||
$icon-table-sorting-down: '\e9c1' !default;
|
||||
$icon-table-button-confirm: '\ed6e' !default;
|
||||
|
||||
$icon-menu-arrow-down: '\e9c5' !default;
|
||||
$icon-menu-sub-arrow-ltr: '\e9c7' !default;
|
||||
$icon-menu-sub-arrow-rtl: '\e9c4' !default;
|
||||
$icon-menu-slinky-back-ltr: '\ede7' !default;
|
||||
$icon-menu-slinky-back-rtl: '\ede5' !default;
|
||||
|
||||
$icon-nav-prev: '\e9c8' !default;
|
||||
$icon-nav-next: '\e9cb' !default;
|
||||
$icon-nav-calendar-prev: '\e9c0' !default;
|
||||
$icon-nav-calendar-next: '\e9c3' !default;
|
||||
|
||||
$icon-indicator-expand: '\e9c5' !default;
|
||||
$icon-indicator-collapse: '\e9c7' !default;
|
||||
|
||||
$icon-spinner-up: '\e9f7' !default;
|
||||
$icon-spinner-down: '\e9e2' !default;
|
||||
|
||||
$icon-uploader-placeholder: '\ea0e' !default;
|
||||
$icon-uploader-placeholder-actions: '\ec67' !default;
|
||||
|
||||
$icon-action-cross: '\ed6a' !default;
|
||||
$icon-action-cross-sm: '\ed6b' !default;
|
||||
|
||||
$icon-fancytree-file: '\ea1a' !default;
|
||||
$icon-fancytree-sub-collapse: '\ea0f' !default;
|
||||
$icon-fancytree-sub-expand: '\ea11' !default;
|
||||
$icon-fancytree-folder: '\ea3d' !default;
|
||||
$icon-fancytree-folder-collapse: '\ea41' !default;
|
||||
$icon-fancytree-folder-expand: '\ea43' !default;
|
||||
|
||||
$icon-card-collapse: '\e9b8' !default;
|
||||
$icon-card-expand: '\e9b7' !default;
|
||||
$icon-card-action-collapse: '\e9c1' !default;
|
||||
$icon-card-action-reload: '\e9fb' !default;
|
||||
$icon-card-action-remove: '\ed6a' !default;
|
||||
$icon-card-action-move: '\e986' !default;
|
||||
$icon-card-action-full-base: '\e9f9' !default;
|
||||
$icon-card-action-full-active: '\e9fa' !default;
|
||||
$icon-card-action-modal: '\e9eb' !default;
|
||||
|
||||
$icon-wizard-step-current: '\e913' !default;
|
||||
$icon-wizard-step-complete: '\ed6f' !default;
|
||||
|
||||
$icon-picker-color-clear: '\ee6e' !default;
|
||||
$icon-checkbox-tick: '\e600' !default;
|
||||
$icon-search-magnifier: '\e98e' !default;
|
||||
$icon-loading-spinner: '\eb51' !default;
|
||||
$icon-list-dot: '\f052' !default;
|
||||
|
||||
// Transition timers
|
||||
$component-transition-timer: 0.15s !default;
|
||||
$component-transition-delay: 0.15s !default;
|
||||
|
||||
// Enhanced media objects
|
||||
$media-title-margin-bottom: 0.125rem !default;
|
||||
$media-link-hover-bg: rgba($black, 0.04) !default;
|
||||
$media-padding-x: 1.25rem !default;
|
||||
$media-padding-y: 1rem !default;
|
||||
$media-border-width: $border-width !default;
|
||||
$media-border-color: $border-color !default;
|
||||
|
||||
// Enhanced dropdown menus
|
||||
$dropdown-content-header-padding-y: 1rem !default;
|
||||
$dropdown-content-body-padding-y: 1.25rem !default;
|
||||
$dropdown-content-body-padding-x: 1.25rem !default;
|
||||
$dropdown-content-footer-padding-y: 0.75rem !default;
|
||||
$dropdown-content-footer-border-width: $border-width !default;
|
||||
$dropdown-content-footer-border-color: $border-color !default;
|
||||
|
||||
// Perfect scrollbar
|
||||
$ps-size: 0.25rem !default;
|
||||
$ps-gap: 0.125rem !default;
|
||||
$ps-bg: $gray-600 !default;
|
||||
$ps-opacity: 0.75 !default;
|
||||
|
||||
// jQuery UI
|
||||
$ui-accordion-spacer-y: 0.5rem !default;
|
||||
$ui-autocomplete-height: 250px !default;
|
||||
$ui-datepicker-width: 270px !default;
|
||||
|
||||
// Charts
|
||||
$chart-container-height: 400px !default;
|
||||
$chart-min-width: 37.5rem !default;
|
||||
$chart-pie-min-width: 31.25rem !default;
|
||||
|
||||
// Maps
|
||||
$map-container-height: 500px !default;
|
||||
$map-container-sidebar-height: 200px !default;
|
||||
|
||||
// Misc
|
||||
$select-custom-width: 220px !default;
|
||||
$cursor-disabled: default !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Page header
|
||||
//
|
||||
// Includes page header base, colors and page title
|
||||
|
||||
$page-header-border-width: $border-width !default;
|
||||
$page-header-elements-border-width: $border-width !default;
|
||||
|
||||
$page-header-padding-y: 2rem !default;
|
||||
$page-header-padding-x: $grid-gutter-width !default;
|
||||
|
||||
$page-header-light-bg: $white !default;
|
||||
$page-header-light-border-color: $border-color !default;
|
||||
$page-header-light-elements-bg: $gray-100 !default;
|
||||
$page-header-light-elements-border-color: $page-header-light-border-color !default;
|
||||
|
||||
$page-header-dark-bg: #273246 !default;
|
||||
$page-header-dark-color: $white !default;
|
||||
$page-header-dark-border-color: rgba($white, 0.2) !default;
|
||||
$page-header-dark-elements-bg: rgba($black, 0.1) !default;
|
||||
$page-header-dark-elements-border-color: $page-header-dark-border-color !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Content area
|
||||
//
|
||||
// Area below page header, Also includes boxed layout
|
||||
|
||||
$page-container-padding-x: 8.75rem;
|
||||
|
||||
$content-container-padding-y: $spacer !default;
|
||||
$content-container-padding-x: ($grid-gutter-width / 2) !default;
|
||||
|
||||
$boxed-bg: url(#{$img-path}/backgrounds/boxed_bg.png) repeat !default;
|
||||
$boxed-container-box-shadow: -4px 2px 4px rgba($black, 0.15), 4px 2px 4px rgba($black, 0.15) !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Sidebar
|
||||
//
|
||||
// Includes sidebar sizes, colors and user areas
|
||||
|
||||
// Base
|
||||
$sidebar-base-width: rem-calc(270px) !default;
|
||||
$sidebar-mini-width: ($spacer * 2) + $icon-font-size !default;
|
||||
|
||||
|
||||
// Light sidebar
|
||||
$sidebar-light-bg: $white !default;
|
||||
$sidebar-light-color: $body-color !default;
|
||||
$sidebar-light-border-width: $border-width !default;
|
||||
$sidebar-light-border-color: rgba($black, 0.125) !default;
|
||||
$sidebar-light-toggler-bg: darken($sidebar-light-bg, 4%) !default;
|
||||
$sidebar-light-toggler-color: rgba($sidebar-light-color, 0.8) !default;
|
||||
$sidebar-light-toggler-hover-bg: transparent !default;
|
||||
$sidebar-light-toggler-hover-color: $sidebar-light-color !default;
|
||||
$sidebar-light-tabs-bg: darken($sidebar-light-bg, 4%) !default;
|
||||
$sidebar-light-xs-menu-bg: darken($sidebar-light-bg, 1%) !default;
|
||||
|
||||
|
||||
// Dark sidebar
|
||||
$sidebar-dark-bg: #273246 !default;
|
||||
$sidebar-dark-color: $white !default;
|
||||
$sidebar-dark-border-width: $border-width !default;
|
||||
$sidebar-dark-border-color: rgba($white, 0.1) !default;
|
||||
$sidebar-dark-toggler-bg: darken($sidebar-dark-bg, 4%) !default;
|
||||
$sidebar-dark-toggler-color: rgba($sidebar-dark-color, 0.9) !default;
|
||||
$sidebar-dark-toggler-hover-bg: transparent !default;
|
||||
$sidebar-dark-toggler-hover-color: $sidebar-dark-color !default;
|
||||
$sidebar-dark-tabs-bg: darken($sidebar-dark-bg, 4%) !default;
|
||||
$sidebar-dark-xs-menu-bg: lighten($sidebar-dark-bg, 5%) !default;
|
||||
|
||||
|
||||
// Shadows [material only]
|
||||
$sidebar-left-desktop-box-shadow: $card-box-shadow !default;
|
||||
$sidebar-left-mobile-box-shadow: 0.25rem 0 1rem rgba(0, 0, 0, 0.35) !default;
|
||||
|
||||
$sidebar-right-desktop-box-shadow: $card-box-shadow !default;
|
||||
$sidebar-right-mobile-box-shadow: -0.25rem 0 1rem rgba(0, 0, 0, 0.35) !default;
|
||||
|
||||
|
||||
// Z-indexes
|
||||
$sidebar-zindex: ($zindex-fixed + 10) !default;
|
||||
$sidebar-zindex-main: 99 !default;
|
||||
$sidebar-zindex-secondary: ($sidebar-zindex-main - 1) !default;
|
||||
$sidebar-zindex-right: ($sidebar-zindex-main - 2) !default;
|
||||
$sidebar-zindex-component: ($sidebar-zindex-main - 3) !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Main vertical navigation
|
||||
//
|
||||
// Includes base styles, levels and colors
|
||||
|
||||
$navigation-padding-y: 0.5rem !default;
|
||||
|
||||
$navigation-item-padding-y: 0.75rem !default;
|
||||
$navigation-item-padding-x: 1.25rem !default;
|
||||
$navigation-item-spacer-y: 1px !default;
|
||||
$navigation-item-font-weight: $font-weight-semibold !default;
|
||||
$navigation-item-disabled-opacity: 0.5 !default;
|
||||
|
||||
$navigation-sub-padding-y: 0.625rem !default;
|
||||
$navigation-sub-item-opacity: 0.5 !default;
|
||||
|
||||
|
||||
// Dark sidebar navigation styles
|
||||
$navigation-dark-color: rgba($sidebar-dark-color, 0.9) !default;
|
||||
$navigation-dark-hover-bg: rgba($black, 0.15) !default;
|
||||
$navigation-dark-hover-color: $sidebar-dark-color !default;
|
||||
$navigation-dark-active-bg: $color-teal-400 !default;
|
||||
$navigation-dark-active-color: $white !default;
|
||||
$navigation-dark-sub-bg: rgba($black, 0.15) !default;
|
||||
$navigation-dark-sub-active-bg: rgba($black, 0.15) !default;
|
||||
$navigation-dark-sub-active-color: $white !default;
|
||||
$navigation-dark-bordered-border-width: $border-width !default;
|
||||
$navigation-dark-bordered-border-color: rgba($white, 0.1) !default;
|
||||
$navigation-dark-bordered-header-bg: rgba($black, 0.1) !default;
|
||||
|
||||
|
||||
// Light sidebar navigation styles
|
||||
$navigation-light-color: rgba($sidebar-light-color, 0.85) !default;
|
||||
$navigation-light-hover-bg: $gray-200 !default;
|
||||
$navigation-light-hover-color: $sidebar-light-color !default;
|
||||
$navigation-light-active-bg: $navigation-light-hover-bg !default;
|
||||
$navigation-light-active-color: $navigation-light-hover-color !default;
|
||||
$navigation-light-sub-bg: transparent !default;
|
||||
$navigation-light-sub-active-bg: $gray-200 !default;
|
||||
$navigation-light-sub-active-color: $body-color !default;
|
||||
$navigation-light-bordered-border-width: $border-width !default;
|
||||
$navigation-light-bordered-border-color: $gray-300 !default;
|
||||
$navigation-light-bordered-header-bg: $gray-100 !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Form components
|
||||
//
|
||||
// Form checks, switches, selects, tags etc.
|
||||
|
||||
// Checkboxes and radios
|
||||
$checkbox-size: 1.25rem !default;
|
||||
$checkbox-color: $color-slate-700 !default;
|
||||
$checkbox-border-width: rem-calc($border-width * 2) !default;
|
||||
$checkbox-border-color: $checkbox-color !default;
|
||||
$checkbox-disabled-opacity: 0.5 !default;
|
||||
|
||||
|
||||
// Switchery toggle
|
||||
$switchery-bg: $white !default;
|
||||
$switchery-border-width: $border-width !default;
|
||||
$switchery-border-color: $gray-400 !default;
|
||||
$switchery-handle-bg: $white !default;
|
||||
$switchery-handle-box-shadow: 0 1px 3px rgba($black, 0.4) !default;
|
||||
$switchery-size: 1.125rem !default;
|
||||
$switchery-margin-x: 0.625rem !default;
|
||||
|
||||
|
||||
// Bootstrap switch
|
||||
$switch-border-width: $border-width !default;
|
||||
$switch-bg-default: $gray-300 !default;
|
||||
$switch-handle-width: 0.25rem !default;
|
||||
$switch-handle-height: 0.625rem !default;
|
||||
$switch-handle-bg: $white !default;
|
||||
$switch-handle-border-color: rgba($black, 0.15) !default;
|
||||
$switch-handle-hover-bg: $gray-100 !default;
|
||||
|
||||
|
||||
// Select2 selects
|
||||
$select2-max-height: 280px !default;
|
||||
$select2-disabled-opacity: 0.6 !default;
|
||||
$select2-custom-disabled-opacity: 0.75 !default;
|
||||
|
||||
$select2-pills-spacer: 0.125rem !default;
|
||||
$select2-pills-bg: $color-slate-700 !default;
|
||||
$select2-pills-color: $white !default;
|
||||
$select2-pills-hover-bg: $select2-pills-bg !default;
|
||||
$select2-pills-hover-color: $select2-pills-color !default;
|
||||
$select2-pills-border-radius: $border-radius !default;
|
||||
|
||||
$select2-light-results-color: $gray-600 !default;
|
||||
$select2-dark-results-color: rgba($white, 0.75) !default;
|
||||
|
||||
|
||||
// Multiselect
|
||||
$multiselect-max-height: 280px !default;
|
||||
$multiselect-font-weight: $font-weight-normal !default;
|
||||
$multiselect-text-transform: none !default;
|
||||
|
||||
|
||||
// Typeahead
|
||||
$typeahead-max-height: 350px !default;
|
||||
$typeahead-max-height-scrollable: 250px !default;
|
||||
|
||||
|
||||
// Tag inputs
|
||||
$tags-spacer: 0.125rem !default;
|
||||
$tags-color: $body-color !default;
|
||||
$tags-hover-color: $white !default;
|
||||
$tags-bg: $gray-300 !default;
|
||||
$tags-hover-bg: $color-blue-500 !default;
|
||||
$tag-disabled-opacity: 0.5 !default;
|
||||
$tag-border-radius: $border-radius !default;
|
||||
|
||||
|
||||
// Form wizard
|
||||
$wizard-step-line-size: 2px !default;
|
||||
$wizard-step-line-color: $gray-300 !default;
|
||||
|
||||
$wizard-step-number-size: rem-calc(38px) !default;
|
||||
$wizard-step-number-bg: $card-bg !default;
|
||||
$wizard-step-number-color: $gray-500 !default;
|
||||
$wizard-step-number-active-bg: $color-info-500 !default;
|
||||
$wizard-step-number-active-color: $white !default;
|
||||
$wizard-step-number-error-bg: $color-danger-500 !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Text editors
|
||||
//
|
||||
// Summernote, trumbowyg, ace code editor
|
||||
|
||||
// Summernote editor
|
||||
$summernote-border-width: $border-width !default;
|
||||
$summernote-border-color: $border-color !default;
|
||||
$summernote-font-path: "../../../../../../global_assets/css/icons/summernote/" !default;
|
||||
$summernote-icon-font-size: 0.875rem !default;
|
||||
$summernote-min-height: rem-calc(150px) !default;
|
||||
|
||||
$summernote-resizer-width: 1.25rem !default;
|
||||
$summernote-resizer-height: $border-width !default;
|
||||
$summernote-resizer-color: $border-color !default;
|
||||
|
||||
|
||||
// Trumbowyg editor
|
||||
$trumbowyg-min-height: 350px !default;
|
||||
|
||||
$trumbowyg-border-width: $border-width !default;
|
||||
$trumbowyg-border-color: $border-color !default;
|
||||
|
||||
$trumbowyg-toolbar-bg: $gray-100 !default;
|
||||
$trumbowyg-toolbar-hover-bg: $gray-300 !default;
|
||||
$trumbowyg-toolbar-color: $body-color !default;
|
||||
$trumbowyg-toolbar-border-width: $border-width !default;
|
||||
$trumbowyg-toolbar-border-color: $border-color !default;
|
||||
$trumbowyg-toolbar-divider-width: 1px !default;
|
||||
$trumbowyg-toolbar-height: ($btn-padding-x * 2) + $icon-font-size + rem-calc($trumbowyg-toolbar-border-width * 2) !default;
|
||||
|
||||
|
||||
// Ace code editor
|
||||
$ace-height: 450px !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Pickers
|
||||
//
|
||||
// Date, time and color pickers
|
||||
|
||||
// Common styles for date pickers
|
||||
$datepicker-padding: 0.9375rem !default;
|
||||
$datepicker-title-font-size: $h6-font-size !default;
|
||||
|
||||
$datepicker-item-padding: $input-btn-padding-y !default;
|
||||
$datepicker-item-weekday-color: $gray-600 !default;
|
||||
$datepicker-item-year-color: $gray-600 !default;
|
||||
$datepicker-item-focusout-color: $gray-500 !default;
|
||||
$datepicker-item-hover-color: $body-color !default;
|
||||
$datepicker-item-hover-bg: $gray-200 !default;
|
||||
$datepicker-item-active-color: $white !default;
|
||||
$datepicker-item-active-bg: $color-teal-400 !default;
|
||||
$datepicker-item-today-color: $body-color !default;
|
||||
$datepicker-item-today-bg: $gray-200 !default;
|
||||
$datepicker-item-disabled-color: $gray-600 !default;
|
||||
$datepicker-item-disabled-bg: transparent !default;
|
||||
|
||||
|
||||
// Pick-a-date picker
|
||||
$pickadate-min-width: 18rem !default;
|
||||
$pickadate-max-width: 20rem !default;
|
||||
$pickadate-max-height: 480px !default;
|
||||
|
||||
|
||||
// Pick-a-time picker
|
||||
$pickatime-max-height: 250px !default;
|
||||
$pickatime-min-width: 16rem !default;
|
||||
$pickatime-max-width: 20rem !default;
|
||||
|
||||
|
||||
// Anytime picker
|
||||
$anytime-year-btn-bg: $color-danger-500 !default;
|
||||
$anytime-year-btn-color: $white !default;
|
||||
|
||||
$anytime-month-btn-bg: $color-teal-400 !default;
|
||||
$anytime-month-btn-color: $white !default;
|
||||
|
||||
$anytime-time-btn-bg: $color-slate-500 !default;
|
||||
$anytime-time-btn-color: $white !default;
|
||||
|
||||
|
||||
// Spectrum color picker
|
||||
$spectrum-padding: 0.625rem !default;
|
||||
$spectrum-width: 13.75rem !default;
|
||||
$spectrum-max-width: 13.75rem !default;
|
||||
|
||||
$spectrum-choose-btn-bg: $color-slate-500 !default;
|
||||
$spectrum-choose-btn-color: $white !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// File uploaders
|
||||
//
|
||||
// Plupload, Bootstrap file input and dropzone
|
||||
|
||||
// Plupload uploader
|
||||
$plupload-max-height: 250px !default;
|
||||
$plupload-bg: #fcfcfc !default;
|
||||
$plupload-border-width: ($border-width * 2) !default;
|
||||
$plupload-border-style: dashed !default;
|
||||
$plupload-border-color: $gray-400 !default;
|
||||
|
||||
$plupload-header-bg: $color-slate-800 !default;
|
||||
$plupload-header-color: $white !default;
|
||||
|
||||
$plupload-placeholder-icon-color: $gray-500 !default;
|
||||
$plupload-placeholder-text-color: $gray-700 !default;
|
||||
|
||||
$plupload-btn-start-bg: theme-color('primary') !default;
|
||||
$plupload-btn-start-border-color: $plupload-btn-start-bg !default;
|
||||
$plupload-btn-start-color: $white !default;
|
||||
|
||||
|
||||
// Bootstrap file input
|
||||
$fileinput-preview-spacer: 0.5rem !default;
|
||||
$fileinput-preview-thumb-width: 10rem !default;
|
||||
$fileinput-preview-thumb-height: 10rem !default;
|
||||
$fileinput-preview-thumb-caption-spacer: 0.75rem !default;
|
||||
$fileinput-preview-footer-bg: $gray-100 !default;
|
||||
$fileinput-preview-progress-height: 0.375rem !default;
|
||||
$fileinput-preview-frame-bg: $card-bg !default;
|
||||
$fileinput-preview-frame-border-width: $border-width !default;
|
||||
$fileinput-preview-frame-border-color: $border-color !default;
|
||||
|
||||
|
||||
// Dropzone
|
||||
$dropzone-min-height: 18rem !default;
|
||||
$dropzone-spacer: 0.3125rem !default;
|
||||
|
||||
$dropzone-bg: #fcfcfc !default;
|
||||
$dropzone-border-width: ($border-width * 2) !default;
|
||||
$dropzone-border-style: dashed !default;
|
||||
$dropzone-border-color: $gray-400 !default;
|
||||
|
||||
$dropzone-placeholder-icon-size: ($icon-font-size * 4) !default;
|
||||
$dropzone-placeholder-icon-color: $gray-500 !default;
|
||||
$dropzone-placeholder-text-color: $gray-700 !default;
|
||||
|
||||
$dropzone-drag-bg: $gray-200 !default;
|
||||
$dropzone-drag-color: $gray-400 !default;
|
||||
$dropzone-drag-border-color: $gray-600 !default;
|
||||
|
||||
$dropzone-preview-spacer: 0.5rem !default;
|
||||
$dropzone-preview-width: 10rem !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Notifications
|
||||
//
|
||||
// Sweet alert and noty.js notification libraries
|
||||
|
||||
// Common styles
|
||||
$notification-width: 20rem !default;
|
||||
$notification-gutter-y: $spacer !default;
|
||||
$notification-gutter-x: ($content-container-padding-x * 2) !default;
|
||||
$notification-box-shadow: $dropdown-box-shadow !default;
|
||||
|
||||
|
||||
// Noty.js
|
||||
$noty-spacer-y: 0.25rem !default;
|
||||
|
||||
$notification-alert-bg: $color-slate-600 !default;
|
||||
$notification-alert-color: $white !default;
|
||||
$notification-alert-border-color: $notification-alert-bg !default;
|
||||
|
||||
$notification-warning-bg: $color-warning-400 !default;
|
||||
$notification-warning-color: $white !default;
|
||||
$notification-warning-border-color: $notification-warning-bg !default;
|
||||
|
||||
$notification-error-bg: $color-danger-400 !default;
|
||||
$notification-error-color: $white !default;
|
||||
$notification-error-border-color: $notification-error-bg !default;
|
||||
|
||||
$notification-info-bg: $color-blue-500 !default;
|
||||
$notification-info-color: $white !default;
|
||||
$notification-info-border-color: $notification-info-bg !default;
|
||||
|
||||
$notification-success-bg: $color-success-500 !default;
|
||||
$notification-success-color: $white !default;
|
||||
$notification-success-border-color: $notification-success-bg !default;
|
||||
|
||||
$noty-progress-height: 0.1875rem !default;
|
||||
$noty-progress-bg: rgba($black, 0.25) !default;
|
||||
|
||||
|
||||
// Sweet alert 2
|
||||
$swal-padding: 1.25rem !default;
|
||||
$swal-width: 31.25rem !default;
|
||||
$swal-margin-x: ($content-container-padding-x * 2) !default;
|
||||
|
||||
$swal2-icon-size: 5rem !default;
|
||||
$swal2-icon-border-width: 0.25rem !default;
|
||||
$swal2-icon-spacer: 1rem !default;
|
||||
|
||||
$swal2-step-inactive-color: $text-muted !default;
|
||||
$swal2-step-active-color: $color-primary-500 !default;
|
||||
$swal2-step-complete-color: $swal2-step-active-color !default;
|
||||
$swal2-step-line-color: $gray-400 !default;
|
||||
|
||||
$swal2-error-color: $color-danger-400 !default;
|
||||
$swal2-error-border-color: $swal2-error-color !default;
|
||||
|
||||
$swal2-warning-color: $color-warning-400 !default;
|
||||
$swal2-warning-border-color: $swal2-warning-color !default;
|
||||
|
||||
$swal2-info-color: $color-blue-500 !default;
|
||||
$swal2-info-border-color: $swal2-info-color !default;
|
||||
|
||||
$swal2-question-color: $color-slate-700 !default;
|
||||
$swal2-question-border-color: $swal2-question-color !default;
|
||||
|
||||
$swal2-success-color: $color-success-400 !default;
|
||||
$swal2-success-border-color: $swal2-success-color !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Tables
|
||||
//
|
||||
// Handsontable and datatables.js libraries
|
||||
|
||||
// Handsontable
|
||||
$hot-row-header-width: 5rem !default;
|
||||
$hot-cell-height: 1.875rem !default;
|
||||
$hot-cell-bg: $white !default;
|
||||
$hot-header-bg: $gray-200 !default;
|
||||
$hot-search-result-bg: $color-orange-50 !default;
|
||||
$hot-cell-padding-y: 0.3125rem !default;
|
||||
$hot-cell-padding-x: 0.25rem !default;
|
||||
$hot-datepicker-width: 15.63rem !default;
|
||||
$hot-cell-highlight-bg: $color-primary-50 !default;
|
||||
$hot-cell-highlight-border-color: $color-primary-500 !default;
|
||||
$hot-scrollable-max-height: 22.5rem !default;
|
||||
|
||||
|
||||
// Datatables
|
||||
$dt-spacer-y: $spacer !default;
|
||||
$dt-spacer-x: $card-spacer-x !default;
|
||||
$dt-filter-width: 12.5rem !default;
|
||||
$dt-controls-label-spacer-y: ($input-padding-y + rem-calc($input-border-width)) !default;
|
||||
$dt-controls-label-spacer-x: ($dt-spacer-x / 1.5) !default;
|
||||
|
||||
$dt-pagination-active-bg: $color-slate-800 !default;
|
||||
$dt-pagination-active-color: $white !default;
|
||||
|
||||
$dt-button-collection-2col-width: 18.75rem !default;
|
||||
$dt-button-collection-3col-width: 28.13rem !default;
|
||||
$dt-button-collection-4col-width: 37.5rem !default;
|
||||
|
||||
$dt-ext-select-active-row-bg: $color-success-50 !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Misc components
|
||||
//
|
||||
// Other custom 3rd party extensions and libraries
|
||||
|
||||
// FAB (floating action button)
|
||||
$fab-main-btn-size: (($btn-float-padding + ($icon-font-size / 2)) * 2) !default;
|
||||
$fab-btn-gap: 0.125rem !default;
|
||||
$fab-gutter-x: ($content-container-padding-x * 2) !default;
|
||||
|
||||
$fab-inner-btn-size: (($btn-float-padding - $fab-btn-gap) * 2) + $icon-font-size !default;
|
||||
$fab-inner-btn-spacing: $spacer !default;
|
||||
|
||||
$fab-badge-spacer-x: 0.25rem !default;
|
||||
$fab-badge-spacer-y: $fab-badge-spacer-x !default;
|
||||
|
||||
$fab-label-light-bg: $white !default;
|
||||
$fab-label-light-color: $body-color !default;
|
||||
|
||||
|
||||
// Fullcalendar
|
||||
$fullcalendar-bg: $card-bg !default;
|
||||
|
||||
$fullcalendar-event-bg: $color-blue-600 !default;
|
||||
$fullcalendar-event-color: $white !default;
|
||||
$fullcalendar-event-border-width: $border-width !default;
|
||||
$fullcalendar-event-border-color: $color-blue-600 !default;
|
||||
|
||||
$fullcalendar-event-spacer: 0.5rem !default;
|
||||
$fullcalendar-event-padding-y: 0.25rem !default;
|
||||
$fullcalendar-event-padding-x: 0.5rem !default;
|
||||
|
||||
$fullcalendar-event-resizer-size-h: 0.5rem !default;
|
||||
$fullcalendar-event-resizer-size-v: 0.5rem !default;
|
||||
|
||||
$fullcalendar-today-bg: $color-success-50 !default;
|
||||
$fullcalendar-bgevent-bg: rgba($color-success-300, 0.3) !default;
|
||||
$fullcalendar-nonbusiness-bg: rgba($gray-400, 0.3) !default;
|
||||
$fullcalendar-highlight-bg: rgba($gray-400, 0.3) !default;
|
||||
$fullcalendar-weekday-bg: $gray-100 !default;
|
||||
$fullcalendar-weekday-color: rgba($body-color, 0.5) !default;
|
||||
|
||||
|
||||
// Sliders (shared styles)
|
||||
$slider-bg: $gray-300 !default;
|
||||
$slider-connect-bg: $color-slate-500 !default;
|
||||
$slider-disabled-opacity: 0.75 !default;
|
||||
$slider-box-shadow: inset 0 1px 1px rgba($black, 0.1) !default;
|
||||
|
||||
$slider-height: 0.375rem !default;
|
||||
$slider-height-lg: ($slider-height + 0.125rem) !default;
|
||||
$slider-height-sm: ($slider-height - 0.125rem) !default;
|
||||
$slider-vertical-height: 10rem !default;
|
||||
|
||||
$slider-handle-bg: $white !default;
|
||||
$slider-handle-inner-bg: $gray-900 !default;
|
||||
$slider-handle-border-width: $border-width !default;
|
||||
$slider-handle-border-color: $gray-500 !default;
|
||||
$slider-handle-hover-bg: $gray-100 !default;
|
||||
$slider-handle-inner-hover-bg: $gray-800 !default;
|
||||
|
||||
$slider-pips-color: $gray-700 !default;
|
||||
$slider-pips-spacer-y: 1rem !default;
|
||||
$slider-pips-marker-width: 0.0625rem !default;
|
||||
$slider-pips-marker-height: 0.1875rem !default;
|
||||
$slider-pips-font-size: $font-size-xs !default;
|
||||
$slider-pips-line-height: $line-height-xs !default;
|
||||
|
||||
|
||||
// Image cropper
|
||||
$cropper-grid-size: $border-width !default;
|
||||
$cropper-grid-color: $gray-300 !default;
|
||||
$cropper-grid-center-size: ($border-width * 9) !default;
|
||||
|
||||
$cropper-resizer-color: $color-primary-500 !default;
|
||||
$cropper-resizer-size: 0.375rem !default;
|
||||
$cropper-resizer-size-lg: 1.25rem !default;
|
||||
|
||||
|
||||
// Fancybox
|
||||
$fancybox-nav-spacer-x: 0.625rem !default;
|
||||
$fancybox-nav-spacer-y: $fancybox-nav-spacer-x !default;
|
||||
$fancybox-nav-padding: 0.375rem !default;
|
||||
$fancybox-nav-bg: rgba($black, 0.5) !default;
|
||||
$fancybox-nav-color: $white !default;
|
||||
$fancybox-nav-hover-bg: $gray-900 !default;
|
||||
$fancybox-nav-hover-color: $fancybox-nav-color !default;
|
||||
|
||||
$fancybox-caption-padding-y: 0.5rem !default;
|
||||
$fancybox-caption-padding-x: 0.625rem !default;
|
||||
$fancybox-caption-bg: rgba($black, 0.5) !default;
|
||||
$fancybox-caption-color: $white !default;
|
||||
|
||||
|
||||
// Fancytree
|
||||
$fancytree-node-padding-y: 0.25rem !default;
|
||||
$fancytree-node-padding-x: 0.5rem !default;
|
||||
|
||||
$fancytree-node-selected-bg: $gray-300 !default;
|
||||
$fancytree-node-selected-color: $body-color !default;
|
||||
|
||||
$fancytree-node-active-bg: $color-primary-500 !default;
|
||||
$fancytree-node-active-color: $white !default;
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Page kits
|
||||
//
|
||||
// Feeds, timelines, profiles, chats, inbox, ecommerce etc
|
||||
//
|
||||
|
||||
// Timelines
|
||||
$timeline-icon-size: 3rem !default;
|
||||
$timeline-line-width: ($border-width * 2) !default;
|
||||
$timeline-line-color: $gray-500 !default;
|
||||
$timeline-icon-bg: $card-bg !default;
|
||||
$timeline-icon-border-width: ($timeline-line-width * 2) !default;
|
||||
$timeline-content-padding-x: ($content-container-padding-x * 2) !default;
|
||||
|
||||
|
||||
// Feeds
|
||||
$list-feed-circle-radius: 0.5rem !default; // must be equal to even px value
|
||||
$list-feed-circle-border-width: ($border-width * 2) !default;
|
||||
$list-feed-circle-border-color: $color-slate-500 !default;
|
||||
$list-feed-circle-position: ($line-height-computed - ($list-feed-circle-radius + rem-calc($list-feed-circle-border-width))) / 2 !default;
|
||||
|
||||
$list-feed-item-padding-y: 1.25rem !default;
|
||||
$list-feed-item-padding-x: ($card-spacer-x + $list-feed-circle-radius) !default;
|
||||
|
||||
|
||||
// Blog
|
||||
$blog-horizontal-img-max-width: 25rem !default;
|
||||
$blog-horizontal-img-max-width-lg: 31.25rem !default;
|
||||
$blog-horizontal-img-max-width-sm: 18.75rem !default;
|
||||
$blog-horizontal-img-max-width-xs: 12.5rem !default;
|
||||
|
||||
|
||||
// Login page
|
||||
$login-form-width: 20rem !default;
|
||||
|
||||
|
||||
// Error pages
|
||||
$error-title-color: $white !default;
|
||||
$error-title-font-size: 12.5rem !default;
|
||||
$error-title-font-size-sm: 8.125rem !default;
|
||||
|
||||
$error-offline-title-font-size: 10rem !default;
|
||||
$error-offline-title-font-size-sm: 6.875rem !default;
|
||||
|
||||
|
||||
// Profile pages
|
||||
$profile-cover-element-shadow: 0 0 0.1875rem rgba($black, 0.5) !default;
|
||||
$profile-thumb-size: 6.25rem !default;
|
||||
$profile-thumb-border-width: ($border-width * 3) !default;
|
||||
$profile-thumb-border-color: $white !default;
|
||||
$profile-cover-height: 21.88rem !default;
|
||||
|
||||
|
||||
// Inbox
|
||||
$inbox-read-row-bg: $gray-100 !default;
|
||||
$inbox-unread-row-bg: $card-bg !default;
|
||||
|
||||
|
||||
// Chats
|
||||
$chat-list-max-height: 520px !default;
|
||||
$chat-message-arrow-size: ($border-width * 5) !default;
|
||||
$chat-message-border-radius: $border-radius !default;
|
||||
$chat-message-padding-y: 0.625rem !default;
|
||||
$chat-message-padding-x: 1rem !default;
|
||||
|
||||
$chat-message-bg: $gray-300 !default;
|
||||
$chat-message-color: $body-color !default;
|
||||
$chat-message-reversed-bg: $color-primary-400 !default;
|
||||
$chat-message-reversed-color: $white !default;
|
||||
|
||||
|
||||
// Pricing tables
|
||||
$pricing-title-font-size: 2.625rem !default;
|
||||
$pricing-subtitle-font-size: 1.875rem !default;
|
||||
|
||||
$pricing-list-item-padding-y: 1rem !default;
|
||||
$pricing-list-item-border-width: $border-width !default;
|
||||
$pricing-list-item-border-color: rgba($black, 0.1) !default;
|
||||
|
||||
$pricing-ribbon-box-shadow: 0 4px 6px rgba($black, 0.1) !default;
|
||||
@@ -0,0 +1,61 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # Bootstrap v4.3.1 (https://getbootstrap.com)
|
||||
*
|
||||
* Copyright 2011-2018 The Bootstrap Authors
|
||||
* Copyright 2011-2018 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*
|
||||
* ---------------------------------------------------------------------------- */
|
||||
|
||||
// Import custom template config
|
||||
@import "../../../../config";
|
||||
@import "../../../../shared/utils/ll-functions";
|
||||
@import "../../../../shared/utils/ll-mixins";
|
||||
@import "../../../../themes/material/colors/palette";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../../../../_bootstrap/functions";
|
||||
@import "../../../../_bootstrap/variables";
|
||||
@import "../../../../_bootstrap/mixins";
|
||||
|
||||
// Import template's variables
|
||||
@import "../variables/variables-core";
|
||||
@import "../variables/variables-custom";
|
||||
@import "../../../../themes/material/bootstrap_limitless/mixins";
|
||||
|
||||
// Import default files
|
||||
@import "../../../../_bootstrap/root";
|
||||
@import "../../../../_bootstrap/reboot";
|
||||
@import "../../../../_bootstrap/type";
|
||||
@import "../../../../_bootstrap/images";
|
||||
@import "../../../../_bootstrap/code";
|
||||
@import "../../../../_bootstrap/grid";
|
||||
@import "../../../../_bootstrap/tables";
|
||||
@import "../../../../_bootstrap/forms";
|
||||
@import "../../../../_bootstrap/buttons";
|
||||
@import "../../../../_bootstrap/transitions";
|
||||
@import "../../../../_bootstrap/dropdown";
|
||||
@import "../../../../_bootstrap/button-group";
|
||||
@import "../../../../_bootstrap/input-group";
|
||||
@import "../../../../_bootstrap/custom-forms";
|
||||
@import "../../../../_bootstrap/nav";
|
||||
@import "../../../../_bootstrap/navbar";
|
||||
@import "../../../../_bootstrap/card";
|
||||
@import "../../../../_bootstrap/breadcrumb";
|
||||
@import "../../../../_bootstrap/pagination";
|
||||
@import "../../../../_bootstrap/badge";
|
||||
@import "../../../../_bootstrap/jumbotron";
|
||||
@import "../../../../_bootstrap/alert";
|
||||
@import "../../../../_bootstrap/progress";
|
||||
@import "../../../../_bootstrap/media";
|
||||
@import "../../../../_bootstrap/list-group";
|
||||
@import "../../../../_bootstrap/close";
|
||||
@import "../../../../_bootstrap/toasts";
|
||||
@import "../../../../_bootstrap/modal";
|
||||
@import "../../../../_bootstrap/tooltip";
|
||||
@import "../../../../_bootstrap/popover";
|
||||
@import "../../../../_bootstrap/carousel";
|
||||
@import "../../../../_bootstrap/spinners";
|
||||
@import "../../../../_bootstrap/utilities";
|
||||
@import "../../../../_bootstrap/print";
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user