mirror of
https://github.com/akveo/ngx-admin.git
synced 2026-03-04 21:00:16 +01:00
feat: update to 8 - comment out mixins
This commit is contained in:
nixa
parent
fcb65af61f
commit
66261961cb
17 changed files with 753 additions and 722 deletions
|
|
@ -131,13 +131,13 @@
|
|||
|
||||
@include keyframes(pulse) {
|
||||
0% {
|
||||
box-shadow: 0 0 1px 0 rgba(nb-theme(color-fg-highlight), 0);
|
||||
//box-shadow: 0 0 1px 0 rgba(nb-theme(color-fg-highlight), 0);
|
||||
}
|
||||
20% {
|
||||
box-shadow: 0 0 3px 10px rgba(nb-theme(color-fg-highlight), 0.4);
|
||||
//box-shadow: 0 0 3px 10px rgba(nb-theme(color-fg-highlight), 0.4);
|
||||
}
|
||||
100% {
|
||||
box-shadow: 0 0 5px 20px rgba(nb-theme(color-fg-highlight), 0);
|
||||
//box-shadow: 0 0 5px 20px rgba(nb-theme(color-fg-highlight), 0);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,112 +1,112 @@
|
|||
@import '../../styles/themes';
|
||||
@import '~@nebular/bootstrap/styles/hero-buttons';
|
||||
@import '~bootstrap/scss/mixins/breakpoints';
|
||||
@import '~@nebular/theme/styles/global/breakpoints';
|
||||
|
||||
@include nb-install-component() {
|
||||
.switch-label {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
margin: 0;
|
||||
|
||||
&.vertical {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
|
||||
.first,
|
||||
.second {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.switch {
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
& > span {
|
||||
font-size: 1.125rem;
|
||||
font-weight: nb-theme(font-weight-bold);
|
||||
transition: opacity 0.3s ease;
|
||||
color: nb-theme(color-fg);
|
||||
|
||||
&.first {
|
||||
@include nb-ltr(padding-right, 10px);
|
||||
@include nb-rtl(padding-left, 10px);
|
||||
}
|
||||
|
||||
&.second {
|
||||
@include nb-ltr(padding-left, 10px);
|
||||
@include nb-rtl(padding-right, 10px);
|
||||
}
|
||||
|
||||
&.active {
|
||||
color: nb-theme(color-fg-text);
|
||||
}
|
||||
|
||||
@include nb-for-theme(cosmic) {
|
||||
color: nb-theme(color-fg);
|
||||
|
||||
&.active {
|
||||
color: nb-theme(color-white);
|
||||
}
|
||||
}
|
||||
|
||||
&:active {
|
||||
opacity: 0.78;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.switch {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 3rem;
|
||||
height: 1.5rem;
|
||||
margin: 0;
|
||||
|
||||
input {
|
||||
display: none;
|
||||
|
||||
&:checked + .slider::before {
|
||||
@include nb-ltr(transform, translateX(1.5rem));
|
||||
@include nb-rtl(transform, translateX(-1.5rem));
|
||||
}
|
||||
}
|
||||
|
||||
.slider {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
border-radius: 1.75rem;
|
||||
background-color: nb-theme(layout-bg);
|
||||
}
|
||||
|
||||
.slider::before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
height: 1.5rem;
|
||||
width: 1.5rem;
|
||||
border-radius: 50%;
|
||||
background-color: nb-theme(color-success);
|
||||
transition: 0.2s;
|
||||
|
||||
box-shadow: 0 0 0.25rem 0 rgba(nb-theme(color-fg), 0.4);
|
||||
|
||||
@include nb-for-theme(cosmic) {
|
||||
@include btn-hero-primary-gradient();
|
||||
}
|
||||
|
||||
@include nb-for-theme(corporate) {
|
||||
background-color: nb-theme(color-primary);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(xs) {
|
||||
align-items: flex-end;
|
||||
}
|
||||
}
|
||||
//@import '../../styles/themes';
|
||||
//@import '~@nebular/bootstrap/styles/hero-buttons';
|
||||
//@import '~bootstrap/scss/mixins/breakpoints';
|
||||
//@import '~@nebular/theme/styles/global/breakpoints';
|
||||
//
|
||||
//@include nb-install-component() {
|
||||
// .switch-label {
|
||||
// display: flex;
|
||||
// justify-content: space-between;
|
||||
// align-items: center;
|
||||
// cursor: pointer;
|
||||
// margin: 0;
|
||||
//
|
||||
// &.vertical {
|
||||
// flex-direction: column;
|
||||
// align-items: flex-start;
|
||||
//
|
||||
// .first,
|
||||
// .second {
|
||||
// padding: 0;
|
||||
// }
|
||||
//
|
||||
// .switch {
|
||||
// margin-top: 0.5em;
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// & > span {
|
||||
// font-size: 1.125rem;
|
||||
// font-weight: nb-theme(font-weight-bold);
|
||||
// transition: opacity 0.3s ease;
|
||||
// color: nb-theme(color-fg);
|
||||
//
|
||||
// &.first {
|
||||
// @include nb-ltr(padding-right, 10px);
|
||||
// @include nb-rtl(padding-left, 10px);
|
||||
// }
|
||||
//
|
||||
// &.second {
|
||||
// @include nb-ltr(padding-left, 10px);
|
||||
// @include nb-rtl(padding-right, 10px);
|
||||
// }
|
||||
//
|
||||
// &.active {
|
||||
// color: nb-theme(color-fg-text);
|
||||
// }
|
||||
//
|
||||
// @include nb-for-theme(cosmic) {
|
||||
// color: nb-theme(color-fg);
|
||||
//
|
||||
// &.active {
|
||||
// color: nb-theme(color-white);
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// &:active {
|
||||
// opacity: 0.78;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// .switch {
|
||||
// position: relative;
|
||||
// display: inline-block;
|
||||
// width: 3rem;
|
||||
// height: 1.5rem;
|
||||
// margin: 0;
|
||||
//
|
||||
// input {
|
||||
// display: none;
|
||||
//
|
||||
// &:checked + .slider::before {
|
||||
// @include nb-ltr(transform, translateX(1.5rem));
|
||||
// @include nb-rtl(transform, translateX(-1.5rem));
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// .slider {
|
||||
// position: absolute;
|
||||
// top: 0;
|
||||
// left: 0;
|
||||
// right: 0;
|
||||
// bottom: 0;
|
||||
// border-radius: 1.75rem;
|
||||
// background-color: nb-theme(layout-bg);
|
||||
// }
|
||||
//
|
||||
// .slider::before {
|
||||
// position: absolute;
|
||||
// content: '';
|
||||
// height: 1.5rem;
|
||||
// width: 1.5rem;
|
||||
// border-radius: 50%;
|
||||
// background-color: nb-theme(color-success);
|
||||
// transition: 0.2s;
|
||||
//
|
||||
// //box-shadow: 0 0 0.25rem 0 rgba(nb-theme(color-fg), 0.4);
|
||||
//
|
||||
// @include nb-for-theme(cosmic) {
|
||||
// @include btn-hero-primary-gradient();
|
||||
// }
|
||||
//
|
||||
// @include nb-for-theme(corporate) {
|
||||
// background-color: nb-theme(color-primary);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// @include media-breakpoint-down(xs) {
|
||||
// align-items: flex-end;
|
||||
// }
|
||||
//}
|
||||
|
|
|
|||
|
|
@ -1,118 +1,118 @@
|
|||
@import '../../styles/themes';
|
||||
@import '~bootstrap/scss/mixins/breakpoints';
|
||||
@import '~@nebular/theme/styles/global/breakpoints';
|
||||
@import '~@nebular/bootstrap/styles/hero-buttons';
|
||||
|
||||
@include nb-install-component() {
|
||||
.toggle-settings {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
height: 3rem;
|
||||
width: 3rem;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
border: none;
|
||||
transition: transform 0.3s ease, background-image 0.3s ease;
|
||||
transform: translate(0, -50%);
|
||||
z-index: 998;
|
||||
|
||||
@include nb-ltr() {
|
||||
border-top-left-radius: nb-theme(radius);
|
||||
border-bottom-left-radius: nb-theme(radius);
|
||||
right: 0;
|
||||
|
||||
&.sidebar-end {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
right: auto;
|
||||
border-top-right-radius: nb-theme(radius);
|
||||
border-bottom-right-radius: nb-theme(radius);
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@include nb-rtl() {
|
||||
border-top-right-radius: nb-theme(radius);
|
||||
border-bottom-right-radius: nb-theme(radius);
|
||||
left: 0;
|
||||
|
||||
&.sidebar-end {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
left: auto;
|
||||
border-top-left-radius: nb-theme(radius);
|
||||
border-bottom-left-radius: nb-theme(radius);
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.expanded {
|
||||
@include nb-ltr(transform, translate(-19rem, -50%));
|
||||
@include nb-rtl(transform, translate(19rem, -50%));
|
||||
|
||||
&.sidebar-end {
|
||||
@include nb-rtl(transform, translate(-19rem, -50%));
|
||||
@include nb-ltr(transform, translate(19rem, -50%));
|
||||
}
|
||||
}
|
||||
|
||||
@include nb-for-theme(cosmic) {
|
||||
box-shadow: 0 0 3.4285rem 0 rgba(19, 19, 94, 0.72);
|
||||
@include btn-hero-success-gradient();
|
||||
}
|
||||
|
||||
@include nb-for-theme(default) {
|
||||
border: 1px solid #d5dbe0;
|
||||
box-shadow: 0 8px 24px 0 rgba(48, 59, 67, 0.15);
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
@include nb-for-theme(corporate) {
|
||||
border: 1px solid #d5dbe0;
|
||||
box-shadow: 0 8px 24px 0 rgba(48, 59, 67, 0.15);
|
||||
color: nb-theme(color-danger);
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
i {
|
||||
font-size: 2.75rem;
|
||||
color: #ffffff;
|
||||
display: block;
|
||||
|
||||
|
||||
@include nb-for-theme(default) {
|
||||
color: nb-theme(color-danger);
|
||||
}
|
||||
|
||||
@include nb-for-theme(corporate) {
|
||||
color: nb-theme(color-warning);
|
||||
}
|
||||
}
|
||||
|
||||
&:not(.was-expanded) i {
|
||||
animation-name: gear-pulse;
|
||||
animation-duration: 1s;
|
||||
animation-iteration-count: infinite;
|
||||
}
|
||||
|
||||
@keyframes gear-pulse {
|
||||
from {
|
||||
transform: scale3d(1, 1, 1);
|
||||
}
|
||||
|
||||
50% {
|
||||
transform: scale3d(1.2, 1.2, 1.2);
|
||||
}
|
||||
|
||||
to {
|
||||
transform: scale3d(1, 1, 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
.toggle-settings {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
//@import '../../styles/themes';
|
||||
//@import '~bootstrap/scss/mixins/breakpoints';
|
||||
//@import '~@nebular/theme/styles/global/breakpoints';
|
||||
////@import '~@nebular/bootstrap/styles/hero-buttons';
|
||||
//
|
||||
//@include nb-install-component() {
|
||||
// .toggle-settings {
|
||||
// position: fixed;
|
||||
// top: 50%;
|
||||
// height: 3rem;
|
||||
// width: 3rem;
|
||||
// padding: 0;
|
||||
// text-align: center;
|
||||
// border: none;
|
||||
// transition: transform 0.3s ease, background-image 0.3s ease;
|
||||
// transform: translate(0, -50%);
|
||||
// z-index: 998;
|
||||
//
|
||||
// @include nb-ltr() {
|
||||
// border-top-left-radius: nb-theme(radius);
|
||||
// border-bottom-left-radius: nb-theme(radius);
|
||||
// right: 0;
|
||||
//
|
||||
// &.sidebar-end {
|
||||
// border-top-left-radius: 0;
|
||||
// border-bottom-left-radius: 0;
|
||||
// right: auto;
|
||||
// border-top-right-radius: nb-theme(radius);
|
||||
// border-bottom-right-radius: nb-theme(radius);
|
||||
// left: 0;
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// @include nb-rtl() {
|
||||
// border-top-right-radius: nb-theme(radius);
|
||||
// border-bottom-right-radius: nb-theme(radius);
|
||||
// left: 0;
|
||||
//
|
||||
// &.sidebar-end {
|
||||
// border-top-right-radius: 0;
|
||||
// border-bottom-right-radius: 0;
|
||||
// left: auto;
|
||||
// border-top-left-radius: nb-theme(radius);
|
||||
// border-bottom-left-radius: nb-theme(radius);
|
||||
// right: 0;
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// &.expanded {
|
||||
// @include nb-ltr(transform, translate(-19rem, -50%));
|
||||
// @include nb-rtl(transform, translate(19rem, -50%));
|
||||
//
|
||||
// &.sidebar-end {
|
||||
// @include nb-rtl(transform, translate(-19rem, -50%));
|
||||
// @include nb-ltr(transform, translate(19rem, -50%));
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// @include nb-for-theme(cosmic) {
|
||||
// box-shadow: 0 0 3.4285rem 0 rgba(19, 19, 94, 0.72);
|
||||
// @include btn-hero-success-gradient();
|
||||
// }
|
||||
//
|
||||
// @include nb-for-theme(default) {
|
||||
// border: 1px solid #d5dbe0;
|
||||
// box-shadow: 0 8px 24px 0 rgba(48, 59, 67, 0.15);
|
||||
// background-color: #ffffff;
|
||||
// }
|
||||
//
|
||||
// @include nb-for-theme(corporate) {
|
||||
// border: 1px solid #d5dbe0;
|
||||
// box-shadow: 0 8px 24px 0 rgba(48, 59, 67, 0.15);
|
||||
// color: nb-theme(color-danger);
|
||||
// background-color: #ffffff;
|
||||
// }
|
||||
//
|
||||
// i {
|
||||
// font-size: 2.75rem;
|
||||
// color: #ffffff;
|
||||
// display: block;
|
||||
//
|
||||
//
|
||||
// @include nb-for-theme(default) {
|
||||
// color: nb-theme(color-danger);
|
||||
// }
|
||||
//
|
||||
// @include nb-for-theme(corporate) {
|
||||
// color: nb-theme(color-warning);
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// &:not(.was-expanded) i {
|
||||
// animation-name: gear-pulse;
|
||||
// animation-duration: 1s;
|
||||
// animation-iteration-count: infinite;
|
||||
// }
|
||||
//
|
||||
// @keyframes gear-pulse {
|
||||
// from {
|
||||
// transform: scale3d(1, 1, 1);
|
||||
// }
|
||||
//
|
||||
// 50% {
|
||||
// transform: scale3d(1.2, 1.2, 1.2);
|
||||
// }
|
||||
//
|
||||
// to {
|
||||
// transform: scale3d(1, 1, 1);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// @include media-breakpoint-down(sm) {
|
||||
// .toggle-settings {
|
||||
// display: none;
|
||||
// }
|
||||
// }
|
||||
//}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue