refactor: migrate to use syntax

This commit is contained in:
Sergey Andrievskiy 2021-12-02 21:28:41 +03:00
parent 3add3ace55
commit 94baa67600
87 changed files with 141 additions and 157 deletions

View file

@ -1,6 +1,6 @@
@import '../../styles/themes';
@import '~@nebular/theme/styles/global/breakpoints';
@import '~bootstrap/scss/mixins/breakpoints';
@use '../../styles/themes' as *;
@use '@nebular/theme/styles/global/breakpoints' as *;
@import 'bootstrap/scss/mixins/breakpoints';
@include nb-install-component() {
width: 100%;

View file

@ -1,6 +1,6 @@
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints';
@import '../../styles/themes';
@use '../../styles/themes' as *;
@use '@nebular/theme/styles/global/breakpoints' as *;
@import 'bootstrap/scss/mixins/breakpoints';
@include nb-install-component() {
display: flex;

View file

@ -1,6 +1,4 @@
@import '../../styles/themes';
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints';
@use '../../styles/themes' as *;
@include nb-install-component() {
.menu-sidebar ::ng-deep .scrollable {

View file

@ -1,6 +1,6 @@
@import '../../styles/themes';
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints';
@use '../../styles/themes' as *;
@use '@nebular/theme/styles/global/breakpoints' as *;
@import 'bootstrap/scss/mixins/breakpoints';
@include nb-install-component() {
.menu-sidebar ::ng-deep .scrollable {

View file

@ -1,6 +1,4 @@
@import '../../styles/themes';
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints';
@use '../../styles/themes' as *;
@include nb-install-component() {
.menu-sidebar ::ng-deep .scrollable {

View file

@ -1,3 +1,5 @@
@use '@nebular/theme/styles/globals' as *;
@mixin ngx-layout() {
@include media-breakpoint-down(is) {
.row {

View file

@ -1,5 +1,3 @@
@import './themes';
@mixin nb-overrides() {
nb-select.size-medium button {
padding: 0.4375rem 2.2rem 0.4375rem 1.125rem !important;

View file

@ -1,22 +1,23 @@
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');
@use 'sass:meta';
// themes - our custom or/and out of the box themes
@import 'themes';
@use 'themes' as *;
// framework component themes (styles tied to theme variables)
@import '~@nebular/theme/styles/globals';
@import '~@nebular/auth/styles/globals';
@import '~bootstrap/scss/functions';
@import '~bootstrap/scss/variables';
@import '~bootstrap/scss/mixins';
@import '~bootstrap/scss/grid';
@use '@nebular/theme/styles/globals' as *;
@use '@nebular/auth/styles/globals' as *;
// loading progress bar theme
@import './pace.theme';
@use 'pace.theme' as *;
@import './layout';
@import './overrides';
@use 'layout' as *;
@use 'overrides' as *;
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');
@import 'bootstrap/scss/functions';
@import 'bootstrap/scss/variables';
@import 'bootstrap/scss/mixins';
@import 'bootstrap/scss/grid';
// install the framework and custom global styles
@include nb-install() {

View file

@ -1,7 +1,8 @@
@forward '@nebular/theme/styles/theming';
// @nebular theming framework
@import '~@nebular/theme/styles/theming';
@use '@nebular/theme/styles/theming' as *;
// @nebular out of the box themes
@import '~@nebular/theme/styles/themes';
@use '@nebular/theme/styles/themes';
$nb-themes: nb-register-theme((
layout-padding-top: 2.25rem,

View file

@ -1,4 +1,4 @@
@import '../../../@theme/styles/themes';
@use '../../../@theme/styles/themes' as *;
@include nb-install-component() {
ngx-chartjs-pie,

View file

@ -1,4 +1,4 @@
@import '../../../@theme/styles/themes';
@use '../../../@theme/styles/themes' as *;
@include nb-install-component() {
ngx-d3-bar,

View file

@ -1,4 +1,4 @@
@import '../../../@theme/styles/themes';
@use '../../../@theme/styles/themes' as *;
@include nb-install-component() {
ngx-echarts-pie,

View file

@ -1,4 +1,4 @@
@import '../../../@theme/styles/themes';
@use '../../../@theme/styles/themes' as *;
@include nb-install-component() {
nb-card {

View file

@ -1,6 +1,6 @@
@import '../../@theme/styles/themes';
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints';
@use '../../@theme/styles/themes' as *;
@use '@nebular/theme/styles/global/breakpoints' as *;
@import 'bootstrap/scss/mixins/breakpoints';
@include nb-install-component() {
.solar-card nb-card-header {

View file

@ -1,4 +1,4 @@
@import '../../../../@theme/styles/themes';
@use '../../../../@theme/styles/themes' as *;
@include nb-install-component() {

View file

@ -1,6 +1,6 @@
@import '../../../@theme/styles/themes';
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints';
@use '../../../@theme/styles/themes' as *;
@use '@nebular/theme/styles/global/breakpoints' as *;
@import 'bootstrap/scss/mixins/breakpoints';
@include nb-install-component() {

View file

@ -1,4 +1,4 @@
@import '../../../@theme/styles/themes';
@use '../../../@theme/styles/themes' as *;
@include nb-install-component() {

View file

@ -1,6 +1,6 @@
@import '../../../../@theme/styles/themes';
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints';
@use '../../../../@theme/styles/themes' as *;
@use '@nebular/theme/styles/global/breakpoints' as *;
@import 'bootstrap/scss/mixins/breakpoints';
@include nb-install-component() {
height: 100%;

View file

@ -1,4 +1,4 @@
@import '../../../../@theme/styles/themes';
@use '../../../../@theme/styles/themes' as *;
@include nb-install-component() {

View file

@ -1,6 +1,6 @@
@import '../../../@theme/styles/themes';
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints';
@use '../../../@theme/styles/themes' as *;
@use '@nebular/theme/styles/global/breakpoints' as *;
@import 'bootstrap/scss/mixins/breakpoints';
@include nb-install-component() {
ngx-room-selector {

View file

@ -1,6 +1,6 @@
@import '../../../@theme/styles/themes';
@import '~@nebular/theme/styles/global/breakpoints';
@import '~bootstrap/scss/mixins/breakpoints';
@use '../../../@theme/styles/themes' as *;
@use '@nebular/theme/styles/global/breakpoints' as *;
@import 'bootstrap/scss/mixins/breakpoints';
@include nb-install-component() {

View file

@ -1,6 +1,4 @@
@import '../../../@theme/styles/themes';
@import '~@nebular/theme/styles/global/breakpoints';
@import '~bootstrap/scss/mixins/breakpoints';
@use '../../../@theme/styles/themes' as *;
@include nb-install-component() {

View file

@ -1,4 +1,4 @@
@import '../../../@theme/styles/themes';
@use '../../../@theme/styles/themes' as *;
@include nb-install-component() {
nb-card {

View file

@ -1,4 +1,4 @@
@import '../../../../@theme/styles/themes';
@use '../../../../@theme/styles/themes' as *;
@include nb-install-component() {
position: relative;

View file

@ -1,6 +1,4 @@
@import '../../../@theme/styles/themes';
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints';
@use '../../../@theme/styles/themes' as *;
@include nb-install-component() {

View file

@ -1,4 +1,4 @@
@import '../../../@theme/styles/themes';
@use '../../../@theme/styles/themes' as *;
@include nb-install-component() {

View file

@ -1,4 +1,4 @@
@import '../../../@theme/styles/themes';
@use '../../../@theme/styles/themes' as *;
@include nb-install-component() {

View file

@ -1,6 +1,6 @@
@import '../../../../@theme/styles/themes';
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints';
@use '../../../../@theme/styles/themes' as *;
@use '@nebular/theme/styles/global/breakpoints' as *;
@import 'bootstrap/scss/mixins/breakpoints';
@include nb-install-component() {
padding: 1.5rem 4.5rem;

View file

@ -1,4 +1,4 @@
@import '../../../../@theme/styles/themes';
@use '../../../../@theme/styles/themes' as *;
@include nb-install-component() {
.summary-container {

View file

@ -1,4 +1,4 @@
@import '../../../@theme/styles/themes';
@use '../../../@theme/styles/themes' as *;
$legend-all-orders-color: #00977e;
$legend-payment-color: #6935ca;

View file

@ -1,4 +1,4 @@
@import '../../../../@theme/styles/themes';
@use '../../../../@theme/styles/themes' as *;
@include nb-install-component() {
flex: 1;

View file

@ -1,6 +1,6 @@
@import '../../../../@theme/styles/themes';
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints';
@use '../../../../@theme/styles/themes' as *;
@use '@nebular/theme/styles/global/breakpoints' as *;
@import 'bootstrap/scss/mixins/breakpoints';
@include nb-install-component() {
display: flex;

View file

@ -1,6 +1,6 @@
@import '../../../@theme/styles/themes';
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints';
@use '../../../@theme/styles/themes' as *;
@use '@nebular/theme/styles/global/breakpoints' as *;
@import 'bootstrap/scss/mixins/breakpoints';
@include nb-install-component() {

View file

@ -1,6 +1,6 @@
@import '../../../../@theme/styles/themes';
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints';
@use '../../../../@theme/styles/themes' as *;
@use '@nebular/theme/styles/global/breakpoints' as *;
@import 'bootstrap/scss/mixins/breakpoints';
@include nb-install-component() {

View file

@ -1,6 +1,6 @@
@import '../../../../@theme/styles/themes';
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints';
@use '../../../../@theme/styles/themes' as *;
@use '@nebular/theme/styles/global/breakpoints' as *;
@import 'bootstrap/scss/mixins/breakpoints';
@include nb-install-component() {
ngx-earning-pie-chart,

View file

@ -1,4 +1,4 @@
@import '../../../@theme/styles/themes';
@use '../../../@theme/styles/themes' as *;
@include nb-install-component() {
nb-card {

View file

@ -1,5 +1,4 @@
@import '../../../../@theme/styles/themes';
@import '~@nebular/theme/styles/global/typography/typography';
@use '../../../../@theme/styles/themes' as *;
@include nb-install-component() {
display: flex;

View file

@ -1,6 +1,4 @@
@import '../../../@theme/styles/themes';
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints';
@use '../../../@theme/styles/themes' as *;
@include nb-install-component() {
display: flex;

View file

@ -1,4 +1,4 @@
@import '../../../../@theme/styles/themes';
@use '../../../../@theme/styles/themes' as *;
@include nb-install-component() {
display: flex;

View file

@ -1,4 +1,4 @@
@import '../../../../@theme/styles/themes';
@use '../../../../@theme/styles/themes' as *;
@include nb-install-component() {
display: flex;

View file

@ -1,4 +1,4 @@
@import '../../../@theme/styles/themes';
@use '../../../@theme/styles/themes' as *;
@include nb-install-component() {
.flip-icon {

View file

@ -1,4 +1,4 @@
@import '../../../@theme/styles/themes';
@use '../../../@theme/styles/themes' as *;
$shadow-green: #00977e;

View file

@ -1,6 +1,6 @@
@import '../../../@theme/styles/themes';
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints';
@use '../../../@theme/styles/themes' as *;
@use '@nebular/theme/styles/global/breakpoints' as *;
@import 'bootstrap/scss/mixins/breakpoints';
@include nb-install-component() {
$slide-out-container-width: 40%;

View file

@ -1,4 +1,4 @@
@import '../../../../@theme/styles/themes';
@use '../../../../@theme/styles/themes' as *;
@include nb-install-component() {
display: flex;

View file

@ -1,4 +1,4 @@
@import '../../../../../@theme/styles/themes';
@use '../../../../../@theme/styles/themes' as *;
@include nb-install-component() {
display: flex;

View file

@ -1,6 +1,6 @@
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints';
@import '../../../../@theme/styles/themes';
@use '../../../../@theme/styles/themes' as *;
@use '@nebular/theme/styles/global/breakpoints' as *;
@import 'bootstrap/scss/mixins/breakpoints';
@include nb-install-component() {
overflow: auto;

View file

@ -1,4 +1,4 @@
@import '../../../../@theme/styles/themes';
@use '../../../../@theme/styles/themes' as *;
@include nb-install-component() {
nb-card-header {

View file

@ -1,4 +1,4 @@
@import '../../../@theme/styles/themes';
@use '../../../@theme/styles/themes' as *;
@include nb-install-component() {
.toggle-icon {

View file

@ -1,4 +1,4 @@
@import '../../../@theme/styles/themes';
@use '../../../@theme/styles/themes' as *;
@include nb-install-component() {
nb-card-header {

View file

@ -1,4 +1,4 @@
@import '../../../../@theme/styles/themes';
@use '../../../../@theme/styles/themes' as *;
@include nb-install-component() {
display: block;

View file

@ -1,6 +1,6 @@
@import '../../../@theme/styles/themes';
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints';
@use '../../../@theme/styles/themes' as *;
@use '@nebular/theme/styles/global/breakpoints' as *;
@import 'bootstrap/scss/mixins/breakpoints';
@include nb-install-component() {
position: relative;

View file

@ -1,4 +1,4 @@
@import '../../../../@theme/styles/themes';
@use '../../../../@theme/styles/themes' as *;
@include nb-install-component() {

View file

@ -1,4 +1,4 @@
@import '../../../@theme/styles/themes';
@use '../../../@theme/styles/themes' as *;
@include nb-install-component() {
nb-card-header {

View file

@ -1,4 +1,4 @@
@import '../../../../@theme/styles/themes';
@use '../../../../@theme/styles/themes' as *;
@include nb-install-component() {
padding: 1rem;

View file

@ -1,6 +1,6 @@
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints';
@import '../../../@theme/styles/themes';
@use '../../../@theme/styles/themes' as *;
@use '@nebular/theme/styles/global/breakpoints' as *;
@import 'bootstrap/scss/mixins/breakpoints';
@include nb-install-component() {
.calendars {

View file

@ -1,4 +1,4 @@
@import '../../../../@theme/styles/themes';
@use '../../../../@theme/styles/themes' as *;
@include nb-install-component() {
text-align: center;

View file

@ -1,7 +1,6 @@
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints';
@import '../../../@theme/styles/themes';
@use '../../../@theme/styles/themes' as *;
@use '@nebular/theme/styles/global/breakpoints' as *;
@import 'bootstrap/scss/mixins/breakpoints';
@include nb-install-component() {
::ng-deep nb-layout-column {

View file

@ -1,4 +1,4 @@
@import '../../../@theme/styles/themes';
@use '../../../@theme/styles/themes' as *;
@include nb-install-component() {
.inputs-group-margin-bottom {

View file

@ -1,4 +1,4 @@
@import '../../../../@theme/styles/themes';
@use '../../../../@theme/styles/themes' as *;
@include nb-install-component() {
nb-select {

View file

@ -1,4 +1,4 @@
@import '../../../../@theme/styles/themes';
@use '../../../../@theme/styles/themes' as *;
@include nb-install-component() {
.container {

View file

@ -1,4 +1,4 @@
@import '../../../@theme/styles/themes';
@use '../../../@theme/styles/themes' as *;
@include nb-install-component() {
nb-progress-bar ~ nb-progress-bar {

View file

@ -1,4 +1,4 @@
@import '../../../../@theme/styles/themes';
@use '../../../../@theme/styles/themes' as *;
@include nb-install-component() {
button {

View file

@ -1,4 +1,4 @@
@import '../../../../@theme/styles/themes';
@use '../../../../@theme/styles/themes' as *;
@include nb-install-component() {
nb-tab {

View file

@ -1,4 +1,4 @@
@import '../../../@theme/styles/themes';
@use '../../../@theme/styles/themes' as *;
@include nb-install-component() {
button {

View file

@ -1,4 +1,4 @@
@import '../../../@theme/styles/themes';
@use '../../../@theme/styles/themes' as *;
@include nb-install-component() {
.buttons-row {

View file

@ -1,4 +1,4 @@
@import '../../../@theme/styles/themes';
@use '../../../@theme/styles/themes' as *;
@include nb-install-component() {
nb-card-body {

View file

@ -1,4 +1,4 @@
@import '../../../@theme/styles/themes';
@use '../../../@theme/styles/themes' as *;
@include nb-install-component() {
.accordion-container:first-child {

View file

@ -1,4 +1,4 @@
@import '../../../../@theme/styles/themes';
@use '../../../../@theme/styles/themes' as *;
:host {
display: block;

View file

@ -1,4 +1,4 @@
@import '../../../@theme/styles/themes';
@use '../../../@theme/styles/themes' as *;
@include nb-install-component() {
.list-card {

View file

@ -1,4 +1,4 @@
@import '../../../@theme/styles/themes';
@use '../../../@theme/styles/themes' as *;
@include nb-install-component() {

View file

@ -1,4 +1,4 @@
@import '../../../@theme/styles/themes';
@use '../../../@theme/styles/themes' as *;
@include nb-install-component() {

View file

@ -1,4 +1,4 @@
@import '../../../@theme/styles/themes';
@use '../../../@theme/styles/themes' as *;
@include nb-install-component() {

View file

@ -1,4 +1,4 @@
@import '../../../../@theme/styles/themes';
@use '../../../../@theme/styles/themes' as *;
@include nb-install-component() {

View file

@ -1,4 +1,4 @@
@import '../../../../@theme/styles/themes';
@use '../../../../@theme/styles/themes' as *;
@include nb-install-component() {
input {

View file

@ -1,7 +1,6 @@
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints';
@import '../../../@theme/styles/themes';
@use '../../../@theme/styles/themes' as *;
@use '@nebular/theme/styles/global/breakpoints' as *;
@import 'bootstrap/scss/mixins/breakpoints';
@include nb-install-component() {
nb-card-body {

View file

@ -1,4 +1,4 @@
@import '../../../../@theme/styles/themes';
@use '../../../../@theme/styles/themes' as *;
@include nb-install-component() {
nb-card {

View file

@ -1,5 +1,3 @@
@import '~@nebular/theme/styles/core/mixins';
nb-card-body {
margin: 0 -0.5rem;

View file

@ -1,6 +1,4 @@
@import '../../../@theme/styles/themes';
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints';
@use '../../../@theme/styles/themes' as *;
@include nb-install-component() {
.position-select {

View file

@ -1,4 +1,4 @@
@import '../../../@theme/styles/themes';
@use '../../../@theme/styles/themes' as *;
@include nb-install-component() {
nb-card-body {

View file

@ -1,4 +1,4 @@
@import '../../../../@theme/styles/themes';
@use '../../../../@theme/styles/themes' as *;
@include nb-install-component() {
::ng-deep .form {

View file

@ -1,7 +1,6 @@
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/breakpoints';
@import '../../../@theme/styles/themes';
@use '../../../@theme/styles/themes' as *;
@use '@nebular/theme/styles/global/breakpoints' as *;
@import 'bootstrap/scss/mixins/breakpoints';
@include nb-install-component() {
button + button {

View file

@ -1,4 +1,4 @@
@import '../@theme/styles/themes';
@use '../@theme/styles/themes' as *;
@include nb-install-component() {
::ng-deep router-outlet + * {

View file

@ -1,4 +1,4 @@
@import '../../../@theme/styles/themes';
@use '../../../@theme/styles/themes' as *;
@include nb-install-component() {
nb-card {

View file

@ -1,4 +1,4 @@
@import '../../../@theme/styles/themes';
@use '../../../@theme/styles/themes' as *;
@include nb-install-component() {
button[nbTreeGridRowToggle] {

View file

@ -1,4 +1,4 @@
@import '../../../@theme/styles/themes';
@use '../../../@theme/styles/themes' as *;
@include nb-install-component() {
.show-grid {

View file

@ -1,4 +1,4 @@
@import '../../../@theme/styles/themes';
@use '../../../@theme/styles/themes' as *;
@include nb-install-component() {
nb-card-body {

View file

@ -1,4 +1,4 @@
@import '../../../@theme/styles/themes';
@use '../../../@theme/styles/themes' as *;
@include nb-install-component() {