mirror of
https://github.com/akveo/ngx-admin.git
synced 2026-01-07 01:58:50 +01:00
feat: update npm packages
This commit is contained in:
parent
f6d9ec88ad
commit
7a22737611
321 changed files with 19716 additions and 84 deletions
19
docs/app/@theme/styles/_helvetica-neue.scss
Normal file
19
docs/app/@theme/styles/_helvetica-neue.scss
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
/**
|
||||
* @license
|
||||
* Copyright Akveo. All Rights Reserved.
|
||||
* Licensed under the MIT License. See License.txt in the project root for license information.
|
||||
*/
|
||||
|
||||
$helvetica-neue-font-path: '/ngx-admin/assets/fonts/helvetica-neue' !default;
|
||||
|
||||
@font-face {
|
||||
font-family: 'Helvetica Neue Bold';
|
||||
font-display: swap;
|
||||
src: url('#{$helvetica-neue-font-path}/HelveticaNeue-Bold.eot');
|
||||
src: local('Helvetica Neue Bold'), local('HelveticaNeue-Bold'),
|
||||
url('#{$helvetica-neue-font-path}/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'),
|
||||
url('#{$helvetica-neue-font-path}/HelveticaNeue-Bold.woff') format('woff'),
|
||||
url('#{$helvetica-neue-font-path}/HelveticaNeue-Bold.ttf') format('truetype');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
105
docs/app/@theme/styles/_hs-forms.scss
Normal file
105
docs/app/@theme/styles/_hs-forms.scss
Normal file
|
|
@ -0,0 +1,105 @@
|
|||
/**
|
||||
* @license
|
||||
* Copyright Akveo. All Rights Reserved.
|
||||
* Licensed under the MIT License. See License.txt in the project root for license information.
|
||||
*/
|
||||
|
||||
@mixin hs-custom-form() {
|
||||
.hs-custom-form {
|
||||
.modal-header {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.modal-body {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.actions {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
input.hs-input {
|
||||
width: 100%;
|
||||
color: nb-theme(input-basic-text-color);
|
||||
font-size: nb-theme(input-medium-text-font-size);
|
||||
font-weight: nb-theme(input-medium-text-font-weight);
|
||||
line-height: nb-theme(input-medium-text-line-height);
|
||||
padding: nb-theme(input-medium-padding) !important;
|
||||
border: nb-theme(input-border-width) nb-theme(input-border-style) nb-theme(input-basic-border-color);
|
||||
border-radius: nb-theme(input-rectangle-border-radius);
|
||||
background-color: nb-theme(input-basic-background-color);
|
||||
|
||||
&.hover {
|
||||
background-color: nb-theme(input-basic-hover-background-color);
|
||||
border-color: nb-theme(input-basic-hover-border-color);
|
||||
}
|
||||
|
||||
&.invalid {
|
||||
box-shadow: 0 0 1.25rem 0 rgba(210, 45, 45, 0.6);
|
||||
}
|
||||
|
||||
&::placeholder {
|
||||
color: nb-theme(input-basic-placeholder-text-color);
|
||||
font-size: nb-theme(input-medium-placeholder-text-font-size);
|
||||
font-weight: nb-theme(input-medium-placeholder-text-font-weight);
|
||||
line-height: nb-theme(input-medium-placeholder-text-line-height);
|
||||
}
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
background-color: nb-theme(input-basic-focus-background-color);
|
||||
border-color: nb-theme(input-basic-focus-border-color);
|
||||
}
|
||||
}
|
||||
|
||||
.hs-richtext .modal-body {
|
||||
padding: 0;
|
||||
margin-bottom: 1rem;
|
||||
|
||||
p {
|
||||
margin-bottom: 0;
|
||||
text-align: left !important;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.hs-recaptcha {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.hs-error-msgs {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.hs-form-required, .hs-error-msg {
|
||||
margin-top: 0.5rem;
|
||||
color: nb-theme(text-danger-color);
|
||||
}
|
||||
|
||||
.hs_error_rollup {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.hs-submit-btn {
|
||||
font-family: nb-theme(font-main);
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
background-color: nb-theme(color-active-fg);
|
||||
color: #ffffff;
|
||||
padding: 1rem 2rem;
|
||||
box-shadow: nb-theme(shadow-btn);
|
||||
cursor: pointer;
|
||||
text-transform: uppercase;
|
||||
|
||||
&:hover {
|
||||
box-shadow: nb-theme(shadow-hover-green-btn);
|
||||
}
|
||||
|
||||
&:active {
|
||||
box-shadow: nb-theme(shadow-active-green-btn);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
81
docs/app/@theme/styles/_swiper_ngx-admin.scss
Normal file
81
docs/app/@theme/styles/_swiper_ngx-admin.scss
Normal file
|
|
@ -0,0 +1,81 @@
|
|||
/**
|
||||
* @license
|
||||
* Copyright Akveo. All Rights Reserved.
|
||||
* Licensed under the MIT License. See License.txt in the project root for license information.
|
||||
*/
|
||||
|
||||
@mixin swiper-navigation-arrows($config) {
|
||||
$position: map-get($config, 'position');
|
||||
$positionXl: map-get($config, 'positionXl');
|
||||
|
||||
.swiper-button-prev, .swiper-button-next {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-image: none;
|
||||
height: 5rem;
|
||||
width: 5rem;
|
||||
border-radius: 50%;
|
||||
background-color: #ffffff;
|
||||
box-shadow: nb-theme(shadow-default);
|
||||
top: map-get($config, 'top');
|
||||
|
||||
&:hover {
|
||||
box-shadow: nb-theme(shadow-hover-btn);
|
||||
}
|
||||
|
||||
&:active {
|
||||
box-shadow: nb-theme(shadow-active-btn);
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
|
||||
.swiper-button-prev {
|
||||
@if (type-of($position) == map) {
|
||||
left: map-get($position, 'left');
|
||||
} @else {
|
||||
left: $position;
|
||||
}
|
||||
}
|
||||
|
||||
.swiper-button-next {
|
||||
@if (type-of($position) == map) {
|
||||
right: map-get($position, 'right');
|
||||
} @else {
|
||||
right: $position;
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(xl) {
|
||||
.swiper-button-prev {
|
||||
@if (type-of($positionXl) == map) {
|
||||
left: map-get($positionXl, 'left');
|
||||
} @else {
|
||||
left: $positionXl;
|
||||
}
|
||||
}
|
||||
|
||||
.swiper-button-next {
|
||||
@if (type-of($positionXl) == map) {
|
||||
right: map-get($positionXl, 'right');
|
||||
} @else {
|
||||
right: $positionXl;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(lg) {
|
||||
.swiper-button-prev, .swiper-button-next {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(is) {
|
||||
.swiper-button-prev, .swiper-button-next {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
19
docs/app/@theme/styles/styles.scss
Normal file
19
docs/app/@theme/styles/styles.scss
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
/**
|
||||
* @license
|
||||
* Copyright Akveo. All Rights Reserved.
|
||||
* Licensed under the MIT License. See License.txt in the project root for license information.
|
||||
*/
|
||||
|
||||
@import 'helvetica-neue';
|
||||
@import 'themes';
|
||||
|
||||
@import '~@nebular/theme/styles/globals';
|
||||
@import '~@nebular/bootstrap/styles/globals';
|
||||
|
||||
@import 'hs-forms';
|
||||
|
||||
@include nb-install() {
|
||||
@include nb-theme-global();
|
||||
@include nb-bootstrap-global();
|
||||
@include hs-custom-form();
|
||||
};
|
||||
238
docs/app/@theme/styles/themes.scss
Normal file
238
docs/app/@theme/styles/themes.scss
Normal file
|
|
@ -0,0 +1,238 @@
|
|||
/**
|
||||
* @license
|
||||
* Copyright Akveo. All Rights Reserved.
|
||||
* Licensed under the MIT License. See License.txt in the project root for license information.
|
||||
*/
|
||||
|
||||
@import '~@nebular/theme/styles/theming';
|
||||
@import '~@nebular/theme/styles/themes/corporate';
|
||||
@import '~@nebular/theme/styles/themes/default';
|
||||
@import '~@nebular/theme/styles/global/breakpoints';
|
||||
|
||||
/*
|
||||
We have to overwrite breakpoints because we need to add *macpro* breakpoint.
|
||||
But if we add it using *map-merge* function we'll get the warning and *media-breakpoint-down* will stop working.
|
||||
*/
|
||||
$grid-breakpoints: (
|
||||
xs: 0,
|
||||
is: 400px,
|
||||
sm: 576px,
|
||||
md: 768px,
|
||||
lg: 992px,
|
||||
xl: 1200px,
|
||||
macpro: 1280px,
|
||||
xxl: 1400px,
|
||||
xxxl: 1600px
|
||||
);
|
||||
|
||||
$nb-enabled-themes: (ngx-landing, ngx-landing-material, docs-page);
|
||||
|
||||
/* stylelint-disable */
|
||||
$nb-themes: nb-register-theme((
|
||||
font-family-primary: unquote('-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"'),
|
||||
|
||||
link-text-decoration: none,
|
||||
|
||||
content-width: 1440px,
|
||||
settings-col-width: 16rem,
|
||||
settings-col-margin: 1.875rem,
|
||||
|
||||
color-primary: #3366ff,
|
||||
|
||||
separator: transparent,
|
||||
color-success: #18cb90,
|
||||
color-link: #18cb90,
|
||||
color-bg: transparent,
|
||||
color-fg: #405571,
|
||||
color-fg-heading: #546d8d,
|
||||
color-fg-text: #919fb1,
|
||||
color-fg-icon: #c4c8d1,
|
||||
color-gray-bg: #edf0f5,
|
||||
color-fg-heading-light: #405571,
|
||||
color-active-fg: color-success,
|
||||
color-active-bg: color-success,
|
||||
|
||||
shadow: none,
|
||||
|
||||
layout-background-color: transparent,
|
||||
layout-padding: 0,
|
||||
layout-medium-padding: 0,
|
||||
layout-small-padding: 0,
|
||||
|
||||
header-background-color: #fafafa,
|
||||
header-padding: 0 0,
|
||||
header-height: 4.25rem,
|
||||
header-fg: color-fg,
|
||||
header-menu-fg-active: color-active-fg,
|
||||
header-section-border-color: #f5f5f5,
|
||||
header-font-weight: 600,
|
||||
|
||||
header-button-border: #dce4f2,
|
||||
|
||||
sidebar-width: 11.25rem,
|
||||
|
||||
menu-bg: transparent,
|
||||
menu-item-padding: 0.675rem 1rem,
|
||||
menu-item-fg: #8992a3,
|
||||
menu-active-fg: color-primary,
|
||||
menu-font-size: 0.95rem,
|
||||
menu-font-weight: font-weight-normal,
|
||||
|
||||
menu-active-bg: transparent,
|
||||
|
||||
footer-height: 18.75rem,
|
||||
footer-padding: 1.25rem 0,
|
||||
footer-fg: #8992a3,
|
||||
footer-fg-highlight: footer-fg,
|
||||
footer-separator: transparent,
|
||||
footer-title-fg: #0d1c2e,
|
||||
|
||||
|
||||
list-icon-item-bg: #ebf1fa,
|
||||
list-icon-item-fg: #0d1c2e,
|
||||
|
||||
switcher-view-bg: #d8e1f0,
|
||||
|
||||
checkbox-size: 1.5rem,
|
||||
checkbox-border-color: form-control-border-color,
|
||||
checkbox-checkmark: transparent,
|
||||
|
||||
checkbox-checked-bg: color-active-fg,
|
||||
checkbox-checked-size: 1.5rem,
|
||||
checkbox-checked-border-color: checkbox-checked-bg,
|
||||
checkbox-checked-checkmark: color-white,
|
||||
|
||||
format-name-fg: #6a7385,
|
||||
|
||||
popover-bg: #0d1c2e,
|
||||
popover-fg: #ffffff,
|
||||
popover-border: #0d1c2e,
|
||||
popover-border-radius: 0.75rem,
|
||||
popover-arrow-size: 6px,
|
||||
|
||||
info-bg: #fff2f2,
|
||||
info-fg: #ff3d71,
|
||||
|
||||
custiom-radius: 0.625rem,
|
||||
|
||||
gray-section-bg: #fafafa,
|
||||
|
||||
shadow-default: 0 0.5rem 1.25rem 0 rgba(218, 224, 235, 0.6),
|
||||
shadow-btn: 0 0.375rem 2.125rem 0 rgba(184, 255, 231, 0.5),
|
||||
shadow-hover-btn: 0 0.5rem 2rem 0 #dae0eb,
|
||||
shadow-active-btn: 0 0.5rem 1.25rem 0 rgba(218, 224, 235, 0.6),
|
||||
shadow-hover-green-btn: 0 0.5rem 2rem 0 rgba(0, 219, 146, 0.25),
|
||||
shadow-active-green-btn: 0 0.375rem 2.125rem 0 rgba(0, 219, 146, 0.32),
|
||||
|
||||
footer-text-highlight-color: text-basic-color,
|
||||
link-text-color: color-success-default,
|
||||
link-text-focus-color: color-success-focus,
|
||||
link-text-hover-color: color-success-hover,
|
||||
|
||||
), ngx-landing, corporate);
|
||||
|
||||
$nb-themes: nb-register-theme((
|
||||
font-family-primary: unquote('Roboto, sans-serif'),
|
||||
|
||||
link-text-decoration: none,
|
||||
|
||||
shadow: unquote('0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12)'),
|
||||
header-shadow: unquote(
|
||||
'0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12)'
|
||||
),
|
||||
shadow-default: shadow,
|
||||
shadow-btn: shadow,
|
||||
shadow-hover-btn: shadow,
|
||||
shadow-active-btn: shadow,
|
||||
shadow-hover-green-btn: shadow,
|
||||
shadow-active-green-btn: shadow,
|
||||
|
||||
color-link: #6200ee,
|
||||
color-primary-default: #6200ee,
|
||||
color-active-fg: color-primary-default,
|
||||
color-active-bg: color-primary-default,
|
||||
header-background-color: color-primary-default,
|
||||
header-text-color: #ffffff !important,
|
||||
menu-text-color: #ffffff !important,
|
||||
footer-background-color: color-primary-default,
|
||||
footer-text-color: #ffffff !important
|
||||
), ngx-landing-material, ngx-landing);
|
||||
|
||||
/* stylelint-enable foo */
|
||||
$nb-themes: nb-register-theme((
|
||||
// custom
|
||||
font-family-primary: unquote('-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"'),
|
||||
|
||||
link-text-decoration: none,
|
||||
|
||||
content-width: 1440px,
|
||||
settings-col-width: 16rem,
|
||||
settings-col-margin: 1.875rem,
|
||||
color-gray-light: #ced5dd,
|
||||
color-fg-heading-light: #405571,
|
||||
code-block-bg: linear-gradient(225deg, #333c66 0%, #1d2447 100%),
|
||||
color-info: #5699f0,
|
||||
color-warning: #f09301,
|
||||
header-menu-fg-active: color-fg-highlight,
|
||||
|
||||
radius: 0.25rem,
|
||||
separator: transparent,
|
||||
color-bg: transparent,
|
||||
color-fg: #494949,
|
||||
color-fg-text: #494949,
|
||||
color-fg-heading: rgba(0, 0, 0, 0.88),
|
||||
color-fg-icon: #cdd6e3,
|
||||
|
||||
shadow: 0 8px 20px 0 rgba(218, 224, 235, 0.6),
|
||||
|
||||
layout-bg: #fafafa,
|
||||
layout-padding: 3.25rem 1.25rem 3.25rem 1rem,
|
||||
layout-medium-padding: 0,
|
||||
layout-small-padding: 0,
|
||||
|
||||
header-background-color: #fafafa,
|
||||
sidebar-padding: 2rem,
|
||||
sidebar-shadow: none,
|
||||
color-fg-highlight: #00db92,
|
||||
link-color: color-fg-highlight,
|
||||
link-color-hover: color-fg-highlight,
|
||||
link-color-visited: color-fg-highlight,
|
||||
|
||||
header-height: 4.25rem,
|
||||
header-padding: 0,
|
||||
header-fg: black,
|
||||
|
||||
menu-fg: black,
|
||||
menu-font-size: 0.95rem,
|
||||
menu-font-weight: font-weight-normal,
|
||||
menu-submenu-fg: color-fg-heading-light,
|
||||
menu-active-fg: menu-fg,
|
||||
menu-submenu-padding: 0,
|
||||
menu-submenu-item-container-padding: 0 1rem,
|
||||
menu-submenu-active-border-color: transparent,
|
||||
menu-submenu-active-fg: color-fg-highlight,
|
||||
menu-active-font-weight: bold,
|
||||
|
||||
card-bg: white,
|
||||
card-header-font-size: 2rem,
|
||||
card-header-font-weight: bold,
|
||||
card-header-fg-heading: black,
|
||||
card-margin: 2.5rem,
|
||||
|
||||
footer-background-color: transparent,
|
||||
footer-height: 18.75rem,
|
||||
footer-padding: 1.25rem 0,
|
||||
footer-shadow: none,
|
||||
footer-fg: color-fg-heading-light,
|
||||
footer-menu-fg: color-fg-text,
|
||||
footer-text-highlight-color: text-basic-color,
|
||||
|
||||
link-text-color: color-success-default,
|
||||
link-text-focus-color: color-success-focus,
|
||||
link-text-hover-color: color-success-hover,
|
||||
|
||||
sidebar-background-color: transparent,
|
||||
|
||||
menu-item-hover-text-color: text-success-hover-color,
|
||||
menu-item-active-text-color: text-success-color,
|
||||
), docs-page, default);
|
||||
Loading…
Add table
Add a link
Reference in a new issue