├── .DS_Store ├── dist ├── .DS_Store ├── css │ ├── .DS_Store │ └── icons │ │ └── material-design-iconic-font │ │ └── fonts │ │ ├── Material-Design-Iconic-Font.eot │ │ ├── Material-Design-Iconic-Font.ttf │ │ ├── materialdesignicons-webfont.eot │ │ ├── materialdesignicons-webfont.ttf │ │ ├── Material-Design-Iconic-Font.woff │ │ ├── Material-Design-Iconic-Font.woff2 │ │ ├── materialdesignicons-webfont.woff │ │ └── materialdesignicons-webfont.woff2 └── js │ ├── app-style-switcher.js │ ├── custom.js │ ├── sidebarmenu.js │ └── pages │ └── dashboards │ └── dashboard1.js ├── src ├── .DS_Store └── scss │ ├── bootstrap │ ├── helpers │ │ ├── _clearfix.scss │ │ ├── _text-truncation.scss │ │ ├── _visually-hidden.scss │ │ ├── _stretched-link.scss │ │ ├── _colored-links.scss │ │ ├── _ratio.scss │ │ └── _position.scss │ ├── mixins │ │ ├── _clearfix.scss │ │ ├── _lists.scss │ │ ├── _text-truncate.scss │ │ ├── _resize.scss │ │ ├── _alert.scss │ │ ├── _container.scss │ │ ├── _image.scss │ │ ├── _box-shadow.scss │ │ ├── _list-group.scss │ │ ├── _reset-text.scss │ │ ├── _deprecate.scss │ │ ├── _pagination.scss │ │ ├── _transition.scss │ │ ├── _visually-hidden.scss │ │ ├── _table-variants.scss │ │ ├── _caret.scss │ │ ├── _border-radius.scss │ │ ├── _gradients.scss │ │ ├── _utilities.scss │ │ ├── _forms.scss │ │ ├── _grid.scss │ │ ├── _buttons.scss │ │ └── _breakpoints.scss │ ├── _helpers.scss │ ├── forms │ │ ├── _form-text.scss │ │ ├── _validation.scss │ │ ├── _labels.scss │ │ ├── _floating-labels.scss │ │ ├── _form-select.scss │ │ ├── _form-range.scss │ │ ├── _input-group.scss │ │ └── _form-check.scss │ ├── _forms.scss │ ├── _transitions.scss │ ├── _grid.scss │ ├── bootstrap-utilities.scss │ ├── _root.scss │ ├── _badge.scss │ ├── bootstrap-reboot.scss │ ├── _mixins.scss │ ├── _breadcrumb.scss │ ├── bootstrap.scss │ ├── _close.scss │ ├── _progress.scss │ ├── _images.scss │ ├── _containers.scss │ ├── _toasts.scss │ ├── bootstrap-grid.scss │ ├── _spinners.scss │ ├── _alert.scss │ ├── _type.scss │ ├── utilities │ │ └── _api.scss │ ├── _pagination.scss │ ├── _buttons.scss │ ├── _nav.scss │ ├── _tooltip.scss │ ├── _accordion.scss │ ├── _button-group.scss │ ├── _tables.scss │ ├── _list-group.scss │ ├── _card.scss │ ├── _popover.scss │ └── _carousel.scss │ ├── .DS_Store │ ├── custom.scss │ ├── components.scss │ ├── widgets │ ├── widgets.scss │ ├── profile.scss │ ├── feeds.scss │ ├── comments.scss │ └── steamline.scss │ ├── core │ ├── core.scss │ ├── breadcrumb │ │ └── breadcrumb.scss │ ├── loader │ │ └── spinner.scss │ ├── topbar │ │ ├── notify.scss │ │ └── header.scss │ ├── buttons │ │ └── buttons.scss │ ├── extra │ │ └── extra.scss │ ├── wave-effects │ │ └── wave-effects.scss │ ├── layout │ │ └── layout.scss │ └── sidebar │ │ └── sidebar.scss │ ├── style.scss │ ├── mixins │ └── padding-margin.scss │ ├── responsive.scss │ ├── _landingpage.scss │ └── theme-colors │ └── theme-colors.scss ├── assets ├── .DS_Store ├── images │ ├── favicon.png │ ├── users │ │ ├── 1.jpg │ │ ├── 1.png │ │ ├── 2.jpg │ │ ├── 2.png │ │ ├── 3.jpg │ │ ├── 3.png │ │ ├── 4.jpg │ │ ├── 5.jpg │ │ ├── 6.jpg │ │ ├── 7.jpg │ │ ├── 8.jpg │ │ ├── d1.jpg │ │ ├── d2.jpg │ │ ├── d3.jpg │ │ ├── d4.jpg │ │ ├── d5.jpg │ │ ├── 1-old.jpg │ │ ├── agent.jpg │ │ ├── agent2.jpg │ │ └── profile.png │ ├── logo-icon.png │ ├── logo-text.png │ ├── custom-select.png │ ├── logo-light-icon.png │ └── logo-light-text.png └── libs │ ├── chartist-plugin-tooltips │ └── dist │ │ └── chartist-plugin-tooltip.css │ ├── perfect-scrollbar │ └── dist │ │ └── css │ │ └── perfect-scrollbar.min.css │ └── bootstrap │ └── dist │ └── css │ ├── bootstrap-reboot.min.css │ └── bootstrap-reboot.rtl.min.css ├── landingpage └── images │ ├── free-demo.jpg │ └── pro-demo.jpg ├── html ├── error-404.html ├── authentication-register.html └── authentication-login.html └── README.md /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/.DS_Store -------------------------------------------------------------------------------- /dist/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/dist/.DS_Store -------------------------------------------------------------------------------- /src/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/src/.DS_Store -------------------------------------------------------------------------------- /src/scss/bootstrap/helpers/_clearfix.scss: -------------------------------------------------------------------------------- 1 | .clearfix { 2 | @include clearfix(); 3 | } 4 | -------------------------------------------------------------------------------- /assets/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/assets/.DS_Store -------------------------------------------------------------------------------- /dist/css/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/dist/css/.DS_Store -------------------------------------------------------------------------------- /src/scss/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/src/scss/.DS_Store -------------------------------------------------------------------------------- /assets/images/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/assets/images/favicon.png -------------------------------------------------------------------------------- /assets/images/users/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/assets/images/users/1.jpg -------------------------------------------------------------------------------- /assets/images/users/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/assets/images/users/1.png -------------------------------------------------------------------------------- /assets/images/users/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/assets/images/users/2.jpg -------------------------------------------------------------------------------- /assets/images/users/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/assets/images/users/2.png -------------------------------------------------------------------------------- /assets/images/users/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/assets/images/users/3.jpg -------------------------------------------------------------------------------- /assets/images/users/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/assets/images/users/3.png -------------------------------------------------------------------------------- /assets/images/users/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/assets/images/users/4.jpg -------------------------------------------------------------------------------- /assets/images/users/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/assets/images/users/5.jpg -------------------------------------------------------------------------------- /assets/images/users/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/assets/images/users/6.jpg -------------------------------------------------------------------------------- /assets/images/users/7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/assets/images/users/7.jpg -------------------------------------------------------------------------------- /assets/images/users/8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/assets/images/users/8.jpg -------------------------------------------------------------------------------- /assets/images/logo-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/assets/images/logo-icon.png -------------------------------------------------------------------------------- /assets/images/logo-text.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/assets/images/logo-text.png -------------------------------------------------------------------------------- /assets/images/users/d1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/assets/images/users/d1.jpg -------------------------------------------------------------------------------- /assets/images/users/d2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/assets/images/users/d2.jpg -------------------------------------------------------------------------------- /assets/images/users/d3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/assets/images/users/d3.jpg -------------------------------------------------------------------------------- /assets/images/users/d4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/assets/images/users/d4.jpg -------------------------------------------------------------------------------- /assets/images/users/d5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/assets/images/users/d5.jpg -------------------------------------------------------------------------------- /assets/images/users/1-old.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/assets/images/users/1-old.jpg -------------------------------------------------------------------------------- /assets/images/users/agent.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/assets/images/users/agent.jpg -------------------------------------------------------------------------------- /assets/images/users/agent2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/assets/images/users/agent2.jpg -------------------------------------------------------------------------------- /assets/images/custom-select.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/assets/images/custom-select.png -------------------------------------------------------------------------------- /assets/images/users/profile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/assets/images/users/profile.png -------------------------------------------------------------------------------- /landingpage/images/free-demo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/landingpage/images/free-demo.jpg -------------------------------------------------------------------------------- /landingpage/images/pro-demo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/landingpage/images/pro-demo.jpg -------------------------------------------------------------------------------- /assets/images/logo-light-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/assets/images/logo-light-icon.png -------------------------------------------------------------------------------- /assets/images/logo-light-text.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/assets/images/logo-light-text.png -------------------------------------------------------------------------------- /src/scss/bootstrap/helpers/_text-truncation.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Text truncation 3 | // 4 | 5 | .text-truncate { 6 | @include text-truncate(); 7 | } 8 | -------------------------------------------------------------------------------- /src/scss/custom.scss: -------------------------------------------------------------------------------- 1 | // In this scss you can overwrite all our scss, we suggested you to add your scss into this, so whenever the update comes it will not affect your code. 2 | -------------------------------------------------------------------------------- /src/scss/bootstrap/helpers/_visually-hidden.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Visually hidden 3 | // 4 | 5 | .visually-hidden, 6 | .visually-hidden-focusable:not(:focus) { 7 | @include visually-hidden(); 8 | } 9 | -------------------------------------------------------------------------------- /src/scss/components.scss: -------------------------------------------------------------------------------- 1 | // All the custom components imports here 2 | @import "mixins/padding-margin"; 3 | //Theme colors 4 | @import "theme-colors/theme-colors"; 5 | 6 | // core 7 | @import "core/core"; 8 | -------------------------------------------------------------------------------- /dist/css/icons/material-design-iconic-font/fonts/Material-Design-Iconic-Font.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/dist/css/icons/material-design-iconic-font/fonts/Material-Design-Iconic-Font.eot -------------------------------------------------------------------------------- /dist/css/icons/material-design-iconic-font/fonts/Material-Design-Iconic-Font.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/dist/css/icons/material-design-iconic-font/fonts/Material-Design-Iconic-Font.ttf -------------------------------------------------------------------------------- /dist/css/icons/material-design-iconic-font/fonts/materialdesignicons-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/dist/css/icons/material-design-iconic-font/fonts/materialdesignicons-webfont.eot -------------------------------------------------------------------------------- /dist/css/icons/material-design-iconic-font/fonts/materialdesignicons-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/dist/css/icons/material-design-iconic-font/fonts/materialdesignicons-webfont.ttf -------------------------------------------------------------------------------- /dist/css/icons/material-design-iconic-font/fonts/Material-Design-Iconic-Font.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/dist/css/icons/material-design-iconic-font/fonts/Material-Design-Iconic-Font.woff -------------------------------------------------------------------------------- /dist/css/icons/material-design-iconic-font/fonts/Material-Design-Iconic-Font.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/dist/css/icons/material-design-iconic-font/fonts/Material-Design-Iconic-Font.woff2 -------------------------------------------------------------------------------- /dist/css/icons/material-design-iconic-font/fonts/materialdesignicons-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/dist/css/icons/material-design-iconic-font/fonts/materialdesignicons-webfont.woff -------------------------------------------------------------------------------- /dist/css/icons/material-design-iconic-font/fonts/materialdesignicons-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wrappixel/xtreme-admin-lite/HEAD/dist/css/icons/material-design-iconic-font/fonts/materialdesignicons-webfont.woff2 -------------------------------------------------------------------------------- /src/scss/bootstrap/mixins/_clearfix.scss: -------------------------------------------------------------------------------- 1 | // scss-docs-start clearfix 2 | @mixin clearfix() { 3 | &::after { 4 | display: block; 5 | clear: both; 6 | content: ""; 7 | } 8 | } 9 | // scss-docs-end clearfix 10 | -------------------------------------------------------------------------------- /src/scss/bootstrap/mixins/_lists.scss: -------------------------------------------------------------------------------- 1 | // Lists 2 | 3 | // Unstyled keeps list items block level, just removes default browser padding and list-style 4 | @mixin list-unstyled { 5 | padding-left: 0; 6 | list-style: none; 7 | } 8 | -------------------------------------------------------------------------------- /src/scss/widgets/widgets.scss: -------------------------------------------------------------------------------- 1 | /* 2 | Template Name: Admin Template 3 | Author: Wrappixel 4 | 5 | File: scss 6 | */ 7 | 8 | @import "comments"; 9 | @import "steamline"; 10 | @import "feeds"; 11 | @import "profile"; 12 | -------------------------------------------------------------------------------- /src/scss/bootstrap/mixins/_text-truncate.scss: -------------------------------------------------------------------------------- 1 | // Text truncate 2 | // Requires inline-block or block for proper styling 3 | 4 | @mixin text-truncate() { 5 | overflow: hidden; 6 | text-overflow: ellipsis; 7 | white-space: nowrap; 8 | } 9 | -------------------------------------------------------------------------------- /src/scss/bootstrap/mixins/_resize.scss: -------------------------------------------------------------------------------- 1 | // Resize anything 2 | 3 | @mixin resizable($direction) { 4 | overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible` 5 | resize: $direction; // Options: horizontal, vertical, both 6 | } 7 | -------------------------------------------------------------------------------- /src/scss/bootstrap/_helpers.scss: -------------------------------------------------------------------------------- 1 | @import "helpers/clearfix"; 2 | @import "helpers/colored-links"; 3 | @import "helpers/ratio"; 4 | @import "helpers/position"; 5 | @import "helpers/visually-hidden"; 6 | @import "helpers/stretched-link"; 7 | @import "helpers/text-truncation"; 8 | -------------------------------------------------------------------------------- /src/scss/bootstrap/mixins/_alert.scss: -------------------------------------------------------------------------------- 1 | @mixin alert-variant($background, $border, $color) { 2 | color: $color; 3 | @include gradient-bg($background); 4 | border-color: $border; 5 | 6 | .alert-link { 7 | color: shade-color($color, 20%); 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /src/scss/bootstrap/forms/_form-text.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Form text 3 | // 4 | 5 | .form-text { 6 | margin-top: $form-text-margin-top; 7 | @include font-size($form-text-font-size); 8 | font-style: $form-text-font-style; 9 | font-weight: $form-text-font-weight; 10 | color: $form-text-color; 11 | } 12 | -------------------------------------------------------------------------------- /src/scss/bootstrap/_forms.scss: -------------------------------------------------------------------------------- 1 | @import "forms/labels"; 2 | @import "forms/form-text"; 3 | @import "forms/form-control"; 4 | @import "forms/form-select"; 5 | @import "forms/form-check"; 6 | @import "forms/form-range"; 7 | @import "forms/floating-labels"; 8 | @import "forms/input-group"; 9 | @import "forms/validation"; 10 | -------------------------------------------------------------------------------- /src/scss/bootstrap/helpers/_stretched-link.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Stretched link 3 | // 4 | 5 | .stretched-link { 6 | &::#{$stretched-link-pseudo-element} { 7 | position: absolute; 8 | top: 0; 9 | right: 0; 10 | bottom: 0; 11 | left: 0; 12 | z-index: $stretched-link-z-index; 13 | content: ""; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /src/scss/bootstrap/mixins/_container.scss: -------------------------------------------------------------------------------- 1 | // Container mixins 2 | 3 | @mixin make-container($gutter: $container-padding-x) { 4 | width: 100%; 5 | padding-right: var(--#{$variable-prefix}gutter-x, #{$gutter}); 6 | padding-left: var(--#{$variable-prefix}gutter-x, #{$gutter}); 7 | margin-right: auto; 8 | margin-left: auto; 9 | } 10 | -------------------------------------------------------------------------------- /src/scss/bootstrap/_transitions.scss: -------------------------------------------------------------------------------- 1 | .fade { 2 | @include transition($transition-fade); 3 | 4 | &:not(.show) { 5 | opacity: 0; 6 | } 7 | } 8 | 9 | .collapse { 10 | &:not(.show) { 11 | display: none; 12 | } 13 | } 14 | 15 | .collapsing { 16 | height: 0; 17 | overflow: hidden; 18 | @include transition($transition-collapse); 19 | } 20 | -------------------------------------------------------------------------------- /src/scss/bootstrap/_grid.scss: -------------------------------------------------------------------------------- 1 | // Row 2 | // 3 | // Rows contain your columns. 4 | 5 | @if $enable-grid-classes { 6 | .row { 7 | @include make-row(); 8 | 9 | > * { 10 | @include make-col-ready(); 11 | } 12 | } 13 | } 14 | 15 | // Columns 16 | // 17 | // Common styles for small and large grid columns 18 | 19 | @if $enable-grid-classes { 20 | @include make-grid-columns(); 21 | } 22 | -------------------------------------------------------------------------------- /src/scss/core/core.scss: -------------------------------------------------------------------------------- 1 | @import "layout/layout"; 2 | 3 | @import "scafholdings/scafholding"; 4 | // Header 5 | @import "loader/spinner"; 6 | // Header 7 | @import "topbar/header"; 8 | 9 | // breadcrumb 10 | @import "breadcrumb/breadcrumb"; 11 | 12 | // sidebar 13 | @import "sidebar/sidebar"; 14 | 15 | //wave effects 16 | @import "wave-effects/wave-effects"; 17 | 18 | //wave effects 19 | @import "buttons/buttons"; 20 | 21 | //extra 22 | @import "extra/extra"; 23 | -------------------------------------------------------------------------------- /src/scss/bootstrap/helpers/_colored-links.scss: -------------------------------------------------------------------------------- 1 | @each $color, $value in $theme-colors { 2 | .link-#{$color} { 3 | color: $value; 4 | 5 | @if $link-shade-percentage != 0 { 6 | &:hover, 7 | &:focus { 8 | color: if( 9 | color-contrast($value) == $color-contrast-light, 10 | shade-color($value, $link-shade-percentage), 11 | tint-color($value, $link-shade-percentage) 12 | ); 13 | } 14 | } 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /src/scss/bootstrap/bootstrap-utilities.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Utilities v5.0.0-beta1 (https://getbootstrap.com/) 3 | * Copyright 2011-2020 The Bootstrap Authors 4 | * Copyright 2011-2020 Twitter, Inc. 5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) 6 | */ 7 | 8 | // Configuration 9 | 10 | @import "functions"; 11 | @import "variables"; 12 | @import "mixins"; 13 | @import "utilities"; 14 | 15 | // Utilities 16 | 17 | @import "utilities/api"; 18 | -------------------------------------------------------------------------------- /src/scss/bootstrap/mixins/_image.scss: -------------------------------------------------------------------------------- 1 | // Image Mixins 2 | // - Responsive image 3 | // - Retina image 4 | 5 | // Responsive image 6 | // 7 | // Keep images from scaling beyond the width of their parents. 8 | 9 | @mixin img-fluid { 10 | // Part 1: Set a maximum relative to the parent 11 | max-width: 100%; 12 | // Part 2: Override the height to auto, otherwise images will be stretched 13 | // when setting a width and height attribute on the img element. 14 | height: auto; 15 | } 16 | -------------------------------------------------------------------------------- /src/scss/bootstrap/mixins/_box-shadow.scss: -------------------------------------------------------------------------------- 1 | @mixin box-shadow($shadow...) { 2 | @if $enable-shadows { 3 | $result: (); 4 | 5 | @each $value in $shadow { 6 | @if $value != null { 7 | $result: append($result, $value, "comma"); 8 | } 9 | @if $value == none and length($shadow) > 1 { 10 | @warn "The keyword 'none' must be used as a single argument."; 11 | } 12 | } 13 | 14 | @if (length($result) > 0) { 15 | box-shadow: $result; 16 | } 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /src/scss/bootstrap/helpers/_ratio.scss: -------------------------------------------------------------------------------- 1 | // Credit: Nicolas Gallagher and SUIT CSS. 2 | 3 | .ratio { 4 | position: relative; 5 | width: 100%; 6 | 7 | &::before { 8 | display: block; 9 | padding-top: var(--aspect-ratio); 10 | content: ""; 11 | } 12 | 13 | > * { 14 | position: absolute; 15 | top: 0; 16 | left: 0; 17 | width: 100%; 18 | height: 100%; 19 | } 20 | } 21 | 22 | @each $key, $ratio in $aspect-ratios { 23 | .ratio-#{$key} { 24 | --aspect-ratio: #{$ratio}; 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /dist/js/app-style-switcher.js: -------------------------------------------------------------------------------- 1 | $(function () { 2 | "use strict"; 3 | 4 | //**************************** 5 | /* Top navbar Theme Change function Start */ 6 | //**************************** 7 | function handlenavbarbg() { 8 | if ($("#main-wrapper").attr("data-navbarbg") == "skin6") { 9 | // do this 10 | $(".topbar .navbar").addClass("navbar-light"); 11 | $(".topbar .navbar").removeClass("navbar-dark"); 12 | } else { 13 | // do that 14 | } 15 | } 16 | 17 | handlenavbarbg(); 18 | }); 19 | -------------------------------------------------------------------------------- /src/scss/widgets/profile.scss: -------------------------------------------------------------------------------- 1 | .profiletimeline { 2 | position: relative; 3 | padding-left: 40px; 4 | margin: 40px 10px 0 30px; 5 | border-left: 1px solid $border-color; 6 | .sl-left { 7 | float: $lft; 8 | margin-left: -60px; 9 | z-index: 1; 10 | margin-right: 15px; 11 | img { 12 | max-width: 40px; 13 | } 14 | } 15 | } 16 | 17 | .profiletimeline .sl-item { 18 | margin-top: 8px; 19 | margin-bottom: 30px; 20 | } 21 | 22 | .profiletimeline .sl-date { 23 | font-size: 12px; 24 | color: $text-muted; 25 | } 26 | -------------------------------------------------------------------------------- /src/scss/core/breadcrumb/breadcrumb.scss: -------------------------------------------------------------------------------- 1 | /******************* 2 | Breadcrumb and page title 3 | *******************/ 4 | 5 | .page-breadcrumb { 6 | padding: 20px 20px 0 20px; 7 | .page-title { 8 | margin-bottom: 0px; 9 | } 10 | .breadcrumb { 11 | padding: 0px; 12 | margin: 0px; 13 | background: transparent; 14 | font-size: 12px; 15 | .breadcrumb-item + .breadcrumb-item::before { 16 | content: "\e649"; 17 | font-family: themify; 18 | color: $gray-400; 19 | font-size: 11px; 20 | } 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /src/scss/bootstrap/mixins/_list-group.scss: -------------------------------------------------------------------------------- 1 | // List Groups 2 | 3 | @mixin list-group-item-variant($state, $background, $color) { 4 | .list-group-item-#{$state} { 5 | color: $color; 6 | background-color: $background; 7 | 8 | &.list-group-item-action { 9 | &:hover, 10 | &:focus { 11 | color: $color; 12 | background-color: shade-color($background, 10%); 13 | } 14 | 15 | &.active { 16 | color: $white; 17 | background-color: $color; 18 | border-color: $color; 19 | } 20 | } 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /src/scss/bootstrap/mixins/_reset-text.scss: -------------------------------------------------------------------------------- 1 | @mixin reset-text { 2 | font-family: $font-family-base; 3 | // We deliberately do NOT reset font-size or overflow-wrap / word-wrap. 4 | font-style: normal; 5 | font-weight: $font-weight-normal; 6 | line-height: $line-height-base; 7 | text-align: left; // Fallback for where `start` is not supported 8 | text-align: start; 9 | text-decoration: none; 10 | text-shadow: none; 11 | text-transform: none; 12 | letter-spacing: normal; 13 | word-break: normal; 14 | word-spacing: normal; 15 | white-space: normal; 16 | line-break: auto; 17 | } 18 | -------------------------------------------------------------------------------- /src/scss/widgets/feeds.scss: -------------------------------------------------------------------------------- 1 | .feed-widget { 2 | .feed-body { 3 | .feed-item { 4 | padding: 12px 0; 5 | display: flex; 6 | align-items: center; 7 | &:hover { 8 | background: $gray-100; 9 | } 10 | > .feed-icon { 11 | width: 40px; 12 | height: 40px; 13 | margin-right: 10px; 14 | display: inline-block; 15 | text-align: center; 16 | vertical-align: middle; 17 | border-radius: 100%; 18 | color: $white; 19 | i { 20 | line-height: 40px; 21 | } 22 | } 23 | } 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /src/scss/bootstrap/forms/_validation.scss: -------------------------------------------------------------------------------- 1 | // Form validation 2 | // 3 | // Provide feedback to users when form field values are valid or invalid. Works 4 | // primarily for client-side validation via scoped `:invalid` and `:valid` 5 | // pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for 6 | // server-side validation. 7 | 8 | // scss-docs-start form-validation-states-loop 9 | @each $state, $data in $form-validation-states { 10 | @include form-validation-state( 11 | $state, 12 | map-get($data, color), 13 | map-get($data, icon) 14 | ); 15 | } 16 | // scss-docs-end form-validation-states-loop 17 | -------------------------------------------------------------------------------- /src/scss/bootstrap/helpers/_position.scss: -------------------------------------------------------------------------------- 1 | // Shorthand 2 | 3 | .fixed-top { 4 | position: fixed; 5 | top: 0; 6 | right: 0; 7 | left: 0; 8 | z-index: $zindex-fixed; 9 | } 10 | 11 | .fixed-bottom { 12 | position: fixed; 13 | right: 0; 14 | bottom: 0; 15 | left: 0; 16 | z-index: $zindex-fixed; 17 | } 18 | 19 | // Responsive sticky top 20 | @each $breakpoint in map-keys($grid-breakpoints) { 21 | @include media-breakpoint-up($breakpoint) { 22 | $infix: breakpoint-infix($breakpoint, $grid-breakpoints); 23 | 24 | .sticky#{$infix}-top { 25 | position: sticky; 26 | top: 0; 27 | z-index: $zindex-sticky; 28 | } 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /src/scss/bootstrap/_root.scss: -------------------------------------------------------------------------------- 1 | :root { 2 | // Custom variable values only support SassScript inside `#{}`. 3 | @each $color, $value in $colors { 4 | --#{$variable-prefix}#{$color}: #{$value}; 5 | } 6 | 7 | @each $color, $value in $theme-colors { 8 | --#{$variable-prefix}#{$color}: #{$value}; 9 | } 10 | 11 | // Use `inspect` for lists so that quoted items keep the quotes. 12 | // See https://github.com/sass/sass/issues/2383#issuecomment-336349172 13 | --#{$variable-prefix}font-sans-serif: #{inspect($font-family-sans-serif)}; 14 | --#{$variable-prefix}font-monospace: #{inspect($font-family-monospace)}; 15 | --#{$variable-prefix}gradient: #{$gradient}; 16 | } 17 | -------------------------------------------------------------------------------- /src/scss/bootstrap/mixins/_deprecate.scss: -------------------------------------------------------------------------------- 1 | // Deprecate mixin 2 | // 3 | // This mixin can be used to deprecate mixins or functions. 4 | // `$enable-deprecation-messages` is a global variable, `$ignore-warning` is a variable that can be passed to 5 | // some deprecated mixins to suppress the warning (for example if the mixin is still be used in the current version of Bootstrap) 6 | @mixin deprecate( 7 | $name, 8 | $deprecate-version, 9 | $remove-version, 10 | $ignore-warning: false 11 | ) { 12 | @if ($enable-deprecation-messages != false and $ignore-warning != true) { 13 | @warn "#{$name} has been deprecated as of #{$deprecate-version}. It will be removed entirely in #{$remove-version}."; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /src/scss/style.scss: -------------------------------------------------------------------------------- 1 | /* 2 | Template Name: Admin Template 3 | Author: Niravjoshi / Wrappixel 4 | File: scss 5 | */ 6 | 7 | //(Required file) 8 | @import "variable"; 9 | 10 | // Import Bootstrap source files (Required file) 11 | @import "bootstrap/bootstrap"; 12 | 13 | //This is for the components (Required file) 14 | @import "components"; 15 | 16 | //This is for the widgets (Required file) 17 | @import "widgets/widgets"; 18 | 19 | //This is for the responsive (Required file) 20 | @import "responsive"; 21 | 22 | //In This scss you can write your scss 23 | @import "custom"; 24 | 25 | //This is for the icons (Required file) 26 | @import "icons/material-design-iconic-font/css/materialdesignicons.min.css"; 27 | @import "landingpage"; 28 | -------------------------------------------------------------------------------- /src/scss/bootstrap/_badge.scss: -------------------------------------------------------------------------------- 1 | // Base class 2 | // 3 | // Requires one of the contextual, color modifier classes for `color` and 4 | // `background-color`. 5 | 6 | .badge { 7 | display: inline-block; 8 | padding: $badge-padding-y $badge-padding-x; 9 | @include font-size($badge-font-size); 10 | font-weight: $badge-font-weight; 11 | line-height: 1; 12 | color: $badge-color; 13 | text-align: center; 14 | white-space: nowrap; 15 | vertical-align: baseline; 16 | @include border-radius($badge-border-radius); 17 | @include gradient-bg(); 18 | 19 | // Empty badges collapse automatically 20 | &:empty { 21 | display: none; 22 | } 23 | } 24 | 25 | // Quick fix for badges in buttons 26 | .btn .badge { 27 | position: relative; 28 | top: -1px; 29 | } 30 | -------------------------------------------------------------------------------- /src/scss/bootstrap/bootstrap-reboot.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Reboot v5.0.0-beta1 (https://getbootstrap.com/) 3 | * Copyright 2011-2020 The Bootstrap Authors 4 | * Copyright 2011-2020 Twitter, Inc. 5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) 6 | * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) 7 | */ 8 | 9 | @import "functions"; 10 | @import "variables"; 11 | // Prevent the usage of custom properties since we don't add them to `:root` in reboot 12 | $font-family-base: $font-family-sans-serif; // stylelint-disable-line scss/dollar-variable-default 13 | $font-family-code: $font-family-monospace; // stylelint-disable-line scss/dollar-variable-default 14 | @import "mixins"; 15 | @import "reboot"; 16 | -------------------------------------------------------------------------------- /src/scss/bootstrap/mixins/_pagination.scss: -------------------------------------------------------------------------------- 1 | // Pagination 2 | 3 | @mixin pagination-size($padding-y, $padding-x, $font-size, $border-radius) { 4 | .page-link { 5 | padding: $padding-y $padding-x; 6 | @include font-size($font-size); 7 | } 8 | 9 | .page-item { 10 | @if $pagination-margin-start == (-$pagination-border-width) { 11 | &:first-child { 12 | .page-link { 13 | @include border-start-radius($border-radius); 14 | } 15 | } 16 | 17 | &:last-child { 18 | .page-link { 19 | @include border-end-radius($border-radius); 20 | } 21 | } 22 | } @else { 23 | //Add border-radius to all pageLinks in case they have left margin 24 | .page-link { 25 | @include border-radius($border-radius); 26 | } 27 | } 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /src/scss/bootstrap/mixins/_transition.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable property-disallowed-list 2 | @mixin transition($transition...) { 3 | @if length($transition) == 0 { 4 | $transition: $transition-base; 5 | } 6 | 7 | @if length($transition) > 1 { 8 | @each $value in $transition { 9 | @if $value == null or $value == none { 10 | @warn "The keyword 'none' or 'null' must be used as a single argument."; 11 | } 12 | } 13 | } 14 | 15 | @if $enable-transitions { 16 | @if nth($transition, 1) != null { 17 | transition: $transition; 18 | } 19 | 20 | @if $enable-reduced-motion and 21 | nth($transition, 1) != 22 | null and 23 | nth($transition, 1) != 24 | none 25 | { 26 | @media (prefers-reduced-motion: reduce) { 27 | transition: none; 28 | } 29 | } 30 | } 31 | } 32 | -------------------------------------------------------------------------------- /src/scss/bootstrap/mixins/_visually-hidden.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | // Hide content visually while keeping it accessible to assistive technologies 4 | // 5 | // See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/ 6 | // See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/ 7 | 8 | @mixin visually-hidden() { 9 | position: absolute !important; 10 | width: 1px !important; 11 | height: 1px !important; 12 | padding: 0 !important; 13 | margin: -1px !important; // Fix for https://github.com/twbs/bootstrap/issues/25686 14 | overflow: hidden !important; 15 | clip: rect(0, 0, 0, 0) !important; 16 | white-space: nowrap !important; 17 | border: 0 !important; 18 | } 19 | 20 | // Use to only display content when it's focused. 21 | // 22 | // Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 23 | 24 | @mixin visually-hidden-focusable() { 25 | &:not(:focus) { 26 | @include visually-hidden(); 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /assets/libs/chartist-plugin-tooltips/dist/chartist-plugin-tooltip.css: -------------------------------------------------------------------------------- 1 | .chartist-tooltip { 2 | position: absolute; 3 | display: inline-block; 4 | opacity: 0; 5 | min-width: 5em; 6 | padding: .5em; 7 | background: #F4C63D; 8 | color: #453D3F; 9 | font-family: Oxygen,Helvetica,Arial,sans-serif; 10 | font-weight: 700; 11 | text-align: center; 12 | pointer-events: none; 13 | z-index: 1; 14 | -webkit-transition: opacity .2s linear; 15 | -moz-transition: opacity .2s linear; 16 | -o-transition: opacity .2s linear; 17 | transition: opacity .2s linear; } 18 | .chartist-tooltip:before { 19 | content: ""; 20 | position: absolute; 21 | top: 100%; 22 | left: 50%; 23 | width: 0; 24 | height: 0; 25 | margin-left: -15px; 26 | border: 15px solid transparent; 27 | border-top-color: #F4C63D; } 28 | .chartist-tooltip.tooltip-show { 29 | opacity: 1; } 30 | 31 | .ct-area, .ct-line { 32 | pointer-events: none; } 33 | 34 | /*# sourceMappingURL=chartist-plugin-tooltip.css.map */ 35 | -------------------------------------------------------------------------------- /src/scss/bootstrap/_mixins.scss: -------------------------------------------------------------------------------- 1 | // Toggles 2 | // 3 | // Used in conjunction with global variables to enable certain theme features. 4 | 5 | // Vendor 6 | @import "vendor/rfs"; 7 | 8 | // Deprecate 9 | @import "mixins/deprecate"; 10 | 11 | // Helpers 12 | @import "mixins/breakpoints"; 13 | @import "mixins/image"; 14 | @import "mixins/resize"; 15 | @import "mixins/visually-hidden"; 16 | @import "mixins/reset-text"; 17 | @import "mixins/text-truncate"; 18 | 19 | // Utilities 20 | @import "mixins/utilities"; 21 | 22 | // Components 23 | @import "mixins/alert"; 24 | @import "mixins/buttons"; 25 | @import "mixins/caret"; 26 | @import "mixins/pagination"; 27 | @import "mixins/lists"; 28 | @import "mixins/list-group"; 29 | @import "mixins/forms"; 30 | @import "mixins/table-variants"; 31 | 32 | // Skins 33 | @import "mixins/border-radius"; 34 | @import "mixins/box-shadow"; 35 | @import "mixins/gradients"; 36 | @import "mixins/transition"; 37 | 38 | // Layout 39 | @import "mixins/clearfix"; 40 | @import "mixins/container"; 41 | @import "mixins/grid"; 42 | -------------------------------------------------------------------------------- /src/scss/bootstrap/mixins/_table-variants.scss: -------------------------------------------------------------------------------- 1 | // scss-docs-start table-variant 2 | @mixin table-variant($state, $background) { 3 | .table-#{$state} { 4 | $color: color-contrast(opaque($body-bg, $background)); 5 | $hover-bg: mix($color, $background, percentage($table-hover-bg-factor)); 6 | $striped-bg: mix($color, $background, percentage($table-striped-bg-factor)); 7 | $active-bg: mix($color, $background, percentage($table-active-bg-factor)); 8 | 9 | --#{$variable-prefix}table-bg: #{$background}; 10 | --#{$variable-prefix}table-striped-bg: #{$striped-bg}; 11 | --#{$variable-prefix}table-striped-color: #{color-contrast($striped-bg)}; 12 | --#{$variable-prefix}table-active-bg: #{$active-bg}; 13 | --#{$variable-prefix}table-active-color: #{color-contrast($active-bg)}; 14 | --#{$variable-prefix}table-hover-bg: #{$hover-bg}; 15 | --#{$variable-prefix}table-hover-color: #{color-contrast($hover-bg)}; 16 | 17 | color: $color; 18 | border-color: mix($color, $background, percentage($table-border-factor)); 19 | } 20 | } 21 | // scss-docs-end table-variant 22 | -------------------------------------------------------------------------------- /src/scss/widgets/comments.scss: -------------------------------------------------------------------------------- 1 | /*******************/ 2 | /*Comment widgets*/ 3 | /*******************/ 4 | 5 | .comment-widgets { 6 | position: relative; 7 | margin-bottom: 10px; 8 | .comment-row { 9 | border-bottom: 1px solid transparent; 10 | padding: 14px; 11 | display: flex; 12 | margin: 10px 0; 13 | &:last-child { 14 | border-bottom: 0px; 15 | } 16 | &:hover, 17 | &.active { 18 | background: $transparent-dark-bg; 19 | } 20 | } 21 | } 22 | 23 | .comment-text { 24 | padding-left: 15px; 25 | width: 100%; 26 | &:hover .comment-footer, 27 | &.active .comment-footer { 28 | .action-icons { 29 | visibility: visible; 30 | } 31 | } 32 | p { 33 | max-height: 65px; 34 | width: 100%; 35 | overflow: hidden; 36 | } 37 | } 38 | 39 | .comment-footer { 40 | .action-icons { 41 | visibility: hidden; 42 | a { 43 | padding-left: 7px; 44 | vertical-align: middle; 45 | color: $gray-500; 46 | &:hover, 47 | &.active { 48 | color: $info; 49 | } 50 | } 51 | } 52 | } 53 | -------------------------------------------------------------------------------- /src/scss/mixins/padding-margin.scss: -------------------------------------------------------------------------------- 1 | /******************* 2 | Padding margin property 3 | *******************/ 4 | 5 | $vertical-property-map: ( 6 | m-t-: margin-top, 7 | m-b-: margin-bottom, 8 | m-r-: margin-right, 9 | m-l-: margin-left, 10 | p-t-: padding-top, 11 | p-b-: padding-bottom, 12 | p-r-: padding-right, 13 | p-l-: padding-left, 14 | p-: padding, 15 | m-: margin, 16 | ); 17 | $sizes-list: 5 10 15 20 25 30 40; 18 | @each $size in $sizes-list { 19 | $val: $size + 0px; 20 | @each $keyword, $property in $vertical-property-map { 21 | html[dir="ltr"] body .#{$keyword}#{$size} { 22 | #{$property}: $val; 23 | } 24 | } 25 | } 26 | 27 | /** * Zero */ 28 | 29 | $zero-property-map: ( 30 | m-0: margin, 31 | m-t: margin-top, 32 | m-r: margin-right, 33 | m-b: margin-bottom, 34 | m-l: margin-left, 35 | p-0: padding, 36 | p-t: padding-top, 37 | p-r: padding-right, 38 | p-b: padding-bottom, 39 | p-l: padding-left, 40 | ); 41 | @each $keyword, $property in $zero-property-map { 42 | html[dir="ltr"] body .#{$keyword}-0 { 43 | #{$property}: 0; 44 | } 45 | } 46 | -------------------------------------------------------------------------------- /src/scss/bootstrap/_breadcrumb.scss: -------------------------------------------------------------------------------- 1 | .breadcrumb { 2 | display: flex; 3 | flex-wrap: wrap; 4 | padding: $breadcrumb-padding-y $breadcrumb-padding-x; 5 | margin-bottom: $breadcrumb-margin-bottom; 6 | @include font-size($breadcrumb-font-size); 7 | list-style: none; 8 | background-color: $breadcrumb-bg; 9 | @include border-radius($breadcrumb-border-radius); 10 | } 11 | 12 | .breadcrumb-item { 13 | // The separator between breadcrumbs (by default, a forward-slash: "/") 14 | + .breadcrumb-item { 15 | padding-left: $breadcrumb-item-padding-x; 16 | 17 | &::before { 18 | float: left; // Suppress inline spacings and underlining of the separator 19 | padding-right: $breadcrumb-item-padding-x; 20 | color: $breadcrumb-divider-color; 21 | content: var( 22 | --#{$variable-prefix}breadcrumb-divider, 23 | escape-svg($breadcrumb-divider) 24 | ) 25 | #{"/* rtl:"} var( 26 | --#{$variable-prefix}breadcrumb-divider, 27 | escape-svg($breadcrumb-divider-flipped) 28 | ) #{"*/"}; 29 | } 30 | } 31 | 32 | &.active { 33 | color: $breadcrumb-active-color; 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /src/scss/core/loader/spinner.scss: -------------------------------------------------------------------------------- 1 | // Loading 2 | 3 | /******************* 4 | Preloader 5 | ********************/ 6 | .preloader { 7 | width: 100%; 8 | height: 100%; 9 | top: 0px; 10 | position: fixed; 11 | z-index: 99999; 12 | background: #fff; 13 | .cssload-speeding-wheel { 14 | } 15 | } 16 | .lds-ripple { 17 | display: inline-block; 18 | position: relative; 19 | width: 64px; 20 | height: 64px; 21 | position: absolute; 22 | top: calc(50% - 3.5px); 23 | left: calc(50% - 3.5px); 24 | .lds-pos { 25 | position: absolute; 26 | border: 2px solid #2962ff; 27 | opacity: 1; 28 | border-radius: 50%; 29 | animation: lds-ripple 1s cubic-bezier(0, 0.1, 0.5, 1) infinite; 30 | } 31 | .lds-pos:nth-child(2) { 32 | animation-delay: -0.5s; 33 | } 34 | } 35 | 36 | @keyframes lds-ripple { 37 | 0% { 38 | top: 28px; 39 | left: 28px; 40 | width: 0; 41 | height: 0; 42 | opacity: 0; 43 | } 44 | 5% { 45 | top: 28px; 46 | left: 28px; 47 | width: 0; 48 | height: 0; 49 | opacity: 1; 50 | } 51 | 100% { 52 | top: -1px; 53 | left: -1px; 54 | width: 58px; 55 | height: 58px; 56 | opacity: 0; 57 | } 58 | } 59 | -------------------------------------------------------------------------------- /src/scss/bootstrap/bootstrap.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v5.0.0-beta1 (https://getbootstrap.com/) 3 | * Copyright 2011-2020 The Bootstrap Authors 4 | * Copyright 2011-2020 Twitter, Inc. 5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) 6 | */ 7 | 8 | // scss-docs-start import-stack 9 | // Configuration 10 | @import "functions"; 11 | @import "variables"; 12 | @import "mixins"; 13 | @import "utilities"; 14 | 15 | // Layout & components 16 | @import "root"; 17 | @import "reboot"; 18 | @import "type"; 19 | @import "images"; 20 | @import "containers"; 21 | @import "grid"; 22 | @import "tables"; 23 | @import "forms"; 24 | @import "buttons"; 25 | @import "transitions"; 26 | @import "dropdown"; 27 | @import "button-group"; 28 | @import "nav"; 29 | @import "navbar"; 30 | @import "card"; 31 | @import "accordion"; 32 | @import "breadcrumb"; 33 | @import "pagination"; 34 | @import "badge"; 35 | @import "alert"; 36 | @import "progress"; 37 | @import "list-group"; 38 | @import "close"; 39 | @import "toasts"; 40 | @import "modal"; 41 | @import "tooltip"; 42 | @import "popover"; 43 | @import "carousel"; 44 | @import "spinners"; 45 | 46 | // Helpers 47 | @import "helpers"; 48 | 49 | // Utilities 50 | @import "utilities/api"; 51 | // scss-docs-end import-stack 52 | -------------------------------------------------------------------------------- /src/scss/responsive.scss: -------------------------------------------------------------------------------- 1 | // Responsive 2 | /* 3 | Template Name: Admin Template 4 | Author: Wrappixel 5 | 6 | File: scss 7 | */ 8 | 9 | /*============================================================== 10 | For Desktop & above all (1650px) 11 | ============================================================== */ 12 | 13 | /*============================================================== 14 | For Laptop & above all (1370px) 15 | ============================================================== */ 16 | 17 | /*-- ============================================================== 18 | Small Desktop & above all (1024px) 19 | ============================================================== */ 20 | 21 | /*-- ============================================================== 22 | Ipad & above all(768px) 23 | ============================================================== */ 24 | 25 | @include media-breakpoint-up(md) { 26 | .bc-content { 27 | justify-content: flex-end; 28 | } 29 | } 30 | 31 | /*-- ============================================================== 32 | Phone and below ipad(767px) 33 | ============================================================== */ 34 | @include media-breakpoint-down(md) { 35 | .do-block { 36 | display: block !important; 37 | } 38 | } 39 | -------------------------------------------------------------------------------- /src/scss/bootstrap/forms/_labels.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Labels 3 | // 4 | 5 | .form-label { 6 | margin-bottom: $form-label-margin-bottom; 7 | @include font-size($form-label-font-size); 8 | font-style: $form-label-font-style; 9 | font-weight: $form-label-font-weight; 10 | color: $form-label-color; 11 | } 12 | 13 | // For use with horizontal and inline forms, when you need the label (or legend) 14 | // text to align with the form controls. 15 | .col-form-label { 16 | padding-top: add($input-padding-y, $input-border-width); 17 | padding-bottom: add($input-padding-y, $input-border-width); 18 | margin-bottom: 0; // Override the `` default 19 | @include font-size(inherit); // Override the `` default 20 | font-style: $form-label-font-style; 21 | font-weight: $form-label-font-weight; 22 | line-height: $input-line-height; 23 | color: $form-label-color; 24 | } 25 | 26 | .col-form-label-lg { 27 | padding-top: add($input-padding-y-lg, $input-border-width); 28 | padding-bottom: add($input-padding-y-lg, $input-border-width); 29 | @include font-size($input-font-size-lg); 30 | } 31 | 32 | .col-form-label-sm { 33 | padding-top: add($input-padding-y-sm, $input-border-width); 34 | padding-bottom: add($input-padding-y-sm, $input-border-width); 35 | @include font-size($input-font-size-sm); 36 | } 37 | -------------------------------------------------------------------------------- /dist/js/custom.js: -------------------------------------------------------------------------------- 1 | $(function () { 2 | "use strict"; 3 | 4 | $(".preloader").fadeOut(); 5 | // this is for close icon when navigation open in mobile view 6 | $(".nav-toggler").on("click", function () { 7 | $("#main-wrapper").toggleClass("show-sidebar"); 8 | $(".nav-toggler i").toggleClass("ti-menu"); 9 | }); 10 | $(".search-box a, .search-box .app-search .srh-btn").on("click", function () { 11 | $(".app-search").toggle(200); 12 | $(".app-search input").focus(); 13 | }); 14 | 15 | // ============================================================== 16 | // Resize all elements 17 | // ============================================================== 18 | $("body, .page-wrapper").trigger("resize"); 19 | $(".page-wrapper").delay(20).show(); 20 | 21 | //**************************** 22 | /* This is for the mini-sidebar if width is less then 1170*/ 23 | //**************************** 24 | var setsidebartype = function () { 25 | var width = window.innerWidth > 0 ? window.innerWidth : this.screen.width; 26 | if (width < 1170) { 27 | $("#main-wrapper").attr("data-sidebartype", "mini-sidebar"); 28 | } else { 29 | $("#main-wrapper").attr("data-sidebartype", "full"); 30 | } 31 | }; 32 | $(window).ready(setsidebartype); 33 | $(window).on("resize", setsidebartype); 34 | }); 35 | -------------------------------------------------------------------------------- /src/scss/bootstrap/_close.scss: -------------------------------------------------------------------------------- 1 | // transparent background and border properties included for button version. 2 | // iOS requires the button element instead of an anchor tag. 3 | // If you want the anchor version, it requires `href="#"`. 4 | // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile 5 | 6 | .btn-close { 7 | box-sizing: content-box; 8 | width: $btn-close-width; 9 | height: $btn-close-height; 10 | padding: $btn-close-padding-y $btn-close-padding-x; 11 | color: $btn-close-color; 12 | background: transparent escape-svg($btn-close-bg) center / $btn-close-width 13 | auto no-repeat; // include transparent for button elements 14 | border: 0; // for button elements 15 | @include border-radius(); 16 | opacity: $btn-close-opacity; 17 | 18 | // Override 's hover style 19 | &:hover { 20 | color: $btn-close-color; 21 | text-decoration: none; 22 | opacity: $btn-close-hover-opacity; 23 | } 24 | 25 | &:focus { 26 | outline: none; 27 | box-shadow: $btn-close-focus-shadow; 28 | opacity: $btn-close-focus-opacity; 29 | } 30 | 31 | &:disabled, 32 | &.disabled { 33 | pointer-events: none; 34 | user-select: none; 35 | opacity: $btn-close-disabled-opacity; 36 | } 37 | } 38 | 39 | .btn-close-white { 40 | filter: $btn-close-white-filter; 41 | } 42 | -------------------------------------------------------------------------------- /src/scss/bootstrap/_progress.scss: -------------------------------------------------------------------------------- 1 | // Disable animation if transitions are disabled 2 | @if $enable-transitions { 3 | @keyframes progress-bar-stripes { 4 | 0% { 5 | background-position-x: $progress-height; 6 | } 7 | } 8 | } 9 | 10 | .progress { 11 | display: flex; 12 | height: $progress-height; 13 | overflow: hidden; // force rounded corners by cropping it 14 | @include font-size($progress-font-size); 15 | background-color: $progress-bg; 16 | @include border-radius($progress-border-radius); 17 | @include box-shadow($progress-box-shadow); 18 | } 19 | 20 | .progress-bar { 21 | display: flex; 22 | flex-direction: column; 23 | justify-content: center; 24 | overflow: hidden; 25 | color: $progress-bar-color; 26 | text-align: center; 27 | white-space: nowrap; 28 | background-color: $progress-bar-bg; 29 | @include transition($progress-bar-transition); 30 | } 31 | 32 | .progress-bar-striped { 33 | @include gradient-striped(); 34 | background-size: $progress-height $progress-height; 35 | } 36 | 37 | @if $enable-transitions { 38 | .progress-bar-animated { 39 | animation: $progress-bar-animation-timing progress-bar-stripes; 40 | 41 | @if $enable-reduced-motion { 42 | @media (prefers-reduced-motion: reduce) { 43 | animation: none; 44 | } 45 | } 46 | } 47 | } 48 | -------------------------------------------------------------------------------- /src/scss/bootstrap/_images.scss: -------------------------------------------------------------------------------- 1 | // Responsive images (ensure images don't scale beyond their parents) 2 | // 3 | // This is purposefully opt-in via an explicit class rather than being the default for all ``s. 4 | // We previously tried the "images are responsive by default" approach in Bootstrap v2, 5 | // and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps) 6 | // which weren't expecting the images within themselves to be involuntarily resized. 7 | // See also https://github.com/twbs/bootstrap/issues/18178 8 | .img-fluid { 9 | @include img-fluid(); 10 | } 11 | 12 | // Image thumbnails 13 | .img-thumbnail { 14 | padding: $thumbnail-padding; 15 | background-color: $thumbnail-bg; 16 | border: $thumbnail-border-width solid $thumbnail-border-color; 17 | @include border-radius($thumbnail-border-radius); 18 | @include box-shadow($thumbnail-box-shadow); 19 | 20 | // Keep them at most 100% wide 21 | @include img-fluid(); 22 | } 23 | 24 | // 25 | // Figures 26 | // 27 | 28 | .figure { 29 | // Ensures the caption's text aligns with the image. 30 | display: inline-block; 31 | } 32 | 33 | .figure-img { 34 | margin-bottom: $spacer / 2; 35 | line-height: 1; 36 | } 37 | 38 | .figure-caption { 39 | @include font-size($figure-caption-font-size); 40 | color: $figure-caption-color; 41 | } 42 | -------------------------------------------------------------------------------- /src/scss/_landingpage.scss: -------------------------------------------------------------------------------- 1 | .btn-custom { 2 | padding: 0.5rem 1rem; 3 | font-size: 1rem; 4 | } 5 | 6 | .btn-info, 7 | .btn-danger { 8 | color: $white; 9 | &:hover { 10 | color: $white; 11 | } 12 | } 13 | 14 | .spacer { 15 | padding: 80px 0; 16 | } 17 | 18 | .lp-title { 19 | font-size: 30px; 20 | } 21 | 22 | .live-box { 23 | position: relative; 24 | border: 1px solid #e9ecef; 25 | .overlay { 26 | position: absolute; 27 | width: 100%; 28 | top: 0; 29 | left: 0; 30 | background: rgba(255, 255, 255, 0.5); 31 | text-align: center; 32 | height: 100%; 33 | display: none; 34 | } 35 | .live-btn { 36 | position: relative; 37 | top: 45%; 38 | padding: 10px 20px; 39 | } 40 | &:hover { 41 | .overlay { 42 | display: block; 43 | } 44 | } 45 | } 46 | 47 | .pro-demo { 48 | -webkit-box-shadow: 0px 4px 45px rgb(0 0 0 / 9%); 49 | box-shadow: 0px 4px 45px rgb(0 0 0 / 9%); 50 | } 51 | 52 | .line-h33 { 53 | line-height: 33px; 54 | } 55 | 56 | .listing li { 57 | line-height: 37px; 58 | font-size: 15px; 59 | font-weight: 600; 60 | } 61 | 62 | .font-15 { 63 | font-size: 15px; 64 | } 65 | 66 | .lp-custom-row { 67 | .row { 68 | margin-right: -20px; 69 | margin-left: -20px; 70 | } 71 | .row > * { 72 | padding-left: 20px; 73 | padding-right: 20px; 74 | } 75 | } 76 | -------------------------------------------------------------------------------- /src/scss/bootstrap/_containers.scss: -------------------------------------------------------------------------------- 1 | // Container widths 2 | // 3 | // Set the container width, and override it for fixed navbars in media queries. 4 | 5 | @if $enable-grid-classes { 6 | // Single container class with breakpoint max-widths 7 | .container, 8 | // 100% wide container at all breakpoints 9 | .container-fluid { 10 | @include make-container(); 11 | } 12 | 13 | // Responsive containers that are 100% wide until a breakpoint 14 | @each $breakpoint, $container-max-width in $container-max-widths { 15 | .container-#{$breakpoint} { 16 | @extend .container-fluid; 17 | } 18 | 19 | @include media-breakpoint-up($breakpoint, $grid-breakpoints) { 20 | %responsive-container-#{$breakpoint} { 21 | max-width: $container-max-width; 22 | } 23 | 24 | // Extend each breakpoint which is smaller or equal to the current breakpoint 25 | $extend-breakpoint: true; 26 | 27 | @each $name, $width in $grid-breakpoints { 28 | @if ($extend-breakpoint) { 29 | .container#{breakpoint-infix($name, $grid-breakpoints)} { 30 | @extend %responsive-container-#{$breakpoint}; 31 | } 32 | 33 | // Once the current breakpoint is reached, stop extending 34 | @if ($breakpoint == $name) { 35 | $extend-breakpoint: false; 36 | } 37 | } 38 | } 39 | } 40 | } 41 | } 42 | -------------------------------------------------------------------------------- /src/scss/bootstrap/_toasts.scss: -------------------------------------------------------------------------------- 1 | .toast { 2 | width: $toast-max-width; 3 | max-width: 100%; 4 | @include font-size($toast-font-size); 5 | color: $toast-color; 6 | pointer-events: auto; 7 | background-color: $toast-background-color; 8 | background-clip: padding-box; 9 | border: $toast-border-width solid $toast-border-color; 10 | box-shadow: $toast-box-shadow; 11 | @include border-radius($toast-border-radius); 12 | 13 | &:not(.showing):not(.show) { 14 | opacity: 0; 15 | } 16 | 17 | &.hide { 18 | display: none; 19 | } 20 | } 21 | 22 | .toast-container { 23 | width: max-content; 24 | max-width: 100%; 25 | pointer-events: none; 26 | 27 | > :not(:last-child) { 28 | margin-bottom: $toast-spacing; 29 | } 30 | } 31 | 32 | .toast-header { 33 | display: flex; 34 | align-items: center; 35 | padding: $toast-padding-y $toast-padding-x; 36 | color: $toast-header-color; 37 | background-color: $toast-header-background-color; 38 | background-clip: padding-box; 39 | border-bottom: $toast-border-width solid $toast-header-border-color; 40 | @include border-top-radius( 41 | subtract($toast-border-radius, $toast-border-width) 42 | ); 43 | 44 | .btn-close { 45 | margin-right: $toast-padding-x / -2; 46 | margin-left: $toast-padding-x; 47 | } 48 | } 49 | 50 | .toast-body { 51 | padding: $toast-padding-x; // apply to both vertical and horizontal 52 | } 53 | -------------------------------------------------------------------------------- /src/scss/theme-colors/theme-colors.scss: -------------------------------------------------------------------------------- 1 | // Theme colors 2 | #main-wrapper { 3 | &[data-layout="vertical"], 4 | &[data-layout="horizontal"] { 5 | /*This is for the logo bg*/ 6 | .topbar .top-navbar .navbar-header { 7 | &[data-logobg="skin5"] { 8 | background: $skin5; 9 | } 10 | } 11 | .topbar .navbar-collapse, 12 | .topbar { 13 | &[data-navbarbg="skin5"] { 14 | background: $skin5; 15 | } 16 | } 17 | /*This is for the sidebar bg*/ 18 | .left-sidebar { 19 | &[data-sidebarbg="skin6"] { 20 | background: $skin6; 21 | .sidebar-nav { 22 | ul { 23 | background: $skin6; 24 | .sidebar-item { 25 | .sidebar-link { 26 | color: $sidebar-text-dark; 27 | i { 28 | color: $sidebar-icons-dark; 29 | } 30 | } 31 | } 32 | .nav-small-cap { 33 | color: $sidebar-text-dark; 34 | opacity: 0.7; 35 | } 36 | } 37 | .has-arrow { 38 | &::after { 39 | border-color: $sidebar-text-dark; 40 | } 41 | } 42 | .user-content, 43 | .user-name, 44 | .user-email { 45 | color: $theme-dark; 46 | } 47 | } 48 | .create-btn { 49 | background: $cyan; 50 | } 51 | } 52 | } 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /src/scss/bootstrap/bootstrap-grid.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Grid v5.0.0-beta1 (https://getbootstrap.com/) 3 | * Copyright 2011-2020 The Bootstrap Authors 4 | * Copyright 2011-2020 Twitter, Inc. 5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) 6 | */ 7 | 8 | $include-column-box-sizing: true !default; 9 | 10 | @import "functions"; 11 | @import "variables"; 12 | 13 | @import "mixins/lists"; 14 | @import "mixins/breakpoints"; 15 | @import "mixins/container"; 16 | @import "mixins/grid"; 17 | @import "mixins/utilities"; 18 | 19 | @import "vendor/rfs"; 20 | 21 | @import "containers"; 22 | @import "grid"; 23 | 24 | @import "utilities"; 25 | // Only use the utilities we need 26 | // stylelint-disable-next-line scss/dollar-variable-default 27 | $utilities: map-get-multiple( 28 | $utilities, 29 | ( 30 | "display", 31 | "order", 32 | "flex", 33 | "flex-direction", 34 | "flex-grow", 35 | "flex-shrink", 36 | "flex-wrap", 37 | "justify-content", 38 | "align-items", 39 | "align-content", 40 | "align-self", 41 | "margin", 42 | "margin-x", 43 | "margin-y", 44 | "margin-top", 45 | "margin-end", 46 | "margin-bottom", 47 | "margin-start", 48 | "negative-margin", 49 | "negative-margin-x", 50 | "negative-margin-y", 51 | "negative-margin-top", 52 | "negative-margin-end", 53 | "negative-margin-bottom", 54 | "negative-margin-start", 55 | "padding", 56 | "padding-x", 57 | "padding-y", 58 | "padding-top", 59 | "padding-end", 60 | "padding-bottom", 61 | "padding-start" 62 | ) 63 | ); 64 | 65 | @import "utilities/api"; 66 | -------------------------------------------------------------------------------- /src/scss/bootstrap/_spinners.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Rotating border 3 | // 4 | 5 | @keyframes spinner-border { 6 | to { 7 | transform: rotate(360deg) #{"/* rtl:ignore */"}; 8 | } 9 | } 10 | 11 | .spinner-border { 12 | display: inline-block; 13 | width: $spinner-width; 14 | height: $spinner-height; 15 | vertical-align: text-bottom; 16 | border: $spinner-border-width solid currentColor; 17 | border-right-color: transparent; 18 | // stylelint-disable-next-line property-disallowed-list 19 | border-radius: 50%; 20 | animation: $spinner-animation-speed linear infinite spinner-border; 21 | } 22 | 23 | .spinner-border-sm { 24 | width: $spinner-width-sm; 25 | height: $spinner-height-sm; 26 | border-width: $spinner-border-width-sm; 27 | } 28 | 29 | // 30 | // Growing circle 31 | // 32 | 33 | @keyframes spinner-grow { 34 | 0% { 35 | transform: scale(0); 36 | } 37 | 50% { 38 | opacity: 1; 39 | transform: none; 40 | } 41 | } 42 | 43 | .spinner-grow { 44 | display: inline-block; 45 | width: $spinner-width; 46 | height: $spinner-height; 47 | vertical-align: text-bottom; 48 | background-color: currentColor; 49 | // stylelint-disable-next-line property-disallowed-list 50 | border-radius: 50%; 51 | opacity: 0; 52 | animation: $spinner-animation-speed linear infinite spinner-grow; 53 | } 54 | 55 | .spinner-grow-sm { 56 | width: $spinner-width-sm; 57 | height: $spinner-height-sm; 58 | } 59 | 60 | @if $enable-reduced-motion { 61 | @media (prefers-reduced-motion: reduce) { 62 | .spinner-border, 63 | .spinner-grow { 64 | animation-duration: $spinner-animation-speed * 2; 65 | } 66 | } 67 | } 68 | -------------------------------------------------------------------------------- /src/scss/bootstrap/_alert.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Base styles 3 | // 4 | 5 | .alert { 6 | position: relative; 7 | padding: $alert-padding-y $alert-padding-x; 8 | margin-bottom: $alert-margin-bottom; 9 | border: $alert-border-width solid transparent; 10 | @include border-radius($alert-border-radius); 11 | } 12 | 13 | // Headings for larger alerts 14 | .alert-heading { 15 | // Specified to prevent conflicts of changing $headings-color 16 | color: inherit; 17 | } 18 | 19 | // Provide class for links that match alerts 20 | .alert-link { 21 | font-weight: $alert-link-font-weight; 22 | } 23 | 24 | // Dismissible alerts 25 | // 26 | // Expand the right padding and account for the close button's positioning. 27 | 28 | .alert-dismissible { 29 | padding-right: $alert-dismissible-padding-r; 30 | 31 | // Adjust close link position 32 | .btn-close { 33 | position: absolute; 34 | top: 0; 35 | right: 0; 36 | z-index: $stretched-link-z-index + 1; 37 | padding: $alert-padding-y * 1.25 $alert-padding-x; 38 | } 39 | } 40 | 41 | // scss-docs-start alert-modifiers 42 | // Generate contextual modifier classes for colorizing the alert. 43 | 44 | @each $state, $value in $theme-colors { 45 | $background: shift-color($value, $alert-bg-scale); 46 | $border: shift-color($value, $alert-border-scale); 47 | $color: shift-color($value, $alert-color-scale); 48 | @if (contrast-ratio($background, $color) < $min-contrast-ratio) { 49 | $color: mix($value, color-contrast($background), abs($alert-color-scale)); 50 | } 51 | .alert-#{$state} { 52 | @include alert-variant($background, $border, $color); 53 | } 54 | } 55 | // scss-docs-end alert-modifiers 56 | -------------------------------------------------------------------------------- /src/scss/bootstrap/mixins/_caret.scss: -------------------------------------------------------------------------------- 1 | @mixin caret-down { 2 | border-top: $caret-width solid; 3 | border-right: $caret-width solid transparent; 4 | border-bottom: 0; 5 | border-left: $caret-width solid transparent; 6 | } 7 | 8 | @mixin caret-up { 9 | border-top: 0; 10 | border-right: $caret-width solid transparent; 11 | border-bottom: $caret-width solid; 12 | border-left: $caret-width solid transparent; 13 | } 14 | 15 | @mixin caret-end { 16 | border-top: $caret-width solid transparent; 17 | border-right: 0; 18 | border-bottom: $caret-width solid transparent; 19 | border-left: $caret-width solid; 20 | } 21 | 22 | @mixin caret-start { 23 | border-top: $caret-width solid transparent; 24 | border-right: $caret-width solid; 25 | border-bottom: $caret-width solid transparent; 26 | } 27 | 28 | @mixin caret($direction: down) { 29 | @if $enable-caret { 30 | &::after { 31 | display: inline-block; 32 | margin-left: $caret-spacing; 33 | vertical-align: $caret-vertical-align; 34 | content: ""; 35 | @if $direction == down { 36 | @include caret-down(); 37 | } @else if $direction == up { 38 | @include caret-up(); 39 | } @else if $direction == end { 40 | @include caret-end(); 41 | } 42 | } 43 | 44 | @if $direction == start { 45 | &::after { 46 | display: none; 47 | } 48 | 49 | &::before { 50 | display: inline-block; 51 | margin-right: $caret-spacing; 52 | vertical-align: $caret-vertical-align; 53 | content: ""; 54 | @include caret-start(); 55 | } 56 | } 57 | 58 | &:empty::after { 59 | margin-left: 0; 60 | } 61 | } 62 | } 63 | -------------------------------------------------------------------------------- /src/scss/widgets/steamline.scss: -------------------------------------------------------------------------------- 1 | /*******************/ 2 | /*Steam line widget*/ 3 | /*******************/ 4 | .steamline { 5 | position: relative; 6 | border-left: 1px solid $border-color; 7 | margin-left: 20px; 8 | .sl-left { 9 | float: $lft; 10 | margin-left: -20px; 11 | z-index: 1; 12 | width: 40px; 13 | line-height: 40px; 14 | text-align: center; 15 | height: 40px; 16 | border-radius: 100%; 17 | color: $white; 18 | 19 | margin-right: 15px; 20 | img { 21 | max-width: 40px; 22 | } 23 | } 24 | } 25 | 26 | .steamline .sl-right { 27 | padding-left: 30px; 28 | 29 | .desc, 30 | .inline-photos { 31 | margin-bottom: 21px; 32 | } 33 | } 34 | 35 | .steamline .sl-item { 36 | border-bottom: 1px solid $border-color; 37 | margin: 20px 0; 38 | &:last-child { 39 | border-bottom: none; 40 | } 41 | } 42 | 43 | .sl-date { 44 | font-size: 10px; 45 | color: $gray-500; 46 | } 47 | 48 | .time-item { 49 | border-color: $border-color; 50 | padding-bottom: 1px; 51 | position: relative; 52 | &:before { 53 | content: " "; 54 | display: table; 55 | } 56 | &:after { 57 | background-color: $white; 58 | border-color: $border-color; 59 | border-radius: 10px; 60 | border-style: solid; 61 | border-width: 2px; 62 | bottom: 0; 63 | content: ""; 64 | height: 14px; 65 | left: 0; 66 | margin-left: -8px; 67 | position: absolute; 68 | top: 5px; 69 | width: 14px; 70 | } 71 | } 72 | 73 | .time-item-item { 74 | &:after { 75 | content: " "; 76 | display: table; 77 | } 78 | } 79 | 80 | .item-info { 81 | margin-bottom: 15px; 82 | margin-left: 15px; 83 | p { 84 | margin-bottom: 10px !important; 85 | } 86 | } 87 | -------------------------------------------------------------------------------- /src/scss/core/topbar/notify.scss: -------------------------------------------------------------------------------- 1 | /******************* 2 | Notify 3 | *******************/ 4 | 5 | .notify { 6 | position: relative; 7 | top: -18px; 8 | right: -11px; 9 | .heartbit { 10 | position: absolute; 11 | top: -20px; 12 | right: -4px; 13 | height: 25px; 14 | width: 25px; 15 | z-index: 10; 16 | border: 5px solid $danger; 17 | border-radius: 70px; 18 | -moz-animation: heartbit 1s ease-out; 19 | -moz-animation-iteration-count: infinite; 20 | -o-animation: heartbit 1s ease-out; 21 | -o-animation-iteration-count: infinite; 22 | -webkit-animation: heartbit 1s ease-out; 23 | -webkit-animation-iteration-count: infinite; 24 | animation-iteration-count: infinite; 25 | } 26 | .point { 27 | width: 6px; 28 | height: 6px; 29 | -webkit-border-radius: 30px; 30 | -moz-border-radius: 30px; 31 | border-radius: 30px; 32 | background-color: $danger; 33 | position: absolute; 34 | right: 6px; 35 | top: -10px; 36 | } 37 | } 38 | 39 | @-moz-keyframes heartbit { 40 | 0% { 41 | -moz-transform: scale(0); 42 | opacity: 0; 43 | } 44 | 25% { 45 | -moz-transform: scale(0.1); 46 | opacity: 0.1; 47 | } 48 | 50% { 49 | -moz-transform: scale(0.5); 50 | opacity: 0.3; 51 | } 52 | 75% { 53 | -moz-transform: scale(0.8); 54 | opacity: 0.5; 55 | } 56 | 100% { 57 | -moz-transform: scale(1); 58 | opacity: 0; 59 | } 60 | } 61 | 62 | @-webkit-keyframes heartbit { 63 | 0% { 64 | -webkit-transform: scale(0); 65 | opacity: 0; 66 | } 67 | 25% { 68 | -webkit-transform: scale(0.1); 69 | opacity: 0.1; 70 | } 71 | 50% { 72 | -webkit-transform: scale(0.5); 73 | opacity: 0.3; 74 | } 75 | 75% { 76 | -webkit-transform: scale(0.8); 77 | opacity: 0.5; 78 | } 79 | 100% { 80 | -webkit-transform: scale(1); 81 | opacity: 0; 82 | } 83 | } 84 | -------------------------------------------------------------------------------- /src/scss/bootstrap/_type.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Headings 3 | // 4 | .h1 { 5 | @extend h1; 6 | } 7 | 8 | .h2 { 9 | @extend h2; 10 | } 11 | 12 | .h3 { 13 | @extend h3; 14 | } 15 | 16 | .h4 { 17 | @extend h4; 18 | } 19 | 20 | .h5 { 21 | @extend h5; 22 | } 23 | 24 | .h6 { 25 | @extend h6; 26 | } 27 | 28 | .lead { 29 | @include font-size($lead-font-size); 30 | font-weight: $lead-font-weight; 31 | } 32 | 33 | // Type display classes 34 | @each $display, $font-size in $display-font-sizes { 35 | .display-#{$display} { 36 | @include font-size($font-size); 37 | font-weight: $display-font-weight; 38 | line-height: $display-line-height; 39 | } 40 | } 41 | 42 | // 43 | // Emphasis 44 | // 45 | .small { 46 | @extend small; 47 | } 48 | 49 | .mark { 50 | @extend mark; 51 | } 52 | 53 | // 54 | // Lists 55 | // 56 | 57 | .list-unstyled { 58 | @include list-unstyled(); 59 | } 60 | 61 | // Inline turns list items into inline-block 62 | .list-inline { 63 | @include list-unstyled(); 64 | } 65 | .list-inline-item { 66 | display: inline-block; 67 | 68 | &:not(:last-child) { 69 | margin-right: $list-inline-padding; 70 | } 71 | } 72 | 73 | // 74 | // Misc 75 | // 76 | 77 | // Builds on `abbr` 78 | .initialism { 79 | @include font-size($initialism-font-size); 80 | text-transform: uppercase; 81 | } 82 | 83 | // Blockquotes 84 | .blockquote { 85 | margin-bottom: $blockquote-margin-y; 86 | @include font-size($blockquote-font-size); 87 | 88 | > :last-child { 89 | margin-bottom: 0; 90 | } 91 | } 92 | 93 | .blockquote-footer { 94 | margin-top: -$blockquote-margin-y; 95 | margin-bottom: $blockquote-margin-y; 96 | @include font-size($blockquote-footer-font-size); 97 | color: $blockquote-footer-color; 98 | 99 | &::before { 100 | content: "\2014\00A0"; // em dash, nbsp 101 | } 102 | } 103 | -------------------------------------------------------------------------------- /src/scss/bootstrap/utilities/_api.scss: -------------------------------------------------------------------------------- 1 | // Loop over each breakpoint 2 | @each $breakpoint in map-keys($grid-breakpoints) { 3 | // Generate media query if needed 4 | @include media-breakpoint-up($breakpoint) { 5 | $infix: breakpoint-infix($breakpoint, $grid-breakpoints); 6 | 7 | // Loop over each utility property 8 | @each $key, $utility in $utilities { 9 | // The utility can be disabled with `false`, thus check if the utility is a map first 10 | // Only proceed if responsive media queries are enabled or if it's the base media query 11 | @if type-of($utility) == 12 | "map" and 13 | (map-get($utility, responsive) or $infix == "") 14 | { 15 | @include generate-utility($utility, $infix); 16 | } 17 | } 18 | } 19 | } 20 | 21 | // RFS rescaling 22 | @media (min-width: $rfs-mq-value) { 23 | @each $breakpoint in map-keys($grid-breakpoints) { 24 | $infix: breakpoint-infix($breakpoint, $grid-breakpoints); 25 | 26 | @if (map-get($grid-breakpoints, $breakpoint) < $rfs-breakpoint) { 27 | // Loop over each utility property 28 | @each $key, $utility in $utilities { 29 | // The utility can be disabled with `false`, thus check if the utility is a map first 30 | // Only proceed if responsive media queries are enabled or if it's the base media query 31 | @if type-of($utility) == "map" and map-get($utility, rfs) { 32 | @include generate-utility($utility, $infix, true); 33 | } 34 | } 35 | } 36 | } 37 | } 38 | 39 | // Print utilities 40 | @media print { 41 | @each $key, $utility in $utilities { 42 | // The utility can be disabled with `false`, thus check if the utility is a map first 43 | // Then check if the utility needs print styles 44 | @if type-of($utility) == "map" and map-get($utility, print) == true { 45 | @include generate-utility($utility, "-print"); 46 | } 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /dist/js/sidebarmenu.js: -------------------------------------------------------------------------------- 1 | /* 2 | Template Name: Admin Template 3 | Author: Wrappixel 4 | 5 | File: js 6 | */ 7 | // ============================================================== 8 | // Auto select left navbar 9 | // ============================================================== 10 | $(function () { 11 | "use strict"; 12 | var url = window.location + ""; 13 | var path = url.replace( 14 | window.location.protocol + "//" + window.location.host + "/", 15 | "" 16 | ); 17 | var element = $("ul#sidebarnav a").filter(function () { 18 | return this.href === url || this.href === path; // || url.href.indexOf(this.href) === 0; 19 | }); 20 | element.parentsUntil(".sidebar-nav").each(function (index) { 21 | if ($(this).is("li") && $(this).children("a").length !== 0) { 22 | $(this).children("a").addClass("active"); 23 | $(this).parent("ul#sidebarnav").length === 0 24 | ? $(this).addClass("active") 25 | : $(this).addClass("selected"); 26 | } else if (!$(this).is("ul") && $(this).children("a").length === 0) { 27 | $(this).addClass("selected"); 28 | } else if ($(this).is("ul")) { 29 | $(this).addClass("in"); 30 | } 31 | }); 32 | 33 | element.addClass("active"); 34 | $("#sidebarnav a").on("click", function (e) { 35 | if (!$(this).hasClass("active")) { 36 | // hide any open menus and remove all other classes 37 | $("ul", $(this).parents("ul:first")).removeClass("in"); 38 | $("a", $(this).parents("ul:first")).removeClass("active"); 39 | 40 | // open our new menu and add the open class 41 | $(this).next("ul").addClass("in"); 42 | $(this).addClass("active"); 43 | } else if ($(this).hasClass("active")) { 44 | $(this).removeClass("active"); 45 | $(this).parents("ul:first").removeClass("active"); 46 | $(this).next("ul").removeClass("in"); 47 | } 48 | }); 49 | $("#sidebarnav >li >a.has-arrow").on("click", function (e) { 50 | e.preventDefault(); 51 | }); 52 | }); 53 | -------------------------------------------------------------------------------- /src/scss/bootstrap/forms/_floating-labels.scss: -------------------------------------------------------------------------------- 1 | .form-floating { 2 | position: relative; 3 | 4 | > .form-control, 5 | > .form-select { 6 | height: $form-floating-height; 7 | padding: $form-floating-padding-y $form-floating-padding-x; 8 | } 9 | 10 | > label { 11 | position: absolute; 12 | top: 0; 13 | left: 0; 14 | height: 100%; // allow textareas 15 | padding: $form-floating-padding-y $form-floating-padding-x; 16 | pointer-events: none; 17 | border: $input-border-width solid transparent; // Required for aligning label's text with the input as it affects inner box model 18 | transform-origin: 0 0; 19 | @include transition($form-floating-transition); 20 | } 21 | 22 | // stylelint-disable no-duplicate-selectors 23 | > .form-control { 24 | &::placeholder { 25 | color: transparent; 26 | } 27 | 28 | &:focus, 29 | &:not(:placeholder-shown) { 30 | padding-top: $form-floating-input-padding-t; 31 | padding-bottom: $form-floating-input-padding-b; 32 | } 33 | // Duplicated because `:-webkit-autofill` invalidates other selectors when grouped 34 | &:-webkit-autofill { 35 | padding-top: $form-floating-input-padding-t; 36 | padding-bottom: $form-floating-input-padding-b; 37 | } 38 | } 39 | 40 | > .form-select { 41 | padding-top: $form-floating-input-padding-t; 42 | padding-bottom: $form-floating-input-padding-b; 43 | } 44 | 45 | > .form-control:focus, 46 | > .form-control:not(:placeholder-shown), 47 | > .form-select { 48 | ~ label { 49 | opacity: $form-floating-label-opacity; 50 | transform: $form-floating-label-transform; 51 | } 52 | } 53 | // Duplicated because `:-webkit-autofill` invalidates other selectors when grouped 54 | > .form-control:-webkit-autofill { 55 | ~ label { 56 | opacity: $form-floating-label-opacity; 57 | transform: $form-floating-label-transform; 58 | } 59 | } 60 | // stylelint-enable no-duplicate-selectors 61 | } 62 | -------------------------------------------------------------------------------- /dist/js/pages/dashboards/dashboard1.js: -------------------------------------------------------------------------------- 1 | /* 2 | Template Name: Admin Pro Admin 3 | Author: Wrappixel 4 | Email: niravjoshi87@gmail.com 5 | File: js 6 | */ 7 | $(function () { 8 | "use strict"; 9 | // ============================================================== 10 | // Newsletter 11 | // ============================================================== 12 | 13 | var chart = new Chartist.Line( 14 | ".campaign", 15 | { 16 | labels: [1, 2, 3, 4, 5, 6, 7, 8], 17 | series: [ 18 | [0, 5, 6, 8, 25, 9, 8, 24], 19 | [0, 3, 1, 2, 8, 1, 5, 1], 20 | ], 21 | }, 22 | { 23 | low: 0, 24 | high: 28, 25 | 26 | showArea: true, 27 | fullWidth: true, 28 | plugins: [Chartist.plugins.tooltip()], 29 | axisY: { 30 | onlyInteger: true, 31 | scaleMinSpace: 40, 32 | offset: 20, 33 | labelInterpolationFnc: function (value) { 34 | return value / 1 + "k"; 35 | }, 36 | }, 37 | } 38 | ); 39 | 40 | // Offset x1 a tiny amount so that the straight stroke gets a bounding box 41 | // Straight lines don't get a bounding box 42 | // Last remark on -> http://www.w3.org/TR/SVG11/coords.html#ObjectBoundingBox 43 | chart.on("draw", function (ctx) { 44 | if (ctx.type === "area") { 45 | ctx.element.attr({ 46 | x1: ctx.x1 + 0.001, 47 | }); 48 | } 49 | }); 50 | 51 | // Create the gradient definition on created event (always after chart re-render) 52 | chart.on("created", function (ctx) { 53 | var defs = ctx.svg.elem("defs"); 54 | defs 55 | .elem("linearGradient", { 56 | id: "gradient", 57 | x1: 0, 58 | y1: 1, 59 | x2: 0, 60 | y2: 0, 61 | }) 62 | .elem("stop", { 63 | offset: 0, 64 | "stop-color": "rgba(255, 255, 255, 1)", 65 | }) 66 | .parent() 67 | .elem("stop", { 68 | offset: 1, 69 | "stop-color": "rgba(64, 196, 255, 1)", 70 | }); 71 | }); 72 | 73 | var chart = [chart]; 74 | }); 75 | -------------------------------------------------------------------------------- /src/scss/bootstrap/_pagination.scss: -------------------------------------------------------------------------------- 1 | .pagination { 2 | display: flex; 3 | @include list-unstyled(); 4 | } 5 | 6 | .page-link { 7 | position: relative; 8 | display: block; 9 | color: $pagination-color; 10 | text-decoration: if($link-decoration == none, null, none); 11 | background-color: $pagination-bg; 12 | border: $pagination-border-width solid $pagination-border-color; 13 | @include transition($pagination-transition); 14 | 15 | &:hover { 16 | z-index: 2; 17 | color: $pagination-hover-color; 18 | text-decoration: if($link-hover-decoration == underline, none, null); 19 | background-color: $pagination-hover-bg; 20 | border-color: $pagination-hover-border-color; 21 | } 22 | 23 | &:focus { 24 | z-index: 3; 25 | color: $pagination-focus-color; 26 | background-color: $pagination-focus-bg; 27 | outline: $pagination-focus-outline; 28 | box-shadow: $pagination-focus-box-shadow; 29 | } 30 | } 31 | 32 | .page-item { 33 | &:not(:first-child) .page-link { 34 | margin-left: $pagination-margin-start; 35 | } 36 | 37 | &.active .page-link { 38 | z-index: 3; 39 | color: $pagination-active-color; 40 | @include gradient-bg($pagination-active-bg); 41 | border-color: $pagination-active-border-color; 42 | } 43 | 44 | &.disabled .page-link { 45 | color: $pagination-disabled-color; 46 | pointer-events: none; 47 | background-color: $pagination-disabled-bg; 48 | border-color: $pagination-disabled-border-color; 49 | } 50 | } 51 | 52 | // 53 | // Sizing 54 | // 55 | @include pagination-size( 56 | $pagination-padding-y, 57 | $pagination-padding-x, 58 | null, 59 | $pagination-border-radius 60 | ); 61 | 62 | .pagination-lg { 63 | @include pagination-size( 64 | $pagination-padding-y-lg, 65 | $pagination-padding-x-lg, 66 | $font-size-lg, 67 | $border-radius-lg 68 | ); 69 | } 70 | 71 | .pagination-sm { 72 | @include pagination-size( 73 | $pagination-padding-y-sm, 74 | $pagination-padding-x-sm, 75 | $font-size-sm, 76 | $border-radius-sm 77 | ); 78 | } 79 | -------------------------------------------------------------------------------- /src/scss/bootstrap/mixins/_border-radius.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable property-disallowed-list 2 | // Single side border-radius 3 | 4 | // Helper function to replace negative values with 0 5 | @function valid-radius($radius) { 6 | $return: (); 7 | @each $value in $radius { 8 | @if type-of($value) == number { 9 | $return: append($return, max($value, 0)); 10 | } @else { 11 | $return: append($return, $value); 12 | } 13 | } 14 | @return $return; 15 | } 16 | 17 | @mixin border-radius($radius: $border-radius, $fallback-border-radius: false) { 18 | @if $enable-rounded { 19 | border-radius: valid-radius($radius); 20 | } @else if $fallback-border-radius != false { 21 | border-radius: $fallback-border-radius; 22 | } 23 | } 24 | 25 | @mixin border-top-radius($radius: $border-radius) { 26 | @if $enable-rounded { 27 | border-top-left-radius: valid-radius($radius); 28 | border-top-right-radius: valid-radius($radius); 29 | } 30 | } 31 | 32 | @mixin border-end-radius($radius: $border-radius) { 33 | @if $enable-rounded { 34 | border-top-right-radius: valid-radius($radius); 35 | border-bottom-right-radius: valid-radius($radius); 36 | } 37 | } 38 | 39 | @mixin border-bottom-radius($radius: $border-radius) { 40 | @if $enable-rounded { 41 | border-bottom-right-radius: valid-radius($radius); 42 | border-bottom-left-radius: valid-radius($radius); 43 | } 44 | } 45 | 46 | @mixin border-start-radius($radius: $border-radius) { 47 | @if $enable-rounded { 48 | border-top-left-radius: valid-radius($radius); 49 | border-bottom-left-radius: valid-radius($radius); 50 | } 51 | } 52 | 53 | @mixin border-top-start-radius($radius: $border-radius) { 54 | @if $enable-rounded { 55 | border-top-left-radius: valid-radius($radius); 56 | } 57 | } 58 | 59 | @mixin border-top-end-radius($radius: $border-radius) { 60 | @if $enable-rounded { 61 | border-top-right-radius: valid-radius($radius); 62 | } 63 | } 64 | 65 | @mixin border-bottom-end-radius($radius: $border-radius) { 66 | @if $enable-rounded { 67 | border-bottom-right-radius: valid-radius($radius); 68 | } 69 | } 70 | 71 | @mixin border-bottom-start-radius($radius: $border-radius) { 72 | @if $enable-rounded { 73 | border-bottom-left-radius: valid-radius($radius); 74 | } 75 | } 76 | -------------------------------------------------------------------------------- /src/scss/bootstrap/mixins/_gradients.scss: -------------------------------------------------------------------------------- 1 | // Gradients 2 | 3 | @mixin gradient-bg($color: null) { 4 | background-color: $color; 5 | 6 | @if $enable-gradients { 7 | background-image: var(--#{$variable-prefix}gradient); 8 | } 9 | } 10 | 11 | // Horizontal gradient, from left to right 12 | // 13 | // Creates two color stops, start and end, by specifying a color and position for each color stop. 14 | @mixin gradient-x( 15 | $start-color: $gray-700, 16 | $end-color: $gray-800, 17 | $start-percent: 0%, 18 | $end-percent: 100% 19 | ) { 20 | background-image: linear-gradient( 21 | to right, 22 | $start-color $start-percent, 23 | $end-color $end-percent 24 | ); 25 | } 26 | 27 | // Vertical gradient, from top to bottom 28 | // 29 | // Creates two color stops, start and end, by specifying a color and position for each color stop. 30 | @mixin gradient-y( 31 | $start-color: $gray-700, 32 | $end-color: $gray-800, 33 | $start-percent: null, 34 | $end-percent: null 35 | ) { 36 | background-image: linear-gradient( 37 | to bottom, 38 | $start-color $start-percent, 39 | $end-color $end-percent 40 | ); 41 | } 42 | 43 | @mixin gradient-directional( 44 | $start-color: $gray-700, 45 | $end-color: $gray-800, 46 | $deg: 45deg 47 | ) { 48 | background-image: linear-gradient($deg, $start-color, $end-color); 49 | } 50 | 51 | @mixin gradient-x-three-colors( 52 | $start-color: $blue, 53 | $mid-color: $purple, 54 | $color-stop: 50%, 55 | $end-color: $red 56 | ) { 57 | background-image: linear-gradient( 58 | to right, 59 | $start-color, 60 | $mid-color $color-stop, 61 | $end-color 62 | ); 63 | } 64 | 65 | @mixin gradient-y-three-colors( 66 | $start-color: $blue, 67 | $mid-color: $purple, 68 | $color-stop: 50%, 69 | $end-color: $red 70 | ) { 71 | background-image: linear-gradient( 72 | $start-color, 73 | $mid-color $color-stop, 74 | $end-color 75 | ); 76 | } 77 | 78 | @mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) { 79 | background-image: radial-gradient(circle, $inner-color, $outer-color); 80 | } 81 | 82 | @mixin gradient-striped($color: rgba($white, 0.15), $angle: 45deg) { 83 | background-image: linear-gradient( 84 | $angle, 85 | $color 25%, 86 | transparent 25%, 87 | transparent 50%, 88 | $color 50%, 89 | $color 75%, 90 | transparent 75%, 91 | transparent 92 | ); 93 | } 94 | -------------------------------------------------------------------------------- /src/scss/bootstrap/forms/_form-select.scss: -------------------------------------------------------------------------------- 1 | // Select 2 | // 3 | // Replaces the browser default select with a custom one, mostly pulled from 4 | // https://primer.github.io/. 5 | 6 | .form-select { 7 | display: block; 8 | width: 100%; 9 | padding: $form-select-padding-y 10 | ($form-select-padding-x + $form-select-indicator-padding) 11 | $form-select-padding-y $form-select-padding-x; 12 | font-family: $form-select-font-family; 13 | @include font-size($form-select-font-size); 14 | font-weight: $form-select-font-weight; 15 | line-height: $form-select-line-height; 16 | color: $form-select-color; 17 | vertical-align: middle; 18 | background-color: $form-select-bg; 19 | background-image: escape-svg($form-select-indicator); 20 | background-repeat: no-repeat; 21 | background-position: $form-select-bg-position; 22 | background-size: $form-select-bg-size; 23 | border: $form-select-border-width solid $form-select-border-color; 24 | @include border-radius($form-select-border-radius, 0); 25 | @include box-shadow($form-select-box-shadow); 26 | appearance: none; 27 | 28 | &:focus { 29 | border-color: $form-select-focus-border-color; 30 | outline: 0; 31 | @if $enable-shadows { 32 | @include box-shadow( 33 | $form-select-box-shadow, 34 | $form-select-focus-box-shadow 35 | ); 36 | } @else { 37 | // Avoid using mixin so we can pass custom focus shadow properly 38 | box-shadow: $form-select-focus-box-shadow; 39 | } 40 | } 41 | 42 | &[multiple], 43 | &[size]:not([size="1"]) { 44 | padding-right: $form-select-padding-x; 45 | background-image: none; 46 | } 47 | 48 | &:disabled { 49 | color: $form-select-disabled-color; 50 | background-color: $form-select-disabled-bg; 51 | border-color: $form-select-disabled-border-color; 52 | } 53 | 54 | // Remove outline from select box in FF 55 | &:-moz-focusring { 56 | color: transparent; 57 | text-shadow: 0 0 0 $form-select-color; 58 | } 59 | } 60 | 61 | .form-select-sm { 62 | padding-top: $form-select-padding-y-sm; 63 | padding-bottom: $form-select-padding-y-sm; 64 | padding-left: $form-select-padding-x-sm; 65 | @include font-size($form-select-font-size-sm); 66 | } 67 | 68 | .form-select-lg { 69 | padding-top: $form-select-padding-y-lg; 70 | padding-bottom: $form-select-padding-y-lg; 71 | padding-left: $form-select-padding-x-lg; 72 | @include font-size($form-select-font-size-lg); 73 | } 74 | -------------------------------------------------------------------------------- /src/scss/bootstrap/mixins/_utilities.scss: -------------------------------------------------------------------------------- 1 | // Utility generator 2 | // Used to generate utilities & print utilities 3 | @mixin generate-utility($utility, $infix, $is-rfs-media-query: false) { 4 | $values: map-get($utility, values); 5 | 6 | // If the values are a list or string, convert it into a map 7 | @if type-of($values) == "string" or type-of(nth($values, 1)) != "list" { 8 | $values: zip($values, $values); 9 | } 10 | 11 | @each $key, $value in $values { 12 | $properties: map-get($utility, property); 13 | 14 | // Multiple properties are possible, for example with vertical or horizontal margins or paddings 15 | @if type-of($properties) == "string" { 16 | $properties: append((), $properties); 17 | } 18 | 19 | // Use custom class if present 20 | $property-class: if( 21 | map-has-key($utility, class), 22 | map-get($utility, class), 23 | nth($properties, 1) 24 | ); 25 | $property-class: if($property-class == null, "", $property-class); 26 | 27 | // State params to generate pseudo-classes 28 | $state: if(map-has-key($utility, state), map-get($utility, state), ()); 29 | 30 | $infix: if( 31 | $property-class == "" and str-slice($infix, 1, 1) == "-", 32 | str-slice($infix, 2), 33 | $infix 34 | ); 35 | 36 | // Don't prefix if value key is null (eg. with shadow class) 37 | $property-class-modifier: if( 38 | $key, 39 | if($property-class == "" and $infix == "", "", "-") + $key, 40 | "" 41 | ); 42 | 43 | @if map-get($utility, rfs) { 44 | // Inside the media query 45 | @if $is-rfs-media-query { 46 | $val: rfs-value($value); 47 | 48 | // Do not render anything if fluid and non fluid values are the same 49 | $value: if($val == rfs-fluid-value($value), null, $val); 50 | } @else { 51 | $value: rfs-fluid-value($value); 52 | } 53 | } 54 | 55 | $is-rtl: map-get($utility, rtl); 56 | 57 | @if $value != null { 58 | @if $is-rtl == false { 59 | /* rtl:begin:remove */ 60 | } 61 | .#{$property-class + $infix + $property-class-modifier} { 62 | @each $property in $properties { 63 | #{$property}: $value 64 | if($enable-important-utilities, !important, null); 65 | } 66 | } 67 | 68 | @each $pseudo in $state { 69 | .#{$property-class 70 | + $infix 71 | + $property-class-modifier}-#{$pseudo}:#{$pseudo} { 72 | @each $property in $properties { 73 | #{$property}: $value 74 | if($enable-important-utilities, !important, null); 75 | } 76 | } 77 | } 78 | @if $is-rtl == false { 79 | /* rtl:end:remove */ 80 | } 81 | } 82 | } 83 | } 84 | -------------------------------------------------------------------------------- /src/scss/bootstrap/_buttons.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Base styles 3 | // 4 | 5 | .btn { 6 | display: inline-block; 7 | font-family: $btn-font-family; 8 | font-weight: $btn-font-weight; 9 | line-height: $btn-line-height; 10 | color: $body-color; 11 | text-align: center; 12 | text-decoration: if($link-decoration == none, null, none); 13 | white-space: $btn-white-space; 14 | vertical-align: middle; 15 | cursor: if($enable-button-pointers, pointer, null); 16 | user-select: none; 17 | background-color: transparent; 18 | border: $btn-border-width solid transparent; 19 | @include button-size( 20 | $btn-padding-y, 21 | $btn-padding-x, 22 | $btn-font-size, 23 | $btn-border-radius 24 | ); 25 | @include transition($btn-transition); 26 | 27 | &:hover { 28 | color: $body-color; 29 | text-decoration: if($link-hover-decoration == underline, none, null); 30 | } 31 | 32 | .btn-check:focus + &, 33 | &:focus { 34 | outline: 0; 35 | box-shadow: $btn-focus-box-shadow; 36 | } 37 | 38 | .btn-check:checked + &, 39 | .btn-check:active + &, 40 | &:active, 41 | &.active { 42 | @include box-shadow($btn-active-box-shadow); 43 | 44 | &:focus { 45 | @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow); 46 | } 47 | } 48 | 49 | &:disabled, 50 | &.disabled, 51 | fieldset:disabled & { 52 | pointer-events: none; 53 | opacity: $btn-disabled-opacity; 54 | @include box-shadow(none); 55 | } 56 | } 57 | 58 | // 59 | // Alternate buttons 60 | // 61 | 62 | @each $color, $value in $theme-colors { 63 | .btn-#{$color} { 64 | @include button-variant($value, $value); 65 | } 66 | } 67 | 68 | @each $color, $value in $theme-colors { 69 | .btn-outline-#{$color} { 70 | @include button-outline-variant($value); 71 | } 72 | } 73 | 74 | // 75 | // Link buttons 76 | // 77 | 78 | // Make a button look and behave like a link 79 | .btn-link { 80 | font-weight: $font-weight-normal; 81 | color: $btn-link-color; 82 | text-decoration: $link-decoration; 83 | 84 | &:hover { 85 | color: $btn-link-hover-color; 86 | text-decoration: $link-hover-decoration; 87 | } 88 | 89 | &:focus { 90 | text-decoration: $link-hover-decoration; 91 | } 92 | 93 | &:disabled, 94 | &.disabled { 95 | color: $btn-link-disabled-color; 96 | } 97 | 98 | // No need for an active state here 99 | } 100 | 101 | // 102 | // Button Sizes 103 | // 104 | 105 | .btn-lg { 106 | @include button-size( 107 | $btn-padding-y-lg, 108 | $btn-padding-x-lg, 109 | $btn-font-size-lg, 110 | $btn-border-radius-lg 111 | ); 112 | } 113 | 114 | .btn-sm { 115 | @include button-size( 116 | $btn-padding-y-sm, 117 | $btn-padding-x-sm, 118 | $btn-font-size-sm, 119 | $btn-border-radius-sm 120 | ); 121 | } 122 | -------------------------------------------------------------------------------- /src/scss/bootstrap/_nav.scss: -------------------------------------------------------------------------------- 1 | // Base class 2 | // 3 | // Kickstart any navigation component with a set of style resets. Works with 4 | // `