Initial Commit
The initial public commit of MVGL website code.
This commit is contained in:
commit
b39ecf1638
2043 changed files with 215154 additions and 0 deletions
29
resources/assets/demo1/sass/components/_item-hover-custom.scss
vendored
Normal file
29
resources/assets/demo1/sass/components/_item-hover-custom.scss
vendored
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
//
|
||||
// Item Hover Custom
|
||||
//
|
||||
|
||||
|
||||
.item-border-hover {
|
||||
border: 1px solid #fff;
|
||||
border-radius: 6px;
|
||||
|
||||
&:hover {
|
||||
border: 1px solid #EFF2F5;
|
||||
cursor: pointer;
|
||||
transition: $transition-link;
|
||||
background-color: rgba(245, 248, 250, 0.3);
|
||||
|
||||
.label {
|
||||
background-color: #00A3FF !important;
|
||||
transition: $transition-link;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.label {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 6px;
|
||||
}
|
||||
}
|
||||
136
resources/assets/demo1/sass/components/_landing.scss
vendored
Normal file
136
resources/assets/demo1/sass/components/_landing.scss
vendored
Normal file
|
|
@ -0,0 +1,136 @@
|
|||
//
|
||||
// Landing elements
|
||||
//
|
||||
|
||||
// Variables
|
||||
$landing-dark-color: #13263C;
|
||||
$landing-header-height: 100px;
|
||||
$landing-header-height-tablet-and-mobile: 70px;
|
||||
$landing-header-sticky-height: 70px;
|
||||
$landing-header-sticky-height-tablet-and-mobile: 70px;
|
||||
|
||||
// Utility classes
|
||||
.landing-dark-bg {
|
||||
background-color: $landing-dark-color;
|
||||
}
|
||||
|
||||
.landing-dark-color {
|
||||
color: $landing-dark-color;
|
||||
}
|
||||
|
||||
.landing-dark-border {
|
||||
border:1px dashed #2C3F5B;
|
||||
}
|
||||
|
||||
.landing-dark-separator {
|
||||
border-top:1px dashed #2C3F5B;
|
||||
}
|
||||
|
||||
.landing-curve {
|
||||
position: relative;
|
||||
|
||||
svg {
|
||||
position: relative;
|
||||
top: 0;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
// Landing header
|
||||
.landing-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: $landing-header-height;
|
||||
|
||||
// Logos
|
||||
.logo-default {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.logo-sticky {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Menu
|
||||
.menu {
|
||||
// Menu link
|
||||
.menu-link {
|
||||
&.active {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
// Header menu sticky mode
|
||||
[data-kt-sticky-landing-header="on"] & {
|
||||
// Menu link
|
||||
.menu-link {
|
||||
&.active {
|
||||
color: $primary;
|
||||
background-color: rgba(#EFF2F5, 0.4);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Sticky header modes
|
||||
[data-kt-sticky-landing-header="on"] & {
|
||||
padding: 0;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
z-index: 100;
|
||||
background-color: $white;
|
||||
box-shadow: 0px 10px 30px 0px rgba(82,63,105,0.05);
|
||||
height: $landing-header-sticky-height;
|
||||
|
||||
// Logos
|
||||
.logo-sticky {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.logo-default {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Fix body padding top when Landing sticky header is on
|
||||
body[data-kt-sticky-landing-header="on"] {
|
||||
padding-top: $landing-header-height;
|
||||
}
|
||||
|
||||
// Tablet & mobile modes
|
||||
@include media-breakpoint-down(lg) {
|
||||
// Landing header
|
||||
.landing-header {
|
||||
height: $landing-header-height-tablet-and-mobile;
|
||||
|
||||
// Menu wrapper
|
||||
.landing-menu-wrapper {
|
||||
position: relative;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
// Sticky header modes
|
||||
[data-kt-sticky-landing-header="on"] & {
|
||||
height: $landing-header-sticky-height-tablet-and-mobile;
|
||||
}
|
||||
|
||||
// Menu
|
||||
.menu {
|
||||
// Menu link
|
||||
.menu-link {
|
||||
&.active {
|
||||
color: $primary;
|
||||
background-color: rgba(#EFF2F5, 0.4);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Fix body padding top when Landing sticky header is on
|
||||
body[data-kt-sticky-landing-header="on"] {
|
||||
padding-top: $landing-header-height-tablet-and-mobile;
|
||||
}
|
||||
}
|
||||
16
resources/assets/demo1/sass/components/_nouislider-custom.scss
vendored
Normal file
16
resources/assets/demo1/sass/components/_nouislider-custom.scss
vendored
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
// NoUiSlider success color option
|
||||
.noUi-target.noUi-target-success {
|
||||
.noUi-connects {
|
||||
background: $success-light;
|
||||
|
||||
.noUi-connect {
|
||||
background: $success;
|
||||
}
|
||||
}
|
||||
|
||||
.noUi-handle {
|
||||
border: 1px solid $success;
|
||||
box-shadow: 0 3px 6px -3px rgba($success, 0.7);
|
||||
background: $success;
|
||||
}
|
||||
}
|
||||
7
resources/assets/demo1/sass/components/_placeholder-custom.scss
vendored
Normal file
7
resources/assets/demo1/sass/components/_placeholder-custom.scss
vendored
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
//
|
||||
// Custom Placeholder
|
||||
//
|
||||
|
||||
.placeholder-white-opacity-75 {
|
||||
@include placeholder(rgba($white, 0.75));
|
||||
}
|
||||
56
resources/assets/demo1/sass/components/_stepper-links.scss
vendored
Normal file
56
resources/assets/demo1/sass/components/_stepper-links.scss
vendored
Normal file
|
|
@ -0,0 +1,56 @@
|
|||
//
|
||||
// Stepper Links
|
||||
//
|
||||
|
||||
// Base
|
||||
.stepper.stepper-links {
|
||||
.stepper-nav {
|
||||
display: flex;
|
||||
margin: 0 auto;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.stepper-item {
|
||||
position: relative;
|
||||
flex-shrink: 0;
|
||||
margin: 1rem 1.5rem;
|
||||
|
||||
&:after {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
top: 2.3rem;
|
||||
left: 0;
|
||||
height: 2px;
|
||||
width: 100%;
|
||||
background-color: transparent;
|
||||
transition: $transition-link;
|
||||
}
|
||||
|
||||
.stepper-title {
|
||||
color: $dark;
|
||||
font-weight: 600;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
// Current
|
||||
&.current {
|
||||
transition: $transition-link;
|
||||
|
||||
.stepper-title {
|
||||
color: $primary;
|
||||
}
|
||||
|
||||
&:after {
|
||||
background-color: $primary;
|
||||
}
|
||||
}
|
||||
|
||||
&.completed {
|
||||
.stepper-title {
|
||||
color: $gray-400;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
68
resources/assets/demo1/sass/components/_timeline-label.scss
vendored
Normal file
68
resources/assets/demo1/sass/components/_timeline-label.scss
vendored
Normal file
|
|
@ -0,0 +1,68 @@
|
|||
//
|
||||
// Timeline Label
|
||||
//
|
||||
|
||||
|
||||
.timeline-label {
|
||||
position: relative;
|
||||
|
||||
$label-width: 50px;
|
||||
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: $label-width + 1px;
|
||||
width: 3px;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
background-color: $gray-200;
|
||||
}
|
||||
|
||||
//
|
||||
.timeline-item {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
position: relative;
|
||||
margin-bottom: 1.7rem;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.timeline-label {
|
||||
width: $label-width;
|
||||
flex-shrink: 0;
|
||||
position: relative;
|
||||
color: $gray-800;
|
||||
}
|
||||
|
||||
.timeline-badge {
|
||||
flex-shrink: 0;
|
||||
background: $body-bg;
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
border-radius: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
margin-top: 1px;
|
||||
margin-left: -0.5rem;
|
||||
padding: 3px !important;
|
||||
border: 6px solid $body-bg !important;
|
||||
|
||||
span {
|
||||
display: block;
|
||||
border-radius: 100%;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
background-color: $gray-200;
|
||||
}
|
||||
}
|
||||
|
||||
.timeline-content {
|
||||
flex-grow: 1;
|
||||
}
|
||||
}
|
||||
44
resources/assets/demo1/sass/components/_variables.custom.scss
vendored
Normal file
44
resources/assets/demo1/sass/components/_variables.custom.scss
vendored
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
//
|
||||
// To make future updates easier consider overriding the global variables from _variables.bootstrap.scss and _variables.custom.scss for current demo in this file.
|
||||
// Note that this file is included first and variables defined in _variables.bootstrap.scss and _variables.custom.scss
|
||||
// are not accessible in this file but you can override any global variable as shown below:
|
||||
//
|
||||
|
||||
// Theme colors
|
||||
// Primary
|
||||
$primary: if(isDarkMode(), #3699FF, #009EF7);
|
||||
$primary-active: if(isDarkMode(), #187DE4, #0095E8);
|
||||
$primary-light: if(isDarkMode(), #212E48, #F1FAFF);
|
||||
$primary-inverse: #FFFFFF;
|
||||
|
||||
// Success
|
||||
$success: if(isDarkMode(), #0BB783, #50CD89);
|
||||
$success-active: if(isDarkMode(), #04AA77, #47BE7D);
|
||||
$success-light: if(isDarkMode(), #1C3238, #E8FFF3);
|
||||
$success-inverse: #FFFFFF;
|
||||
|
||||
// Info
|
||||
$info: if(isDarkMode(), #8950FC, #7239EA);
|
||||
$info-active: if(isDarkMode(), #7337EE, #5014D0);
|
||||
$info-light: if(isDarkMode(), #2F264F, #F8F5FF);
|
||||
$info-inverse: #FFFFFF;
|
||||
|
||||
// Danger
|
||||
$danger: if(isDarkMode(), #F64E60, #F1416C);
|
||||
$danger-active: if(isDarkMode(), #EE2D41, #D9214E);
|
||||
$danger-light: if(isDarkMode(), #3A2434, #FFF5F8);
|
||||
$danger-inverse: #FFFFFF;
|
||||
|
||||
// Warning
|
||||
$warning: if(isDarkMode(), #FFA800, #FFC700);
|
||||
$warning-active: if(isDarkMode(), #EE9D01, #F1BC00);
|
||||
$warning-light: if(isDarkMode(), #392F28, #FFF8DD);
|
||||
$warning-inverse: #FFFFFF;
|
||||
|
||||
.joypixels {
|
||||
max-width: 20px;
|
||||
}
|
||||
|
||||
#user-bio > p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
6
resources/assets/demo1/sass/components/components.scss
vendored
Normal file
6
resources/assets/demo1/sass/components/components.scss
vendored
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
//
|
||||
// Components
|
||||
//
|
||||
|
||||
// Import Dependencies
|
||||
@import "landing";
|
||||
Loading…
Add table
Add a link
Reference in a new issue