MyVideoGameList/myvideogamelist.com
MyVideoGameList/myvideogamelist.com
1
0
Fork 0
Code Issues 68 Pull requests Projects 1 Wiki Activity

Initial Commit

Browse source 
The initial public commit of MVGL website code.
This commit is contained in:
Jimmy B. 2024-01-14 13:51:43 -06:00
commit b39ecf1638
2043 changed files with 215154 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

201
resources/assets/demo1/sass/layout/aside/_base.scss vendored Normal file
View file

@ -0,0 +1,201 @@
//
// Aside Default
//
// General mode(all devices)
.aside {
display: flex;
flex-direction: column;
box-shadow: get($aside-config, box-shadow);
padding: 0;
// Custom button
.btn-custom {
display: flex;
align-items: center;
justify-content: center;
padding-left: 0;
padding-right: 0;
.btn-label {
transition: opacity get($aside-config, transition-speed) ease;
display: inline-block;
white-space: nowrap;
overflow: hidden;
opacity: 1;
}
.btn-icon {
display: inline-block;
transition: opacity get($aside-config, transition-speed) ease;
overflow: hidden;
opacity: 0;
margin: 0;
width: 0;
}
}
// Dark theme
&.aside-dark {
background-color: get($aside-config, bg-color);
// Logo
.aside-logo {
background-color: get($aside-config, logo-bg-color);
}
// Aside toggle
.aside-toggle {
color: #494b74;
}
// Separator
.separator {
border-bottom-color: #282a3d;
}
// Custom button
.btn-custom {
//$color, $icon-color, $border-color, $bg-color, $color-active, $icon-color-active, $border-color-active, $bg-color-active
@include button-custom-variant(#B5B5C3, null, null, rgba(63, 66, 84, 0.35), #B5B5C3, null, null, rgba(63, 66, 84, 0.35));
.btn-icon {
&,
i,
.svg-icon {
color: #B5B5C3;
}
}
}
}
// Light theme
&.aside-light {
background-color: $white;
}
}
// Desktop mode
@include media-breakpoint-up(lg) {
.aside {
width: get($aside-config, width);
transition: width get($aside-config, transition-speed) ease;
// Logo
.aside-logo {
display: flex;
justify-content: space-between;
align-items: center;
height: get($header-config, default, height, desktop);
padding: 0 get($aside-config, padding-x);
}
// Aside menu
.aside-menu {
width: get($aside-config, width);
}
// Fixed aside mode
.aside-fixed & {
position: fixed;
top: 0;
bottom: 0;
left: 0;
z-index: get($aside-config, z-index);
overflow: hidden;
}
// Static aside mode
.aside-static & {
position: relative;
z-index: 1;
}
// Minimize aside mode
[data-kt-aside-minimize="on"] & {
width: get($aside-config, minimized-width);
transition: width get($aside-config, transition-speed) ease;
// Logo
.aside-logo {
.logo-default {
display: inline-block;
}
.logo-minimize {
display: none;
}
}
// Hoverable
&.aside-hoverable:hover:not(.animating) {
transition: width get($aside-config, transition-speed) ease;
width: get($aside-config, width);
box-shadow: get($aside-config, minimized-hover-box-shadow);
}
// Not hovered mode
&:not(.aside-hoverable),
&:not(:hover) {
// Logo
.aside-logo {
justify-content: center;
.logo {
display: none;
}
.logo-default {
display: none;
}
.logo-minimize {
display: inline-block;
}
}
// Menu
.aside-menu {
.menu-content,
.menu-title {
opacity: 0;
transition: opacity get($aside-config, transition-speed) ease;
}
.menu-item.show > .menu-sub {
height: 0;
overflow: hidden;
transition: height get($aside-config, transition-speed) ease;
}
}
// Custom button
.btn-custom {
.btn-label {
width: 0;
opacity: 0;
transition: opacity get($aside-config, transition-speed) ease;
}
.btn-icon {
width: auto;
opacity: 1;
transition: opacity get($aside-config, transition-speed) ease;
}
}
}
}
}
}
// Tablet & mobile modes
@include media-breakpoint-down(lg) {
.aside {
display: none;
// Logo
.aside-logo {
display: none;
}
}
}

63
resources/assets/demo1/sass/layout/aside/_menu.scss vendored Normal file
View file

@ -0,0 +1,63 @@
//
// Menu
//
// Aside menu
.aside-menu {
.menu {
// Link padding x
@include menu-link-padding-x(get($aside-config, padding-x));
// Menu indention
@include menu-link-indention(get($aside-config, menu-indention), get($aside-config, padding-x));
}
// Item
.menu-item {
padding: 0;
// Menu Link
.menu-link {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
// Icon
.menu-icon {
justify-content: flex-start;
}
}
}
// Aside dark theme
.aside-dark {
.hover-scroll-overlay-y {
--scrollbar-space: 0.4rem;
@include scrollbar-color(get($aside-config, scrollbar-color), get($aside-config, scrollbar-hover-color));
}
.menu {
.menu-item {
.menu-section {
color: #4c4e6f !important;
}
//$title-color, $icon-color, $bullet-color, $arrow-color, $bg-color
@include menu-link-default-state( #9899ac, #494b74, #9899ac, #9899ac, null);
@include menu-link-hover-state( $white, $primary, $primary, $white, #1b1b28);
@include menu-link-here-state( $white, $primary, $primary, $white, #1b1b28);
@include menu-link-show-state( $white, $primary, $primary, $white, #1b1b28);
@include menu-link-active-state( $white, $primary, $primary, $white, #1b1b28);
}
}
}
// Aside light theme
.aside-light {
.menu {
.menu-title {
font-weight: 500;
}
}
}