Prvi commit

This commit is contained in:
David Štaleker
2023-05-12 09:00:07 +02:00
parent d3ffe93e42
commit 03b92525d7
14757 changed files with 9251133 additions and 53 deletions

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,35 @@
$rtl-support: true;
@import '../_appwork/include-material';
@import '../_appwork/reboot';
@import '../_appwork/type';
@import '../_appwork/utilities';
@import '../_appwork/base';
@import '../_appwork/tables';
@import '../_appwork/buttons';
@import '../_appwork/button-group';
@import '../_appwork/badge';
@import '../_appwork/dropdown';
@import '../_appwork/nav';
@import '../_appwork/pagination';
@import '../_appwork/alert';
@import '../_appwork/tooltip';
@import '../_appwork/popover';
@import '../_appwork/forms';
@import '../_appwork/custom-forms';
@import '../_appwork/switcher';
@import '../_appwork/input-group';
@import '../_appwork/modal';
@import '../_appwork/breadcrumb';
@import '../_appwork/list-group';
@import '../_appwork/navbar';
@import '../_appwork/card';
@import '../_appwork/accordion';
@import '../_appwork/carousel';
@import '../_appwork/close';
@import '../_appwork/toasts';
@import '../_appwork/footer';
@import '../_appwork/sidenav';
@import '../_appwork/layout';
@import '../_appwork/app-brand';
@import '../_appwork/spinners';

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,35 @@
$rtl-support: true;
@import '../_appwork/include';
@import '../_appwork/reboot';
@import '../_appwork/type';
@import '../_appwork/utilities';
@import '../_appwork/base';
@import '../_appwork/tables';
@import '../_appwork/buttons';
@import '../_appwork/button-group';
@import '../_appwork/badge';
@import '../_appwork/dropdown';
@import '../_appwork/nav';
@import '../_appwork/pagination';
@import '../_appwork/alert';
@import '../_appwork/tooltip';
@import '../_appwork/popover';
@import '../_appwork/forms';
@import '../_appwork/custom-forms';
@import '../_appwork/switcher';
@import '../_appwork/input-group';
@import '../_appwork/modal';
@import '../_appwork/breadcrumb';
@import '../_appwork/list-group';
@import '../_appwork/navbar';
@import '../_appwork/card';
@import '../_appwork/accordion';
@import '../_appwork/carousel';
@import '../_appwork/close';
@import '../_appwork/toasts';
@import '../_appwork/footer';
@import '../_appwork/sidenav';
@import '../_appwork/layout';
@import '../_appwork/app-brand';
@import '../_appwork/spinners';

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,55 @@
$rtl-support: true;
@import '../_appwork/include-material';
@import '../../../../node_modules/bootstrap/scss/root';
@import '../../../../node_modules/bootstrap/scss/reboot';
@import '../../../../node_modules/bootstrap/scss/type';
@import '../../../../node_modules/bootstrap/scss/images';
@import '../../../../node_modules/bootstrap/scss/code';
@import '../../../../node_modules/bootstrap/scss/grid';
@import '../../../../node_modules/bootstrap/scss/tables';
@import '../../../../node_modules/bootstrap/scss/forms';
@import '../../../../node_modules/bootstrap/scss/buttons';
@import '../../../../node_modules/bootstrap/scss/transitions';
@import '../../../../node_modules/bootstrap/scss/dropdown';
@import '../../../../node_modules/bootstrap/scss/button-group';
@import '../../../../node_modules/bootstrap/scss/input-group';
@import '../../../../node_modules/bootstrap/scss/custom-forms';
@import '../../../../node_modules/bootstrap/scss/nav';
@import '../../../../node_modules/bootstrap/scss/navbar';
@import '../../../../node_modules/bootstrap/scss/card';
@import '../../../../node_modules/bootstrap/scss/breadcrumb';
@import '../../../../node_modules/bootstrap/scss/pagination';
@import '../../../../node_modules/bootstrap/scss/badge';
@import '../../../../node_modules/bootstrap/scss/jumbotron';
@import '../../../../node_modules/bootstrap/scss/alert';
@import '../../../../node_modules/bootstrap/scss/progress';
@import '../../../../node_modules/bootstrap/scss/media';
@import '../../../../node_modules/bootstrap/scss/list-group';
@import '../../../../node_modules/bootstrap/scss/close';
@import '../../../../node_modules/bootstrap/scss/toasts';
@import '../../../../node_modules/bootstrap/scss/modal';
@import '../../../../node_modules/bootstrap/scss/tooltip';
@import '../../../../node_modules/bootstrap/scss/popover';
@import '../../../../node_modules/bootstrap/scss/carousel';
@import '../../../../node_modules/bootstrap/scss/spinners';
// We need to wrap some utility classes to properly handle RTL layout
@import '../../../../node_modules/bootstrap/scss/utilities/align';
@import '../../../../node_modules/bootstrap/scss/utilities/background';
html:not([dir=rtl]) { @import '../../../../node_modules/bootstrap/scss/utilities/borders'; }
@import '../../../../node_modules/bootstrap/scss/utilities/clearfix';
@import '../../../../node_modules/bootstrap/scss/utilities/display';
@import '../../../../node_modules/bootstrap/scss/utilities/embed';
@import '../../../../node_modules/bootstrap/scss/utilities/flex';
@import '../../../../node_modules/bootstrap/scss/utilities/float';
@import "../../../../node_modules/bootstrap/scss/utilities/overflow";
@import '../../../../node_modules/bootstrap/scss/utilities/position';
@import '../../../../node_modules/bootstrap/scss/utilities/screenreaders';
@import "../../../../node_modules/bootstrap/scss/utilities/shadows";
@import '../../../../node_modules/bootstrap/scss/utilities/sizing';
html:not([dir=rtl]) { @import '../../../../node_modules/bootstrap/scss/utilities/spacing'; }
@import '../../../../node_modules/bootstrap/scss/utilities/text';
@import '../../../../node_modules/bootstrap/scss/utilities/visibility';
@import '../../../../node_modules/bootstrap/scss/print';

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,55 @@
$rtl-support: true;
@import '../_appwork/include';
@import '../../../../node_modules/bootstrap/scss/root';
@import '../../../../node_modules/bootstrap/scss/reboot';
@import '../../../../node_modules/bootstrap/scss/type';
@import '../../../../node_modules/bootstrap/scss/images';
@import '../../../../node_modules/bootstrap/scss/code';
@import '../../../../node_modules/bootstrap/scss/grid';
@import '../../../../node_modules/bootstrap/scss/tables';
@import '../../../../node_modules/bootstrap/scss/forms';
@import '../../../../node_modules/bootstrap/scss/buttons';
@import '../../../../node_modules/bootstrap/scss/transitions';
@import '../../../../node_modules/bootstrap/scss/dropdown';
@import '../../../../node_modules/bootstrap/scss/button-group';
@import '../../../../node_modules/bootstrap/scss/input-group';
@import '../../../../node_modules/bootstrap/scss/custom-forms';
@import '../../../../node_modules/bootstrap/scss/nav';
@import '../../../../node_modules/bootstrap/scss/navbar';
@import '../../../../node_modules/bootstrap/scss/card';
@import '../../../../node_modules/bootstrap/scss/breadcrumb';
@import '../../../../node_modules/bootstrap/scss/pagination';
@import '../../../../node_modules/bootstrap/scss/badge';
@import '../../../../node_modules/bootstrap/scss/jumbotron';
@import '../../../../node_modules/bootstrap/scss/alert';
@import '../../../../node_modules/bootstrap/scss/progress';
@import '../../../../node_modules/bootstrap/scss/media';
@import '../../../../node_modules/bootstrap/scss/list-group';
@import '../../../../node_modules/bootstrap/scss/close';
@import '../../../../node_modules/bootstrap/scss/toasts';
@import '../../../../node_modules/bootstrap/scss/modal';
@import '../../../../node_modules/bootstrap/scss/tooltip';
@import '../../../../node_modules/bootstrap/scss/popover';
@import '../../../../node_modules/bootstrap/scss/carousel';
@import '../../../../node_modules/bootstrap/scss/spinners';
// We need to wrap some utility classes to properly handle RTL layout
@import '../../../../node_modules/bootstrap/scss/utilities/align';
@import '../../../../node_modules/bootstrap/scss/utilities/background';
html:not([dir=rtl]) { @import '../../../../node_modules/bootstrap/scss/utilities/borders'; }
@import '../../../../node_modules/bootstrap/scss/utilities/clearfix';
@import '../../../../node_modules/bootstrap/scss/utilities/display';
@import '../../../../node_modules/bootstrap/scss/utilities/embed';
@import '../../../../node_modules/bootstrap/scss/utilities/flex';
@import '../../../../node_modules/bootstrap/scss/utilities/float';
@import "../../../../node_modules/bootstrap/scss/utilities/overflow";
@import '../../../../node_modules/bootstrap/scss/utilities/position';
@import '../../../../node_modules/bootstrap/scss/utilities/screenreaders';
@import "../../../../node_modules/bootstrap/scss/utilities/shadows";
@import '../../../../node_modules/bootstrap/scss/utilities/sizing';
html:not([dir=rtl]) { @import '../../../../node_modules/bootstrap/scss/utilities/spacing'; }
@import '../../../../node_modules/bootstrap/scss/utilities/text';
@import '../../../../node_modules/bootstrap/scss/utilities/visibility';
@import '../../../../node_modules/bootstrap/scss/print';

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,112 @@
$rtl-support: true;
@import "../_appwork/include-material";
// *******************************************************************************
// * Custom colors
$custom-colors: (
twitter: #1DA1F2,
google: #D1523F,
facebook: #3B5998,
pinterest: #bd121c,
instagram: #000,
flickr: #ff0084,
linkedin: #0077b5,
periscope: #40a4c4,
tumblr: #35465c,
vimeo: #1ab7ae,
youtube: #b31217,
windows: #26AAE1,
macos: #343434,
linux: #800080
) !default;
@each $color-name, $color-value in $custom-colors {
@include text-emphasis-variant('.text-#{$color-name}', $color-value);
@include bg-variant('.bg-#{$color-name}', $color-value);
@include appwork-material-button-variant('.btn-#{$color-name}', $color-value);
@include appwork-material-button-outline-variant('.btn-outline-#{$color-name}', $color-value);
}
// *******************************************************************************
// * Bootstrap colors (Uncomment required colors)
$bootstrap-colors: (
// blue: $blue,
// indigo: $indigo,
// purple: $purple,
// pink: $pink,
// orange: $orange,
// teal: $teal
) !default;
@each $color-name, $color-value in $bootstrap-colors {
@include text-emphasis-variant('.text-#{$color-name}', $color-value);
@include bg-variant('.bg-#{$color-name}', $color-value);
.border-#{$color-name} { border-color: $color-value !important; }
@include appwork-material-button-variant('.btn-#{$color-name}', $color-value);
@include appwork-material-button-outline-variant('.btn-outline-#{$color-name}', $color-value);
}
// *******************************************************************************
// * Buttons
@include appwork-material-button-variant('.btn-white', #fff, $body-color);
@include appwork-material-button-outline-variant('.btn-outline-white', #fff, $body-color);
// *******************************************************************************
// * Custom controls
$custom-control-colors: (
black: #000,
white: #fff,
silver: #eee,
gray: #777,
gold: #ffeb3b,
pink: #e91e63,
red: #f44336
) !default;
@each $color-name, $color-value in $custom-control-colors {
@include appwork-material-custom-control-variant('.custom-control.custom-control-#{$color-name}', $color-value, $default-background: $color-value);
}
// *******************************************************************************
// * Navbar
@each $color, $value in $theme-colors {
@if $color != primary and $color != light {
@include appwork-navbar-variant('.navbar.bg-#{$color}', $value);
}
}
@include appwork-navbar-variant('.navbar.bg-white', #fff, $color: $text-muted, $active-color: $body-color);
@include appwork-navbar-variant('.navbar.bg-light', $gray-100, $color: $text-muted, $active-color: $body-color);
@include appwork-navbar-variant('.navbar.bg-lighter', $gray-50, $color: $text-muted, $active-color: $body-color);
// *******************************************************************************
// * Sidenav
@each $color, $value in $theme-colors {
@if $color != primary and $color != light {
@include appwork-sidenav-variant('.sidenav.bg-#{$color}', $value);
}
}
@include appwork-sidenav-variant('.sidenav.bg-white', #fff, $color: $text-muted, $active-color: $body-color, $menu-bg: #fff);
@include appwork-sidenav-variant('.sidenav.bg-light', $gray-100, $color: $text-muted, $active-color: $body-color);
@include appwork-sidenav-variant('.sidenav.bg-lighter', $gray-50, $color: $text-muted, $active-color: $body-color);
// *******************************************************************************
// * Footer
@each $color, $value in $theme-colors {
@if $color != primary and $color != light {
@include appwork-footer-variant('.footer.bg-#{$color}', $value);
}
}
@include appwork-footer-variant('.footer.bg-white', #fff, $color: $text-muted, $active-color: $body-color);
@include appwork-footer-variant('.footer.bg-light', $gray-100, $color: $text-muted, $active-color: $body-color);
@include appwork-footer-variant('.footer.bg-lighter', $gray-50, $color: $text-muted, $active-color: $body-color);

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,112 @@
$rtl-support: true;
@import "../_appwork/include";
// *******************************************************************************
// * Custom colors
$custom-colors: (
twitter: #1DA1F2,
google: #D1523F,
facebook: #3B5998,
pinterest: #bd121c,
instagram: #000,
flickr: #ff0084,
linkedin: #0077b5,
periscope: #40a4c4,
tumblr: #35465c,
vimeo: #1ab7ae,
youtube: #b31217,
windows: #26AAE1,
macos: #343434,
linux: #800080
) !default;
@each $color-name, $color-value in $custom-colors {
@include text-emphasis-variant('.text-#{$color-name}', $color-value);
@include bg-variant('.bg-#{$color-name}', $color-value);
@include appwork-button-variant('.btn-#{$color-name}', $color-value);
@include appwork-button-outline-variant('.btn-outline-#{$color-name}', $color-value);
}
// *******************************************************************************
// * Bootstrap colors (Uncomment required colors)
$bootstrap-colors: (
// blue: $blue,
// indigo: $indigo,
// purple: $purple,
// pink: $pink,
// orange: $orange,
// teal: $teal
) !default;
@each $color-name, $color-value in $bootstrap-colors {
@include text-emphasis-variant('.text-#{$color-name}', $color-value);
@include bg-variant('.bg-#{$color-name}', $color-value);
.border-#{$color-name} { border-color: $color-value !important; }
@include appwork-button-variant('.btn-#{$color-name}', $color-value);
@include appwork-button-outline-variant('.btn-outline-#{$color-name}', $color-value);
}
// *******************************************************************************
// * Buttons
@include appwork-button-variant('.btn-white', #fff, $body-color);
@include appwork-button-outline-variant('.btn-outline-white', #fff, $body-color);
// *******************************************************************************
// * Custom controls
$custom-control-colors: (
black: #000,
white: #fff,
silver: #eee,
gray: #777,
gold: #ffeb3b,
pink: #e91e63,
red: #f44336
) !default;
@each $color-name, $color-value in $custom-control-colors {
@include appwork-custom-control-variant('.custom-control.custom-control-#{$color-name}', $color-value, $default-background: $color-value);
}
// *******************************************************************************
// * Navbar
@each $color, $value in $theme-colors {
@if $color != primary and $color != light {
@include appwork-navbar-variant('.navbar.bg-#{$color}', $value);
}
}
@include appwork-navbar-variant('.navbar.bg-white', #fff, $color: $text-muted, $active-color: $body-color);
@include appwork-navbar-variant('.navbar.bg-light', $gray-100, $color: $text-muted, $active-color: $body-color);
@include appwork-navbar-variant('.navbar.bg-lighter', $gray-50, $color: $text-muted, $active-color: $body-color);
// *******************************************************************************
// * Sidenav
@each $color, $value in $theme-colors {
@if $color != primary and $color != light {
@include appwork-sidenav-variant('.sidenav.bg-#{$color}', $value);
}
}
@include appwork-sidenav-variant('.sidenav.bg-white', #fff, $color: $text-muted, $active-color: $body-color, $menu-bg: #fff);
@include appwork-sidenav-variant('.sidenav.bg-light', $gray-100, $color: $text-muted, $active-color: $body-color);
@include appwork-sidenav-variant('.sidenav.bg-lighter', $gray-50, $color: $text-muted, $active-color: $body-color);
// *******************************************************************************
// * Footer
@each $color, $value in $theme-colors {
@if $color != primary and $color != light {
@include appwork-footer-variant('.footer.bg-#{$color}', $value);
}
}
@include appwork-footer-variant('.footer.bg-white', #fff, $color: $text-muted, $active-color: $body-color);
@include appwork-footer-variant('.footer.bg-light', $gray-100, $color: $text-muted, $active-color: $body-color);
@include appwork-footer-variant('.footer.bg-lighter', $gray-50, $color: $text-muted, $active-color: $body-color);

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,113 @@
$rtl-support: true;
@import "../_appwork/include-material";
@import "../_theme/common";
@import "../_theme/libs";
@import "../_theme/uikit";
$primary-color: #3c97fe;
$body-bg: #f5f5f5;
body {
background: $body-bg;
}
.bg-body {
background: $body-bg !important;
}
@include appwork-common-material-theme($primary-color);
@include appwork-libs-material-theme($primary-color);
@include appwork-uikit-theme($primary-color);
// Navbar
@include appwork-navbar-variant('.bg-navbar-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
.layout-navbar {
box-shadow: 0 1px 0 $border-color;
}
// Sidenav
@include appwork-sidenav-variant('.bg-sidenav-theme', $body-bg, $color: $text-muted, $active-color: $body-color, $menu-bg: darken($body-bg, 2.5%));
.bg-sidenav-theme {
.sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon,
.sidenav-inner > .sidenav-item > .sidenav-link:hover .sidenav-icon,
.sidenav-inner > .sidenav-item > .sidenav-link:focus .sidenav-icon {
color: $gray-300;
}
.sidenav-inner > .sidenav-item.active > .sidenav-link .sidenav-icon {
color: $primary-color !important;
}
.sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
background: none !important;
}
}
.layout-sidenav {
box-shadow: 0 0 0 1px $border-color;
}
.layout-sidenav-horizontal {
box-shadow: 0 -1px 0 $border-color inset;
}
// Footer
@include appwork-footer-variant('.bg-footer-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
.layout-footer {
box-shadow: 0 -1px 0 $border-color;
}
// Custom styling
hr {
border-color: $border-color;
}
.card,
.nav-tabs-top > .tab-content,
.nav-tabs-right > .tab-content,
.nav-tabs-bottom > .tab-content,
.nav-tabs-left > .tab-content {
border-color: transparent;
box-shadow: 0 10px 30px 0 rgba($black, .04);
}
.ng2-archwizard-boxed-steps ul.steps-indicator,
.form-wizard-boxed-steps .wizard-nav {
border-color: transparent !important;
box-shadow: 0 10px 30px 0 rgba($black, .04) !important;
}
.nav-tabs-top,
.nav-tabs-right,
.nav-tabs-bottom,
.nav-tabs-left {
> .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
> div > .nav-tabs:not(.tabs-alt) .nav-link:not(.active) {
border-color: transparent !important;
}
> .nav .nav-link.active,
> div > .nav .nav-link.active {
border-color: $nav-tabs-link-active-bg !important;
}
}
.nav-tabs-top > .nav-tabs:not(.tabs-alt),
.nav-tabs-top > div > .nav-tabs:not(.tabs-alt),
.nav-tabs-bottom > .nav-tabs:not(.tabs-alt),
.nav-tabs-bottom > div > .nav-tabs:not(.tabs-alt) {
padding-right: $border-width;
padding-left: $border-width;
}
.nav-tabs-right > .nav-tabs:not(.tabs-alt),
.nav-tabs-right > div > .nav-tabs:not(.tabs-alt),
.nav-tabs-left > .nav-tabs:not(.tabs-alt),
.nav-tabs-left > div > .nav-tabs:not(.tabs-alt) {
padding-top: $border-width;
padding-bottom: $border-width;
}

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,113 @@
$rtl-support: true;
@import "../_appwork/include";
@import "../_theme/common";
@import "../_theme/libs";
@import "../_theme/uikit";
$primary-color: #3c97fe;
$body-bg: #f5f5f5;
body {
background: $body-bg;
}
.bg-body {
background: $body-bg !important;
}
@include appwork-common-theme($primary-color);
@include appwork-libs-theme($primary-color);
@include appwork-uikit-theme($primary-color);
// Navbar
@include appwork-navbar-variant('.bg-navbar-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
.layout-navbar {
box-shadow: 0 1px 0 $border-color;
}
// Sidenav
@include appwork-sidenav-variant('.bg-sidenav-theme', $body-bg, $color: $text-muted, $active-color: $body-color, $menu-bg: darken($body-bg, 2.5%));
.bg-sidenav-theme {
.sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon,
.sidenav-inner > .sidenav-item > .sidenav-link:hover .sidenav-icon,
.sidenav-inner > .sidenav-item > .sidenav-link:focus .sidenav-icon {
color: $gray-300;
}
.sidenav-inner > .sidenav-item.active > .sidenav-link .sidenav-icon {
color: $primary-color !important;
}
.sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
background: none !important;
}
}
.layout-sidenav {
box-shadow: 0 0 0 1px $border-color;
}
.layout-sidenav-horizontal {
box-shadow: 0 -1px 0 $border-color inset;
}
// Footer
@include appwork-footer-variant('.bg-footer-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
.layout-footer {
box-shadow: 0 -1px 0 $border-color;
}
// Custom styling
hr {
border-color: $border-color;
}
.card,
.nav-tabs-top > .tab-content,
.nav-tabs-right > .tab-content,
.nav-tabs-bottom > .tab-content,
.nav-tabs-left > .tab-content {
border-color: transparent;
box-shadow: 0 10px 30px 0 rgba($black, .04);
}
.ng2-archwizard-boxed-steps ul.steps-indicator,
.form-wizard-boxed-steps .wizard-nav {
border-color: transparent !important;
box-shadow: 0 10px 30px 0 rgba($black, .04) !important;
}
.nav-tabs-top,
.nav-tabs-right,
.nav-tabs-bottom,
.nav-tabs-left {
> .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
> div > .nav-tabs:not(.tabs-alt) .nav-link:not(.active) {
border-color: transparent !important;
}
> .nav .nav-link.active,
> div > .nav .nav-link.active {
border-color: $nav-tabs-link-active-bg !important;
}
}
.nav-tabs-top > .nav-tabs:not(.tabs-alt),
.nav-tabs-top > div > .nav-tabs:not(.tabs-alt),
.nav-tabs-bottom > .nav-tabs:not(.tabs-alt),
.nav-tabs-bottom > div > .nav-tabs:not(.tabs-alt) {
padding-right: $border-width;
padding-left: $border-width;
}
.nav-tabs-right > .nav-tabs:not(.tabs-alt),
.nav-tabs-right > div > .nav-tabs:not(.tabs-alt),
.nav-tabs-left > .nav-tabs:not(.tabs-alt),
.nav-tabs-left > div > .nav-tabs:not(.tabs-alt) {
padding-top: $border-width;
padding-bottom: $border-width;
}

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,37 @@
$rtl-support: true;
@import "../_appwork/include-material";
@import "../_theme/common";
@import "../_theme/libs";
@import "../_theme/uikit";
$primary-color: #26B4FF;
$body-bg: #f5f5f5;
body {
background: $body-bg;
}
.bg-body {
background: $body-bg !important;
}
@include appwork-common-material-theme($primary-color);
@include appwork-libs-material-theme($primary-color);
@include appwork-uikit-theme($primary-color);
// Navbar
@include appwork-navbar-variant('.bg-navbar-theme', #fff, $color: $text-muted, $active-color: $body-color);
.layout-navbar {
box-shadow: 0 0 20px 0 rgba($black, .1);
}
// Sidenav
@include appwork-sidenav-variant('.bg-sidenav-theme', #2e323a, $color: #838790);
// Footer
@include appwork-footer-variant('.bg-footer-theme', #fff, $color: $text-muted, $active-color: $body-color);

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,37 @@
$rtl-support: true;
@import "../_appwork/include";
@import "../_theme/common";
@import "../_theme/libs";
@import "../_theme/uikit";
$primary-color: #26B4FF;
$body-bg: #f5f5f5;
body {
background: $body-bg;
}
.bg-body {
background: $body-bg !important;
}
@include appwork-common-theme($primary-color);
@include appwork-libs-theme($primary-color);
@include appwork-uikit-theme($primary-color);
// Navbar
@include appwork-navbar-variant('.bg-navbar-theme', #fff, $color: $text-muted, $active-color: $body-color);
.layout-navbar {
box-shadow: 0 1px 0 $border-color;
}
// Sidenav
@include appwork-sidenav-variant('.bg-sidenav-theme', #2e323a, $color: #838790);
// Footer
@include appwork-footer-variant('.bg-footer-theme', #fff, $color: $text-muted, $active-color: $body-color);

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,113 @@
$rtl-support: true;
@import "../_appwork/include-material";
@import "../_theme/common";
@import "../_theme/libs";
@import "../_theme/uikit";
$primary-color: #e84c64;
$body-bg: #f5f5f5;
body {
background: $body-bg;
}
.bg-body {
background: $body-bg !important;
}
@include appwork-common-material-theme($primary-color);
@include appwork-libs-material-theme($primary-color);
@include appwork-uikit-theme($primary-color);
// Navbar
@include appwork-navbar-variant('.bg-navbar-theme', #fff, $color: $text-muted, $active-color: $body-color);
.layout-navbar {
box-shadow: 0 0 10px rgba($black, .05);
}
// Sidenav
@include appwork-sidenav-variant('.bg-sidenav-theme', #fff, $color: $text-muted, $active-color: $body-color, $menu-bg: darken($body-bg, 2.5%));
.bg-sidenav-theme {
.sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon,
.sidenav-inner > .sidenav-item > .sidenav-link:hover .sidenav-icon,
.sidenav-inner > .sidenav-item > .sidenav-link:focus .sidenav-icon {
color: $gray-300;
}
.sidenav-inner > .sidenav-item.active > .sidenav-link .sidenav-icon {
color: $primary-color !important;
}
.sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
color: $primary-color !important;
background: transparent !important;
}
}
.layout-sidenav {
box-shadow: 0 0 10px rgba($black, .04);
}
.layout-sidenav-horizontal {
box-shadow: 0 0 10px rgba($black, .04), 0 1px 0 rgba($black, .04) inset;
}
// Footer
@include appwork-footer-variant('.bg-footer-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
.layout-footer {
box-shadow: 0 -1px 0 $border-color;
}
// Custom styling
hr {
border-color: $border-color;
}
.card,
.nav-tabs-top > .tab-content,
.nav-tabs-right > .tab-content,
.nav-tabs-bottom > .tab-content,
.nav-tabs-left > .tab-content {
border-color: transparent;
box-shadow: 0 10px 30px 0 rgba(24, 28, 33, .04);
}
.ng2-archwizard-boxed-steps ul.steps-indicator,
.form-wizard-boxed-steps .wizard-nav {
border-color: transparent !important;
box-shadow: 0 10px 30px 0 rgba(24, 28, 33, .04) !important;
}
.nav-tabs-top,
.nav-tabs-right,
.nav-tabs-bottom,
.nav-tabs-left {
> .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
> div > .nav-tabs:not(.tabs-alt) .nav-link:not(.active) {
border-color: transparent !important;
}
> .nav .nav-link.active,
> div > .nav .nav-link.active {
border-color: $nav-tabs-link-active-bg !important;
}
}
.nav-tabs-top > .nav-tabs:not(.tabs-alt),
.nav-tabs-top > div > .nav-tabs:not(.tabs-alt),
.nav-tabs-bottom > .nav-tabs:not(.tabs-alt),
.nav-tabs-bottom > div > .nav-tabs:not(.tabs-alt) {
padding-right: $border-width;
padding-left: $border-width;
}
.nav-tabs-right > .nav-tabs:not(.tabs-alt),
.nav-tabs-right > div > .nav-tabs:not(.tabs-alt),
.nav-tabs-left > .nav-tabs:not(.tabs-alt),
.nav-tabs-left > div > .nav-tabs:not(.tabs-alt) {
padding-top: $border-width;
padding-bottom: $border-width;
}

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,113 @@
$rtl-support: true;
@import "../_appwork/include";
@import "../_theme/common";
@import "../_theme/libs";
@import "../_theme/uikit";
$primary-color: #e84c64;
$body-bg: #f5f5f5;
body {
background: $body-bg;
}
.bg-body {
background: $body-bg !important;
}
@include appwork-common-theme($primary-color);
@include appwork-libs-theme($primary-color);
@include appwork-uikit-theme($primary-color);
// Navbar
@include appwork-navbar-variant('.bg-navbar-theme', #fff, $color: $text-muted, $active-color: $body-color);
.layout-navbar {
box-shadow: 0 0 10px rgba($black, .05);
}
// Sidenav
@include appwork-sidenav-variant('.bg-sidenav-theme', #fff, $color: $text-muted, $active-color: $body-color, $menu-bg: darken($body-bg, 2.5%));
.bg-sidenav-theme {
.sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon,
.sidenav-inner > .sidenav-item > .sidenav-link:hover .sidenav-icon,
.sidenav-inner > .sidenav-item > .sidenav-link:focus .sidenav-icon {
color: $gray-300;
}
.sidenav-inner > .sidenav-item.active > .sidenav-link .sidenav-icon {
color: $primary-color !important;
}
.sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
color: $primary-color !important;
background: transparent !important;
}
}
.layout-sidenav {
box-shadow: 0 0 10px rgba($black, .04);
}
.layout-sidenav-horizontal {
box-shadow: 0 0 10px rgba($black, .04), 0 1px 0 rgba($black, .04) inset;
}
// Footer
@include appwork-footer-variant('.bg-footer-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
.layout-footer {
box-shadow: 0 -1px 0 $border-color;
}
// Custom styling
hr {
border-color: $border-color;
}
.card,
.nav-tabs-top > .tab-content,
.nav-tabs-right > .tab-content,
.nav-tabs-bottom > .tab-content,
.nav-tabs-left > .tab-content {
border-color: transparent;
box-shadow: 0 10px 30px 0 rgba($black, .04);
}
.ng2-archwizard-boxed-steps ul.steps-indicator,
.form-wizard-boxed-steps .wizard-nav {
border-color: transparent !important;
box-shadow: 0 10px 30px 0 rgba($black, .04) !important;
}
.nav-tabs-top,
.nav-tabs-right,
.nav-tabs-bottom,
.nav-tabs-left {
> .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
> div > .nav-tabs:not(.tabs-alt) .nav-link:not(.active) {
border-color: transparent !important;
}
> .nav .nav-link.active,
> div > .nav .nav-link.active {
border-color: $nav-tabs-link-active-bg !important;
}
}
.nav-tabs-top > .nav-tabs:not(.tabs-alt),
.nav-tabs-top > div > .nav-tabs:not(.tabs-alt),
.nav-tabs-bottom > .nav-tabs:not(.tabs-alt),
.nav-tabs-bottom > div > .nav-tabs:not(.tabs-alt) {
padding-right: $border-width;
padding-left: $border-width;
}
.nav-tabs-right > .nav-tabs:not(.tabs-alt),
.nav-tabs-right > div > .nav-tabs:not(.tabs-alt),
.nav-tabs-left > .nav-tabs:not(.tabs-alt),
.nav-tabs-left > div > .nav-tabs:not(.tabs-alt) {
padding-top: $border-width;
padding-bottom: $border-width;
}

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,134 @@
$rtl-support: true;
@import "../_appwork/include-material";
@import "../_theme/common";
@import "../_theme/libs";
@import "../_theme/uikit";
$primary-color: #775cdc;
$body-bg: #f5f5f5;
body {
background: $body-bg;
}
.bg-body {
background: $body-bg !important;
}
@include appwork-common-material-theme($primary-color);
@include appwork-libs-material-theme($primary-color);
@include appwork-uikit-theme($primary-color);
// Navbar
@include appwork-navbar-variant('.bg-navbar-theme', #fff, $color: $text-muted, $active-color: $body-color);
.layout-navbar {
box-shadow: 0 10px 30px 0 $border-color;
}
// Sidenav
@include appwork-sidenav-variant('.bg-sidenav-theme', #4e54c8, $color: #fff, $menu-bg: #4b4fc1);
.bg-sidenav-theme {
background: linear-gradient(to top, #4e54c8, #8c55e4);
.sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon,
.sidenav-inner > .sidenav-item > .sidenav-link:hover .sidenav-icon,
.sidenav-inner > .sidenav-item > .sidenav-link:focus .sidenav-icon {
color: rgba(255,255,255,.7);
}
.sidenav-item:not(.active) > .sidenav-link > div,
.sidenav-item > .sidenav-link.sidenav-toggle > div {
transition: all .2s;
}
.sidenav-item:not(.active) > .sidenav-link:hover > div,
.sidenav-item > .sidenav-link.sidenav-toggle:hover > div {
opacity: .8;
}
.sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
background: rgba(0, 0, 0, .1) !important;
}
}
.bg-sidenav-theme .sidenav-vertical,
.bg-sidenav-theme.sidenav-vertical {
background-attachment: fixed;
background-size: 100% 100vh;
.sidenav-item:not(.active) > .sidenav-link:hover > div,
.sidenav-item > .sidenav-link.sidenav-toggle:hover > div {
opacity: .8;
transform: translateX(8px);
}
}
[dir=rtl] .bg-sidenav-theme .sidenav-vertical,
[dir=rtl] .bg-sidenav-theme.sidenav-vertical {
.sidenav-item:not(.active) > .sidenav-link:hover > div,
.sidenav-item > .sidenav-link.sidenav-toggle:hover > div {
transform: translateX(-8px);
}
}
// Footer
@include appwork-footer-variant('.bg-footer-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
.layout-footer {
box-shadow: 0 -1px 0 $border-color;
}
// Custom styling
hr {
border-color: $border-color;
}
.card,
.nav-tabs-top > .tab-content,
.nav-tabs-right > .tab-content,
.nav-tabs-bottom > .tab-content,
.nav-tabs-left > .tab-content {
border-color: transparent;
box-shadow: 0 10px 30px 0 rgba($black, .04);
}
.ng2-archwizard-boxed-steps ul.steps-indicator,
.form-wizard-boxed-steps .wizard-nav {
border-color: transparent !important;
box-shadow: 0 10px 30px 0 rgba($black, .04) !important;
}
.nav-tabs-top,
.nav-tabs-right,
.nav-tabs-bottom,
.nav-tabs-left {
> .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
> div > .nav-tabs:not(.tabs-alt) .nav-link:not(.active) {
border-color: transparent !important;
}
> .nav .nav-link.active,
> div > .nav .nav-link.active {
border-color: $nav-tabs-link-active-bg !important;
}
}
.nav-tabs-top > .nav-tabs:not(.tabs-alt),
.nav-tabs-top > div > .nav-tabs:not(.tabs-alt),
.nav-tabs-bottom > .nav-tabs:not(.tabs-alt),
.nav-tabs-bottom > div > .nav-tabs:not(.tabs-alt) {
padding-right: $border-width;
padding-left: $border-width;
}
.nav-tabs-right > .nav-tabs:not(.tabs-alt),
.nav-tabs-right > div > .nav-tabs:not(.tabs-alt),
.nav-tabs-left > .nav-tabs:not(.tabs-alt),
.nav-tabs-left > div > .nav-tabs:not(.tabs-alt) {
padding-top: $border-width;
padding-bottom: $border-width;
}

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,134 @@
$rtl-support: true;
@import "../_appwork/include";
@import "../_theme/common";
@import "../_theme/libs";
@import "../_theme/uikit";
$primary-color: #775cdc;
$body-bg: #f5f5f5;
body {
background: $body-bg;
}
.bg-body {
background: $body-bg !important;
}
@include appwork-common-theme($primary-color);
@include appwork-libs-theme($primary-color);
@include appwork-uikit-theme($primary-color);
// Navbar
@include appwork-navbar-variant('.bg-navbar-theme', #fff, $color: $text-muted, $active-color: $body-color);
.layout-navbar {
box-shadow: 0 10px 30px 0 $border-color;
}
// Sidenav
@include appwork-sidenav-variant('.bg-sidenav-theme', #4e54c8, $color: #fff, $menu-bg: #4b4fc1);
.bg-sidenav-theme {
background: linear-gradient(to top, #4e54c8, #8c55e4);
.sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon,
.sidenav-inner > .sidenav-item > .sidenav-link:hover .sidenav-icon,
.sidenav-inner > .sidenav-item > .sidenav-link:focus .sidenav-icon {
color: rgba(255,255,255,.7);
}
.sidenav-item:not(.active) > .sidenav-link > div,
.sidenav-item > .sidenav-link.sidenav-toggle > div {
transition: all .2s;
}
.sidenav-item:not(.active) > .sidenav-link:hover > div,
.sidenav-item > .sidenav-link.sidenav-toggle:hover > div {
opacity: .8;
}
.sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
background: rgba(0, 0, 0, .1) !important;
}
}
.bg-sidenav-theme .sidenav-vertical,
.bg-sidenav-theme.sidenav-vertical {
background-attachment: fixed;
background-size: 100% 100vh;
.sidenav-item:not(.active) > .sidenav-link:hover > div,
.sidenav-item > .sidenav-link.sidenav-toggle:hover > div {
opacity: .8;
transform: translateX(8px);
}
}
[dir=rtl] .bg-sidenav-theme .sidenav-vertical,
[dir=rtl] .bg-sidenav-theme.sidenav-vertical {
.sidenav-item:not(.active) > .sidenav-link:hover > div,
.sidenav-item > .sidenav-link.sidenav-toggle:hover > div {
transform: translateX(-8px);
}
}
// Footer
@include appwork-footer-variant('.bg-footer-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
.layout-footer {
box-shadow: 0 -1px 0 $border-color;
}
// Custom styling
hr {
border-color: $border-color;
}
.card,
.nav-tabs-top > .tab-content,
.nav-tabs-right > .tab-content,
.nav-tabs-bottom > .tab-content,
.nav-tabs-left > .tab-content {
border-color: transparent;
box-shadow: 0 10px 30px 0 rgba($black, .04);
}
.ng2-archwizard-boxed-steps ul.steps-indicator,
.form-wizard-boxed-steps .wizard-nav {
border-color: transparent !important;
box-shadow: 0 10px 30px 0 rgba($black, .04) !important;
}
.nav-tabs-top,
.nav-tabs-right,
.nav-tabs-bottom,
.nav-tabs-left {
> .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
> div > .nav-tabs:not(.tabs-alt) .nav-link:not(.active) {
border-color: transparent !important;
}
> .nav .nav-link.active,
> div > .nav .nav-link.active {
border-color: $nav-tabs-link-active-bg !important;
}
}
.nav-tabs-top > .nav-tabs:not(.tabs-alt),
.nav-tabs-top > div > .nav-tabs:not(.tabs-alt),
.nav-tabs-bottom > .nav-tabs:not(.tabs-alt),
.nav-tabs-bottom > div > .nav-tabs:not(.tabs-alt) {
padding-right: $border-width;
padding-left: $border-width;
}
.nav-tabs-right > .nav-tabs:not(.tabs-alt),
.nav-tabs-right > div > .nav-tabs:not(.tabs-alt),
.nav-tabs-left > .nav-tabs:not(.tabs-alt),
.nav-tabs-left > div > .nav-tabs:not(.tabs-alt) {
padding-top: $border-width;
padding-bottom: $border-width;
}

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,59 @@
$rtl-support: true;
@import "../_appwork/include-material";
@import "../_theme/common";
@import "../_theme/libs";
@import "../_theme/uikit";
$primary-color: #17b3a3;
$body-bg: #f5f5f5;
body {
background: $body-bg;
}
.bg-body {
background: $body-bg !important;
}
@include appwork-common-material-theme($primary-color);
@include appwork-libs-material-theme($primary-color);
@include appwork-uikit-theme($primary-color);
// Navbar
@include appwork-navbar-variant('.bg-navbar-theme', #fff, $color: $text-muted, $active-color: $body-color);
.layout-navbar {
box-shadow: 0 0 8px rgba($black, 0.07), 0 0 3px rgba($black, 0.05);
}
// Sidenav
@include appwork-sidenav-variant('.bg-sidenav-theme', #fff, $color: $text-muted, $active-color: $body-color, $menu-bg: darken($body-bg, 2.5%));
.bg-sidenav-theme {
.sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon,
.sidenav-inner > .sidenav-item > .sidenav-link:hover .sidenav-icon,
.sidenav-inner > .sidenav-item > .sidenav-link:focus .sidenav-icon {
color: $gray-300;
}
.sidenav-inner > .sidenav-item.active > .sidenav-link .sidenav-icon {
color: $primary-color !important;
}
.sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
color: $primary-color !important;
background: none !important;
}
}
.layout-sidenav {
box-shadow: 0 0 8px rgba($black, 0.07), 0 0 3px rgba($black, 0.05);
}
.layout-sidenav-horizontal {
box-shadow: 0 0 8px rgba($black, 0.07), 0 1px 0 rgba($black, 0.02) inset;
}
// Footer
@include appwork-footer-variant('.bg-footer-theme', #eee, $color: $text-muted, $active-color: $body-color);

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,59 @@
$rtl-support: true;
@import "../_appwork/include";
@import "../_theme/common";
@import "../_theme/libs";
@import "../_theme/uikit";
$primary-color: #17b3a3;
$body-bg: #f5f5f5;
body {
background: $body-bg;
}
.bg-body {
background: $body-bg !important;
}
@include appwork-common-theme($primary-color);
@include appwork-libs-theme($primary-color);
@include appwork-uikit-theme($primary-color);
// Navbar
@include appwork-navbar-variant('.bg-navbar-theme', #fff, $color: $text-muted, $active-color: $body-color);
.layout-navbar {
box-shadow: 0 0 0 1px $border-color;
}
// Sidenav
@include appwork-sidenav-variant('.bg-sidenav-theme', #fff, $color: $text-muted, $active-color: $body-color, $menu-bg: darken($body-bg, 2.5%));
.bg-sidenav-theme {
.sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon,
.sidenav-inner > .sidenav-item > .sidenav-link:hover .sidenav-icon,
.sidenav-inner > .sidenav-item > .sidenav-link:focus .sidenav-icon {
color: $gray-300;
}
.sidenav-inner > .sidenav-item.active > .sidenav-link .sidenav-icon {
color: $primary-color !important;
}
.sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
color: $primary-color !important;
background: none !important;
}
}
.layout-sidenav {
box-shadow: 0 0 0 1px $border-color;
}
.layout-sidenav-horizontal {
box-shadow: 0 1px 0 $border-color;
}
// Footer
@include appwork-footer-variant('.bg-footer-theme', #eee, $color: $text-muted, $active-color: $body-color);

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,123 @@
$rtl-support: true;
@import "../_appwork/include-material";
@import "../_theme/common";
@import "../_theme/libs";
@import "../_theme/uikit";
$primary-color: #7b83ff;
$body-bg: #fafafd;
body {
background: $body-bg;
}
.bg-body {
background: $body-bg !important;
}
@include appwork-common-material-theme($primary-color);
@include appwork-libs-material-theme($primary-color);
@include appwork-uikit-theme($primary-color);
// Navbar
@include appwork-navbar-variant('.bg-navbar-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
.layout-navbar {
box-shadow: 0 1px 0 $border-color;
}
// Sidenav
@include appwork-sidenav-variant('.bg-sidenav-theme', #ececf9, $color: #949eb6);
.bg-sidenav-theme {
.sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon,
.sidenav-inner > .sidenav-item > .sidenav-link:hover .sidenav-icon,
.sidenav-inner > .sidenav-item > .sidenav-link:focus .sidenav-icon {
color: #bbd;
}
.sidenav-inner > .sidenav-item.active > .sidenav-link .sidenav-icon {
color: $primary-color !important;
}
.sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
background: none !important;
}
.sidenav-item.active > .sidenav-link:not(.sidenav-toggle) > div:first-of-type {
position: relative;
&:after {
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 0;
display: block;
height: 0;
border-bottom: 2px solid $primary-color;
}
}
}
.layout-sidenav-horizontal {
box-shadow: 0 -1px 0 $border-color inset;
}
// Footer
@include appwork-footer-variant('.bg-footer-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
.layout-footer {
box-shadow: 0 -1px 0 $border-color;
}
// Custom styling
hr {
border-color: $border-color;
}
.card,
.nav-tabs-top > .tab-content,
.nav-tabs-right > .tab-content,
.nav-tabs-bottom > .tab-content,
.nav-tabs-left > .tab-content {
border-color: transparent;
box-shadow: 0 10px 30px 0 rgba($black, .04);
}
.ng2-archwizard-boxed-steps ul.steps-indicator,
.form-wizard-boxed-steps .wizard-nav {
border-color: transparent !important;
box-shadow: 0 10px 30px 0 rgba($black, .04) !important;
}
.nav-tabs-top,
.nav-tabs-right,
.nav-tabs-bottom,
.nav-tabs-left {
> .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
> div > .nav-tabs:not(.tabs-alt) .nav-link:not(.active) {
border-color: transparent !important;
}
> .nav .nav-link.active,
> div > .nav .nav-link.active {
border-color: $nav-tabs-link-active-bg !important;
}
}
.nav-tabs-top > .nav-tabs:not(.tabs-alt),
.nav-tabs-top > div > .nav-tabs:not(.tabs-alt),
.nav-tabs-bottom > .nav-tabs:not(.tabs-alt),
.nav-tabs-bottom > div > .nav-tabs:not(.tabs-alt) {
padding-right: $border-width;
padding-left: $border-width;
}
.nav-tabs-right > .nav-tabs:not(.tabs-alt),
.nav-tabs-right > div > .nav-tabs:not(.tabs-alt),
.nav-tabs-left > .nav-tabs:not(.tabs-alt),
.nav-tabs-left > div > .nav-tabs:not(.tabs-alt) {
padding-top: $border-width;
padding-bottom: $border-width;
}

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,123 @@
$rtl-support: true;
@import "../_appwork/include";
@import "../_theme/common";
@import "../_theme/libs";
@import "../_theme/uikit";
$primary-color: #7b83ff;
$body-bg: #fafafd;
body {
background: $body-bg;
}
.bg-body {
background: $body-bg !important;
}
@include appwork-common-theme($primary-color);
@include appwork-libs-theme($primary-color);
@include appwork-uikit-theme($primary-color);
// Navbar
@include appwork-navbar-variant('.bg-navbar-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
.layout-navbar {
box-shadow: 0 1px 0 $border-color;
}
// Sidenav
@include appwork-sidenav-variant('.bg-sidenav-theme', #ececf9, $color: #949eb6);
.bg-sidenav-theme {
.sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon,
.sidenav-inner > .sidenav-item > .sidenav-link:hover .sidenav-icon,
.sidenav-inner > .sidenav-item > .sidenav-link:focus .sidenav-icon {
color: #bbd;
}
.sidenav-inner > .sidenav-item.active > .sidenav-link .sidenav-icon {
color: $primary-color !important;
}
.sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
background: none !important;
}
.sidenav-item.active > .sidenav-link:not(.sidenav-toggle) > div:first-of-type {
position: relative;
&:after {
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 0;
display: block;
height: 0;
border-bottom: 2px solid $primary-color;
}
}
}
.layout-sidenav-horizontal {
box-shadow: 0 -1px 0 $border-color inset;
}
// Footer
@include appwork-footer-variant('.bg-footer-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
.layout-footer {
box-shadow: 0 -1px 0 $border-color;
}
// Custom styling
hr {
border-color: $border-color;
}
.card,
.nav-tabs-top > .tab-content,
.nav-tabs-right > .tab-content,
.nav-tabs-bottom > .tab-content,
.nav-tabs-left > .tab-content {
border-color: transparent;
box-shadow: 0 10px 30px 0 rgba(24, 28, 33, .04);
}
.ng2-archwizard-boxed-steps ul.steps-indicator,
.form-wizard-boxed-steps .wizard-nav {
border-color: transparent !important;
box-shadow: 0 10px 30px 0 rgba(24, 28, 33, .04) !important;
}
.nav-tabs-top,
.nav-tabs-right,
.nav-tabs-bottom,
.nav-tabs-left {
> .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
> div > .nav-tabs:not(.tabs-alt) .nav-link:not(.active) {
border-color: transparent !important;
}
> .nav .nav-link.active,
> div > .nav .nav-link.active {
border-color: $nav-tabs-link-active-bg !important;
}
}
.nav-tabs-top > .nav-tabs:not(.tabs-alt),
.nav-tabs-top > div > .nav-tabs:not(.tabs-alt),
.nav-tabs-bottom > .nav-tabs:not(.tabs-alt),
.nav-tabs-bottom > div > .nav-tabs:not(.tabs-alt) {
padding-right: $border-width;
padding-left: $border-width;
}
.nav-tabs-right > .nav-tabs:not(.tabs-alt),
.nav-tabs-right > div > .nav-tabs:not(.tabs-alt),
.nav-tabs-left > .nav-tabs:not(.tabs-alt),
.nav-tabs-left > div > .nav-tabs:not(.tabs-alt) {
padding-top: $border-width;
padding-bottom: $border-width;
}

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,53 @@
$rtl-support: true;
@import "../_appwork/include-material";
@import "../_theme/common";
@import "../_theme/libs";
@import "../_theme/uikit";
$primary-color: #1cbb84;
$body-bg: #f5f5f5;
body {
background: $body-bg;
}
.bg-body {
background: $body-bg !important;
}
@include appwork-common-material-theme($primary-color);
@include appwork-libs-material-theme($primary-color);
@include appwork-uikit-theme($primary-color);
// Navbar
@include appwork-navbar-variant('.bg-navbar-theme', #39517b);
// Sidenav
@include appwork-sidenav-variant('.bg-sidenav-theme', #fff, $color: #99a3b5, $active-color: $body-color, $menu-bg: #f0f1f3);
.bg-sidenav-theme {
.sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon,
.sidenav-inner > .sidenav-item > .sidenav-link:hover .sidenav-icon,
.sidenav-inner > .sidenav-item > .sidenav-link:focus .sidenav-icon {
color: #c9ced6;
}
.sidenav-inner > .sidenav-item.active > .sidenav-link .sidenav-icon {
color: $primary-color !important;
}
.sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
color: $primary-color !important;
background: none !important;
}
}
.layout-sidenav,
.layout-sidenav-horizontal {
box-shadow: 0 0 8px rgba($black, 0.07), 0 0 3px rgba($black, 0.05);
}
// Footer
@include appwork-footer-variant('.bg-footer-theme', #eee, $color: $text-muted, $active-color: $body-color);

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,53 @@
$rtl-support: true;
@import "../_appwork/include";
@import "../_theme/common";
@import "../_theme/libs";
@import "../_theme/uikit";
$primary-color: #1cbb84;
$body-bg: #f5f5f5;
body {
background: $body-bg;
}
.bg-body {
background: $body-bg !important;
}
@include appwork-common-theme($primary-color);
@include appwork-libs-theme($primary-color);
@include appwork-uikit-theme($primary-color);
// Navbar
@include appwork-navbar-variant('.bg-navbar-theme', #39517b);
// Sidenav
@include appwork-sidenav-variant('.bg-sidenav-theme', #fff, $color: #99a3b5, $active-color: $body-color, $menu-bg: #f0f1f3);
.bg-sidenav-theme {
.sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon,
.sidenav-inner > .sidenav-item > .sidenav-link:hover .sidenav-icon,
.sidenav-inner > .sidenav-item > .sidenav-link:focus .sidenav-icon {
color: #c9ced6;
}
.sidenav-inner > .sidenav-item.active > .sidenav-link .sidenav-icon {
color: $primary-color !important;
}
.sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
color: $primary-color !important;
background: none !important;
}
}
.layout-sidenav,
.layout-sidenav-horizontal {
box-shadow: 0 0 0 1px $border-color;
}
// Footer
@include appwork-footer-variant('.bg-footer-theme', #eee, $color: $text-muted, $active-color: $body-color);

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,106 @@
$rtl-support: true;
@import "../_appwork/include-material";
@import "../_theme/common";
@import "../_theme/libs";
@import "../_theme/uikit";
$primary-color: #fc5a5c;
$body-bg: #f5f5f5;
body {
background: $body-bg;
}
.bg-body {
background: $body-bg !important;
}
@include appwork-common-material-theme($primary-color);
@include appwork-libs-material-theme($primary-color);
@include appwork-uikit-theme($primary-color);
// Navbar
@include appwork-navbar-variant('.bg-navbar-theme', #222);
// Sidenav
@include appwork-sidenav-variant('.bg-sidenav-theme', #fff, $color: $text-muted, $active-color: $body-color, $menu-bg: darken($body-bg, 2.5%));
.bg-sidenav-theme {
.sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon,
.sidenav-inner > .sidenav-item > .sidenav-link:hover .sidenav-icon,
.sidenav-inner > .sidenav-item > .sidenav-link:focus .sidenav-icon {
color: $gray-300;
}
.sidenav-inner > .sidenav-item.active > .sidenav-link .sidenav-icon {
color: $primary-color !important;
}
.sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
background: $body-bg;
}
}
.layout-sidenav,
.layout-sidenav-horizontal {
box-shadow: 0 0 10px $border-color;
}
// Footer
@include appwork-footer-variant('.bg-footer-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
.layout-footer {
box-shadow: 0 -1px 0 $border-color;
}
// Custom styling
hr {
border-color: $border-color;
}
.card,
.nav-tabs-top > .tab-content,
.nav-tabs-right > .tab-content,
.nav-tabs-bottom > .tab-content,
.nav-tabs-left > .tab-content {
border-color: transparent;
box-shadow: 0 10px 30px 0 rgba($black, .04);
}
.ng2-archwizard-boxed-steps ul.steps-indicator,
.form-wizard-boxed-steps .wizard-nav {
border-color: transparent !important;
box-shadow: 0 10px 30px 0 rgba($black, .04) !important;
}
.nav-tabs-top,
.nav-tabs-right,
.nav-tabs-bottom,
.nav-tabs-left {
> .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
> div > .nav-tabs:not(.tabs-alt) .nav-link:not(.active) {
border-color: transparent !important;
}
> .nav .nav-link.active,
> div > .nav .nav-link.active {
border-color: $nav-tabs-link-active-bg !important;
}
}
.nav-tabs-top > .nav-tabs:not(.tabs-alt),
.nav-tabs-top > div > .nav-tabs:not(.tabs-alt),
.nav-tabs-bottom > .nav-tabs:not(.tabs-alt),
.nav-tabs-bottom > div > .nav-tabs:not(.tabs-alt) {
padding-right: $border-width;
padding-left: $border-width;
}
.nav-tabs-right > .nav-tabs:not(.tabs-alt),
.nav-tabs-right > div > .nav-tabs:not(.tabs-alt),
.nav-tabs-left > .nav-tabs:not(.tabs-alt),
.nav-tabs-left > div > .nav-tabs:not(.tabs-alt) {
padding-top: $border-width;
padding-bottom: $border-width;
}

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,106 @@
$rtl-support: true;
@import "../_appwork/include";
@import "../_theme/common";
@import "../_theme/libs";
@import "../_theme/uikit";
$primary-color: #fc5a5c;
$body-bg: #f5f5f5;
body {
background: $body-bg;
}
.bg-body {
background: $body-bg !important;
}
@include appwork-common-theme($primary-color);
@include appwork-libs-theme($primary-color);
@include appwork-uikit-theme($primary-color);
// Navbar
@include appwork-navbar-variant('.bg-navbar-theme', #222);
// Sidenav
@include appwork-sidenav-variant('.bg-sidenav-theme', #fff, $color: $text-muted, $active-color: $body-color, $menu-bg: darken($body-bg, 2.5%));
.bg-sidenav-theme {
.sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon,
.sidenav-inner > .sidenav-item > .sidenav-link:hover .sidenav-icon,
.sidenav-inner > .sidenav-item > .sidenav-link:focus .sidenav-icon {
color: $gray-300;
}
.sidenav-inner > .sidenav-item.active > .sidenav-link .sidenav-icon {
color: $primary-color !important;
}
.sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
background: $body-bg;
}
}
.layout-sidenav,
.layout-sidenav-horizontal {
box-shadow: 0 0 10px rgba($black, 0.05);
}
// Footer
@include appwork-footer-variant('.bg-footer-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
.layout-footer {
box-shadow: 0 -1px 0 $border-color;
}
// Custom styling
hr {
border-color: $border-color;
}
.card,
.nav-tabs-top > .tab-content,
.nav-tabs-right > .tab-content,
.nav-tabs-bottom > .tab-content,
.nav-tabs-left > .tab-content {
border-color: transparent;
box-shadow: 0 10px 30px 0 rgba($black, .04);
}
.ng2-archwizard-boxed-steps ul.steps-indicator,
.form-wizard-boxed-steps .wizard-nav {
border-color: transparent !important;
box-shadow: 0 10px 30px 0 rgba($black, .04) !important;
}
.nav-tabs-top,
.nav-tabs-right,
.nav-tabs-bottom,
.nav-tabs-left {
> .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
> div > .nav-tabs:not(.tabs-alt) .nav-link:not(.active) {
border-color: transparent !important;
}
> .nav .nav-link.active,
> div > .nav .nav-link.active {
border-color: $nav-tabs-link-active-bg !important;
}
}
.nav-tabs-top > .nav-tabs:not(.tabs-alt),
.nav-tabs-top > div > .nav-tabs:not(.tabs-alt),
.nav-tabs-bottom > .nav-tabs:not(.tabs-alt),
.nav-tabs-bottom > div > .nav-tabs:not(.tabs-alt) {
padding-right: $border-width;
padding-left: $border-width;
}
.nav-tabs-right > .nav-tabs:not(.tabs-alt),
.nav-tabs-right > div > .nav-tabs:not(.tabs-alt),
.nav-tabs-left > .nav-tabs:not(.tabs-alt),
.nav-tabs-left > div > .nav-tabs:not(.tabs-alt) {
padding-top: $border-width;
padding-bottom: $border-width;
}

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,64 @@
$rtl-support: true;
@import "../_appwork/include-material";
@import "../_theme/common";
@import "../_theme/libs";
@import "../_theme/uikit";
$primary-color: #4c84ff;
$body-bg: #f5f5f5;
body {
background: $body-bg;
}
.bg-body {
background: $body-bg !important;
}
@include appwork-common-material-theme($primary-color);
@include appwork-libs-material-theme($primary-color);
@include appwork-uikit-theme($primary-color);
// Navbar
@include appwork-navbar-variant('.bg-navbar-theme', #343c44);
// Sidenav
@include appwork-sidenav-variant('.bg-sidenav-theme', #3f4853, $color: #96a1a9);
.bg-sidenav-theme {
.sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
background: rgba(255, 255, 255, .05) !important;
}
}
.bg-sidenav-theme.sidenav-vertical,
.bg-sidenav-theme .sidenav-vertical {
.sidenav-item.active > .sidenav-link:not(.sidenav-toggle)::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
border-left: 4px solid $primary-color;
}
.layout-collapsed &:not(:hover),
&.sidenav-collapsed:not(:hover) {
.sidenav-item .sidenav-item.active > .sidenav-link:not(.sidenav-toggle)::after {
display: none;
}
}
}
[dir=rtl] .bg-sidenav-theme.sidenav-vertical .sidenav-item.active > .sidenav-link:not(.sidenav-toggle)::after,
[dir=rtl] .bg-sidenav-theme .sidenav-vertical .sidenav-item.active > .sidenav-link:not(.sidenav-toggle)::after {
right: 0;
left: auto;
}
// Footer
@include appwork-footer-variant('.bg-footer-theme', #fff, $color: $text-muted, $active-color: $body-color);

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,64 @@
$rtl-support: true;
@import "../_appwork/include";
@import "../_theme/common";
@import "../_theme/libs";
@import "../_theme/uikit";
$primary-color: #4c84ff;
$body-bg: #f5f5f5;
body {
background: $body-bg;
}
.bg-body {
background: $body-bg !important;
}
@include appwork-common-theme($primary-color);
@include appwork-libs-theme($primary-color);
@include appwork-uikit-theme($primary-color);
// Navbar
@include appwork-navbar-variant('.bg-navbar-theme', #343c44);
// Sidenav
@include appwork-sidenav-variant('.bg-sidenav-theme', #3f4853, $color: #96a1a9);
.bg-sidenav-theme {
.sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
background: rgba(255, 255, 255, .05) !important;
}
}
.bg-sidenav-theme.sidenav-vertical,
.bg-sidenav-theme .sidenav-vertical {
.sidenav-item.active > .sidenav-link:not(.sidenav-toggle)::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
border-left: 4px solid $primary-color;
}
.layout-collapsed &:not(:hover),
&.sidenav-collapsed:not(:hover) {
.sidenav-item .sidenav-item.active > .sidenav-link:not(.sidenav-toggle)::after {
display: none;
}
}
}
[dir=rtl] .bg-sidenav-theme.sidenav-vertical .sidenav-item.active > .sidenav-link:not(.sidenav-toggle)::after,
[dir=rtl] .bg-sidenav-theme .sidenav-vertical .sidenav-item.active > .sidenav-link:not(.sidenav-toggle)::after {
right: 0;
left: auto;
}
// Footer
@include appwork-footer-variant('.bg-footer-theme', #fff, $color: $text-muted, $active-color: $body-color);

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,70 @@
$rtl-support: true;
@import "../_appwork/include-material";
@import "../_theme/common";
@import "../_theme/libs";
@import "../_theme/uikit";
$primary-color: #fc5a5c;
$body-bg: #f8f8f8;
body {
background: $body-bg;
}
.bg-body {
background: $body-bg !important;
}
@include appwork-common-material-theme($primary-color);
@include appwork-libs-material-theme($primary-color);
@include appwork-uikit-theme($primary-color);
// Navbar
@include appwork-navbar-variant('.bg-navbar-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
.layout-navbar {
box-shadow: 0 1px 0 $border-color;
}
// Sidenav
@include appwork-sidenav-variant('.bg-sidenav-theme', #222, $color: #999, $active-color: #fff, $border: rgba(255, 255, 255, .06));
.bg-sidenav-theme {
.sidenav-inner > .sidenav-item.active > .sidenav-link .sidenav-icon {
color: $primary-color !important;
}
.sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
background: none !important;
}
.sidenav-item.active > .sidenav-link:not(.sidenav-toggle) > div:first-of-type {
position: relative;
&:after {
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 0;
display: block;
height: 0;
border-bottom: 2px solid $primary-color;
}
}
}
// Footer
@include appwork-footer-variant('.bg-footer-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
.layout-footer {
box-shadow: 0 -1px 0 $border-color;
}
// Custom styling
hr {
border-color: $border-color;
}

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,70 @@
$rtl-support: true;
@import "../_appwork/include";
@import "../_theme/common";
@import "../_theme/libs";
@import "../_theme/uikit";
$primary-color: #fc5a5c;
$body-bg: #f8f8f8;
body {
background: $body-bg;
}
.bg-body {
background: $body-bg !important;
}
@include appwork-common-theme($primary-color);
@include appwork-libs-theme($primary-color);
@include appwork-uikit-theme($primary-color);
// Navbar
@include appwork-navbar-variant('.bg-navbar-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
.layout-navbar {
box-shadow: 0 1px 0 $border-color;
}
// Sidenav
@include appwork-sidenav-variant('.bg-sidenav-theme', #222, $color: #999, $active-color: #fff, $border: rgba(255, 255, 255, .06));
.bg-sidenav-theme {
.sidenav-inner > .sidenav-item.active > .sidenav-link .sidenav-icon {
color: $primary-color !important;
}
.sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
background: none !important;
}
.sidenav-item.active > .sidenav-link:not(.sidenav-toggle) > div:first-of-type {
position: relative;
&:after {
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 0;
display: block;
height: 0;
border-bottom: 2px solid $primary-color;
}
}
}
// Footer
@include appwork-footer-variant('.bg-footer-theme', $body-bg, $color: $text-muted, $active-color: $body-color);
.layout-footer {
box-shadow: 0 -1px 0 $border-color;
}
// Custom styling
hr {
border-color: $border-color;
}

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,5 @@
@import '../_uikit/common';
@import '../_uikit/ecommerce';
@import '../_uikit/dashboard';
@import '../_uikit/company';
@import '../_uikit/social';