ngx-admin/src/app/@theme/components/toggle-settings-button/toggle-settings-button.component.scss

118 lines
3 KiB
SCSS

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