Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-19 00:40:12 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: update to 8 - comment out mixins

Browse source
This commit is contained in:
nixa 2019-05-29 14:59:34 +03:00
parent fcb65af61f
commit 66261961cb
17 changed files with 753 additions and 722 deletions
Download patch file Download diff file Expand all files Collapse all files

236
src/app/@theme/components/toggle-settings-button/toggle-settings-button.component.scss
View file

@ -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;
// }
// }
//}