gnezim/flights_web_raw
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: correct SCSS relative import depths for nested components

Browse Source 
- Fixed all component SCSS files using single '../' to use '../../' to properly reach root styles directory
- Replaced incorrect './src/styles/' absolute-style paths with proper relative paths
- Fixed page directory imports with incorrect depth (../../../pages to ../../)
- All files in src/styles/components/* now use '../../' to reach framework, colors, variables, etc
- All files in src/styles/pages/* now use correct relative depth to reach sibling directories
- 86 SCSS files corrected
This commit is contained in:
gnezim
2026-04-05 23:00:38 +03:00
parent c4b02ccb6b
commit 64c919afa0
86 changed files with 259 additions and 259 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/react/src/styles/components/modules-components/captioned-time-group.component.scss
+3 -3
View File
@@ -1,6 +1,6 @@
@use '../colors' as *;
@use '../fonts' as *;
@use '../screen' as *;
@use '../../colors' as *;
@use '../../fonts' as *;
@use '../../screen' as *;
:host {
// prevents component from growing in height due to font-size inheritance
apps/react/src/styles/components/modules-components/day-change-square-legacy.component.scss
+1 -1
View File
@@ -1,4 +1,4 @@
@use './src/styles/framework' as *;
@use '../../framework' as *;
.day-change-square-legacy {
border: 1px solid $blue-icon;
apps/react/src/styles/components/modules-components/day-change-square.component.scss
+2 -2
View File
@@ -1,5 +1,5 @@
@use '../colors' as *;
@use '../fonts' as *;
@use '../../colors' as *;
@use '../../fonts' as *;
.day-change-square {
box-sizing: border-box;
apps/react/src/styles/components/modules-components/details-header-badge.component.scss
+5 -5
View File
@@ -1,8 +1,8 @@
@use './src/styles/layouts' as *;
@use './src/styles/colors' as *;
@use './src/styles/variables' as *;
@use './src/styles/fonts' as *;
@use './src/styles/screen' as *;
@use '../../layouts' as *;
@use '../../colors' as *;
@use '../../variables' as *;
@use '../../fonts' as *;
@use '../../screen' as *;
:host {
@include v-spacing($space-m);
apps/react/src/styles/components/modules-components/details-header-badges.component.scss
+5 -5
View File
@@ -1,8 +1,8 @@
@use './src/styles/layouts' as *;
@use './src/styles/colors' as *;
@use './src/styles/variables' as *;
@use './src/styles/fonts' as *;
@use './src/styles/screen' as *;
@use '../../layouts' as *;
@use '../../colors' as *;
@use '../../variables' as *;
@use '../../fonts' as *;
@use '../../screen' as *;
:host {
display: flex;
apps/react/src/styles/components/modules-components/duration.component.scss
+1 -1
View File
@@ -1,4 +1,4 @@
@use './src/styles/framework' as *;
@use '../../framework' as *;
.duration {
@include font-overflow;
apps/react/src/styles/components/modules-components/flight-actions.component.scss
+3 -3
View File
@@ -1,6 +1,6 @@
@use './src/styles/layouts' as *;
@use './src/styles/variables' as *;
@use './src/styles/screen' as *;
@use '../../layouts' as *;
@use '../../variables' as *;
@use '../../screen' as *;
@mixin main-buttons() {
buy-ticket-button,
apps/react/src/styles/components/modules-components/flight-brief.component.scss
+4 -4
View File
@@ -1,7 +1,7 @@
@use './src/styles/variables' as *;
@use './src/styles/colors' as *;
@use './src/styles/layouts' as *;
@use './src/styles/fonts' as *;
@use '../../variables' as *;
@use '../../colors' as *;
@use '../../layouts' as *;
@use '../../fonts' as *;
:host {
display: block;
apps/react/src/styles/components/modules-components/flight-details-section.component.scss
+1 -1
View File
@@ -1,4 +1,4 @@
@use './src/styles/framework' as *;
@use '../../framework' as *;
.flight-details-section {
display: flex;
apps/react/src/styles/components/modules-components/flight-events.component.scss
+1 -1
View File
@@ -1,4 +1,4 @@
@use './src/styles/framework' as *;
@use '../../framework' as *;
@mixin column-layout() {
flex-direction: column;
apps/react/src/styles/components/modules-components/flight-props.component.scss
+5 -5
View File
@@ -1,8 +1,8 @@
@use './src/styles/variables' as *;
@use './src/styles/screen' as *;
@use './src/styles/colors' as *;
@use './src/styles/fonts' as *;
@use './src/styles/layouts' as *;
@use '../../variables' as *;
@use '../../screen' as *;
@use '../../colors' as *;
@use '../../fonts' as *;
@use '../../layouts' as *;
.flight-props {
display: flex;
apps/react/src/styles/components/modules-components/flight-status-button.component.scss
+1 -1
View File
@@ -1,4 +1,4 @@
@use './src/styles/colors' as *;
@use '../../colors' as *;
:host {
display: flex;
apps/react/src/styles/components/modules-components/last-update.component.scss
+1 -1
View File
@@ -1,4 +1,4 @@
@use './src/styles/screen';
@use '../../screen';
:host {
display: flex;
apps/react/src/styles/components/modules-components/operator-logo-and-model.component.scss
+3 -3
View File
@@ -1,6 +1,6 @@
@use './src/styles/variables' as *;
@use './src/styles/layouts' as *;
@use './src/styles/screen' as *;
@use '../../variables' as *;
@use '../../layouts' as *;
@use '../../screen' as *;
operator-logo-and-model {
display: flex;
apps/react/src/styles/components/modules-components/operator-logo.component.scss
+3 -3
View File
@@ -1,6 +1,6 @@
@use './src/styles/variables' as *;
@use './src/styles/layouts' as *;
@use './src/styles/screen' as *;
@use '../../variables' as *;
@use '../../layouts' as *;
@use '../../screen' as *;
operator-logo {
display: block;
apps/react/src/styles/components/modules-components/page-empty-list.component.scss
+1 -1
View File
@@ -1,4 +1,4 @@
@use '../framework' as *;
@use '../../framework' as *;
.page-empty {
padding: 50px 40px 50px 124px;
apps/react/src/styles/components/modules-components/partners-redirect-note.component.scss
+3 -3
View File
@@ -1,6 +1,6 @@
@use './src/styles/colors' as *;
@use './src/styles/variables' as *;
@use './src/styles/fonts' as *;
@use '../../colors' as *;
@use '../../variables' as *;
@use '../../fonts' as *;
:host {
apps/react/src/styles/components/modules-components/property.component.scss
+1 -1
View File
@@ -1,4 +1,4 @@
@use './src/styles/layouts' as *;
@use '../../layouts' as *;
:host {
display: block;
apps/react/src/styles/components/modules-components/section-number.component.scss
+3 -3
View File
@@ -1,6 +1,6 @@
@use './src/styles/colors' as *;
@use './src/styles/fonts' as *;
@use './src/styles/variables' as *;
@use '../../colors' as *;
@use '../../fonts' as *;
@use '../../variables' as *;
.section-number {
display: flex;
apps/react/src/styles/components/modules-components/share-button.component.scss
+1 -1
View File
@@ -1,4 +1,4 @@
@use '../framework' as *;
@use '../../framework' as *;
// Double class to increase style specificity.
// Otherwise will be overwritten by .transparent
apps/react/src/styles/components/modules-components/station-change.component.scss
+5 -5
View File
@@ -1,8 +1,8 @@
@use './src/styles/colors' as *;
@use './src/styles/fonts' as *;
@use './src/styles/variables' as *;
@use './src/styles/screen' as *;
@use './src/styles/layouts' as *;
@use '../../colors' as *;
@use '../../fonts' as *;
@use '../../variables' as *;
@use '../../screen' as *;
@use '../../layouts' as *;
:host {
overflow: hidden;
apps/react/src/styles/components/modules-components/station.component.scss
+1 -1
View File
@@ -1,4 +1,4 @@
@use '../screen';
@use '../../screen';
:host {
font-size: 0;
apps/react/src/styles/components/modules-components/terminal-link.component.scss
+1 -1
View File
@@ -1,4 +1,4 @@
@use './src/styles/framework' as *;
@use '../../framework' as *;
terminal-link {
overflow: hidden;
apps/react/src/styles/components/modules-components/time-group-legacy.component.scss
+1 -1
View File
@@ -1,4 +1,4 @@
@use './src/styles/framework' as *;
@use '../../framework' as *;
@use 'sass:math';
time-group-legacy {
apps/react/src/styles/components/modules-components/time-group-positioning.component.scss
+2 -2
View File
@@ -1,5 +1,5 @@
@use '../screen' as *;
@use '../variables' as *;
@use '../../screen' as *;
@use '../../variables' as *;
@mixin right-to-left() {
apps/react/src/styles/components/modules-components/time-group-sizes.component.scss
+1 -1
View File
@@ -1,4 +1,4 @@
@use '../fonts' as *;
@use '../../fonts' as *;
.time-group--medium {
.time-group__day-change {
apps/react/src/styles/components/modules-components/time-group.component.scss
+3 -3
View File
@@ -1,6 +1,6 @@
@use '../fonts' as *;
@use '../colors' as *;
@use '../variables' as *;
@use '../../fonts' as *;
@use '../../colors' as *;
@use '../../variables' as *;
:host {
display: flex;
apps/react/src/styles/components/modules-components/timeline.component.scss
+4 -4
View File
@@ -1,7 +1,7 @@
@use './src/styles/colors' as *;
@use './src/styles/fonts' as *;
@use './src/styles/variables' as *;
@use './src/styles/layouts' as *;
@use '../../colors' as *;
@use '../../fonts' as *;
@use '../../variables' as *;
@use '../../layouts' as *;
:host {
display: flex;
apps/react/src/styles/components/modules-components/transfer-inline-extended.component.scss
+5 -5
View File
@@ -1,8 +1,8 @@
@use '../colors' as *;
@use './src/styles/variables' as *;
@use './src/styles/fonts' as *;
@use './src/styles/screen' as *;
@use './src/styles/layouts' as *;
@use '../../colors' as *;
@use '../../variables' as *;
@use '../../fonts' as *;
@use '../../screen' as *;
@use '../../layouts' as *;
:host {
background-color: $white;
apps/react/src/styles/components/modules-components/transfer-inline.component.scss
+5 -5
View File
@@ -1,9 +1,9 @@
@use 'sass:math';
@use './src/styles/colors' as *;
@use './src/styles/variables' as *;
@use './src/styles/fonts' as *;
@use './src/styles/screen' as *;
@use './src/styles/layouts' as *;
@use '../../colors' as *;
@use '../../variables' as *;
@use '../../fonts' as *;
@use '../../screen' as *;
@use '../../layouts' as *;
:host {
padding: 0 !important;
apps/react/src/styles/components/modules-components/transfer-section.component.scss
+5 -5
View File
@@ -1,9 +1,9 @@
@use 'sass:math';
@use './src/styles/colors' as *;
@use './src/styles/variables' as *;
@use './src/styles/fonts' as *;
@use './src/styles/screen' as *;
@use './src/styles/layouts' as *;
@use '../../colors' as *;
@use '../../variables' as *;
@use '../../fonts' as *;
@use '../../screen' as *;
@use '../../layouts' as *;
:host {
@include font-small();
apps/react/src/styles/components/modules-components/warning-ifly-carrier-small.component.scss
+1 -1
View File
@@ -1,4 +1,4 @@
@use './src/styles/variables' as *;
@use '../../variables' as *;
:host{
display: block;
apps/react/src/styles/components/modules-pages/board-details-header.component.scss
+5 -5
View File
@@ -1,8 +1,8 @@
@use './src/styles/colors' as *;
@use './src/styles/variables' as *;
@use './src/styles/fonts' as *;
@use './src/styles/layouts' as *;
@use './src/styles/screen' as *;
@use '../../colors' as *;
@use '../../variables' as *;
@use '../../fonts' as *;
@use '../../layouts' as *;
@use '../../screen' as *;
:host {
display: grid;
grid-template: auto auto / auto auto;
apps/react/src/styles/components/modules-pages/board-flight-body.component.scss
+3 -3
View File
@@ -1,6 +1,6 @@
@use './src/styles/screen' as *;
@use './src/styles/variables' as *;
@use './src/styles/colors' as *;
@use '../../screen' as *;
@use '../../variables' as *;
@use '../../colors' as *;
:host {
--property-column-width: 100px;
apps/react/src/styles/components/modules-pages/board-flight-bottom.component.scss
+1 -1
View File
@@ -1,4 +1,4 @@
@use './src/styles/variables' as *;
@use '../../variables' as *;
:host {
display: block;
apps/react/src/styles/components/modules-pages/board-flight-header.component.mobile.scss
+5 -5
View File
@@ -1,8 +1,8 @@
@use './src/styles/variables' as *;
@use './src/styles/colors' as *;
@use './src/styles/fonts' as *;
@use './src/styles/screen' as *;
@use './src/styles/layouts' as *;
@use '../../variables' as *;
@use '../../colors' as *;
@use '../../fonts' as *;
@use '../../screen' as *;
@use '../../layouts' as *;
:host {
@include mobile() {
apps/react/src/styles/components/modules-pages/board-flight-header.component.scss
+5 -5
View File
@@ -1,8 +1,8 @@
@use './src/styles/variables' as *;
@use './src/styles/colors' as *;
@use './src/styles/fonts' as *;
@use './src/styles/screen' as *;
@use './src/styles/layouts' as *;
@use '../../variables' as *;
@use '../../colors' as *;
@use '../../fonts' as *;
@use '../../screen' as *;
@use '../../layouts' as *;
:host {
position: relative;
apps/react/src/styles/components/modules-pages/board-flight-header.component.tablets.scss
+5 -5
View File
@@ -1,8 +1,8 @@
@use './src/styles/variables' as *;
@use './src/styles/colors' as *;
@use './src/styles/fonts' as *;
@use './src/styles/screen' as *;
@use './src/styles/layouts' as *;
@use '../../variables' as *;
@use '../../colors' as *;
@use '../../fonts' as *;
@use '../../screen' as *;
@use '../../layouts' as *;
:host {
@include tablets {
apps/react/src/styles/components/modules-pages/board-multi-flight-body.component.scss
+2 -2
View File
@@ -1,5 +1,5 @@
@use './src/styles/variables' as *;
@use './src/styles/colors' as *;
@use '../../variables' as *;
@use '../../colors' as *;
:host {
::ng-deep .code-sharing__description {
apps/react/src/styles/components/modules-pages/code-sharing.component.scss
+5 -5
View File
@@ -1,8 +1,8 @@
@use './src/styles/colors' as *;
@use './src/styles/variables' as *;
@use './src/styles/fonts' as *;
@use './src/styles/screen' as *;
@use './src/styles/layouts' as *;
@use '../../colors' as *;
@use '../../variables' as *;
@use '../../fonts' as *;
@use '../../screen' as *;
@use '../../layouts' as *;
:host {
display: flex;
apps/react/src/styles/components/modules-pages/connecting-flight-body.component.scss
+1 -1
View File
@@ -1,4 +1,4 @@
@use './src/styles/variables' as *;
@use '../../variables' as *;
:host {
flight-details-body-actions {
apps/react/src/styles/components/modules-pages/error-page.component.scss
+4 -4
View File
@@ -1,7 +1,7 @@
@use './src/styles/screen' as *;
@use './src/styles/colors' as *;
@use './src/styles/variables' as *;
@use './src/styles/layouts' as *;
@use '../../screen' as *;
@use '../../colors' as *;
@use '../../variables' as *;
@use '../../layouts' as *;
:host {
display: block;
apps/react/src/styles/components/modules-pages/flight-board-details.component.mobile.scss
+5 -5
View File
@@ -1,8 +1,8 @@
@use './src/styles/colors' as *;
@use './src/styles/variables' as *;
@use './src/styles/fonts' as *;
@use './src/styles/screen' as *;
@use './src/styles/layouts' as *;
@use '../../colors' as *;
@use '../../variables' as *;
@use '../../fonts' as *;
@use '../../screen' as *;
@use '../../layouts' as *;
:host {
@include mobile() {
apps/react/src/styles/components/modules-pages/flight-board-details.component.scss
+6 -6
View File
@@ -1,9 +1,9 @@
@use './src/styles/colors' as *;
@use './src/styles/variables' as *;
@use './src/styles/fonts' as *;
@use './src/styles/screen' as *;
@use './src/styles/layouts' as *;
@use './src/styles/screen' as *;
@use '../../colors' as *;
@use '../../variables' as *;
@use '../../fonts' as *;
@use '../../screen' as *;
@use '../../layouts' as *;
@use '../../screen' as *;
:host {
background: $white;
apps/react/src/styles/components/modules-pages/flight-body-part-header.component.mobile.scss
+5 -5
View File
@@ -1,8 +1,8 @@
@use './src/styles/layouts' as *;
@use './src/styles/variables' as *;
@use './src/styles/colors' as *;
@use './src/styles/fonts' as *;
@use './src/styles/screen' as *;
@use '../../layouts' as *;
@use '../../variables' as *;
@use '../../colors' as *;
@use '../../fonts' as *;
@use '../../screen' as *;
:host {
@include mobile() {
apps/react/src/styles/components/modules-pages/flight-body-part-header.component.scss
+5 -5
View File
@@ -1,8 +1,8 @@
@use './src/styles/layouts' as *;
@use './src/styles/variables' as *;
@use './src/styles/colors' as *;
@use './src/styles/fonts' as *;
@use './src/styles/screen' as *;
@use '../../layouts' as *;
@use '../../variables' as *;
@use '../../colors' as *;
@use '../../fonts' as *;
@use '../../screen' as *;
:host {
display: block;
apps/react/src/styles/components/modules-pages/flight-body-part-header.component.tablets.scss
+5 -5
View File
@@ -1,8 +1,8 @@
@use './src/styles/layouts' as *;
@use './src/styles/variables' as *;
@use './src/styles/colors' as *;
@use './src/styles/fonts' as *;
@use './src/styles/screen' as *;
@use '../../layouts' as *;
@use '../../variables' as *;
@use '../../colors' as *;
@use '../../fonts' as *;
@use '../../screen' as *;
:host {
@include tablets() {
apps/react/src/styles/components/modules-pages/flight-details-airplane.component.scss
+1 -1
View File
@@ -1,4 +1,4 @@
@use './src/styles/screen' as *;
@use '../../screen' as *;
:host {
@include mobile() {
property {
apps/react/src/styles/components/modules-pages/flight-details-body-actions.component.scss
+1 -1
View File
@@ -1,4 +1,4 @@
@use './src/styles/variables' as *;
@use '../../variables' as *;
:host {
flight-actions {
apps/react/src/styles/components/modules-pages/flight-details-full-route.component.scss
+2 -2
View File
@@ -1,5 +1,5 @@
@use '../fonts';
@use '../screen';
@use '../../fonts';
@use '../../screen';
:host {
font-size: fonts.$font-size-xl2;
apps/react/src/styles/components/modules-pages/flight-details-meal.component.scss
+5 -5
View File
@@ -1,8 +1,8 @@
@use './src/styles/_variables' as *;
@use './src/styles/_layouts' as *;
@use './src/styles/_fonts' as *;
@use './src/styles/_colors' as *;
@use './src/styles/_screen' as *;
@use '../../_variables' as *;
@use '../../_layouts' as *;
@use '../../_fonts' as *;
@use '../../_colors' as *;
@use '../../_screen' as *;
.flight-meal {
::ng-deep .flight-details-section__content {
apps/react/src/styles/components/modules-pages/flight-details-registration.component.scss
+3 -3
View File
@@ -1,6 +1,6 @@
@use './src/styles/colors' as *;
@use './src/styles/fonts' as *;
@use './src/styles/variables' as *;
@use '../../colors' as *;
@use '../../fonts' as *;
@use '../../variables' as *;
:host {
apps/react/src/styles/components/modules-pages/flight-details-row-boarding.component.scss
+4 -4
View File
@@ -1,7 +1,7 @@
@use '../fonts';
@use '../screen';
@use '../colors';
@use '../variables' as vars;
@use '../../fonts';
@use '../../screen';
@use '../../colors';
@use '../../variables' as vars;
:host {
display: block;
apps/react/src/styles/components/modules-pages/flight-details-row-disembarkation.component.scss
+3 -3
View File
@@ -1,6 +1,6 @@
@use './src/styles/variables' as vars;
@use './src/styles/fonts' as *;
@use './src/styles/colors' as *;
@use '../../variables' as vars;
@use '../../fonts' as *;
@use '../../colors' as *;
:host {
font-weight: $font-regular;
apps/react/src/styles/components/modules-pages/flight-details-row-part-header.component.mobile.scss
+5 -5
View File
@@ -1,8 +1,8 @@
@use './src/styles/layouts' as *;
@use './src/styles/variables' as *;
@use './src/styles/colors' as *;
@use './src/styles/fonts' as *;
@use './src/styles/screen' as *;
@use '../../layouts' as *;
@use '../../variables' as *;
@use '../../colors' as *;
@use '../../fonts' as *;
@use '../../screen' as *;
:host {
display: block;
apps/react/src/styles/components/modules-pages/flight-details-row-part-header.component.scss
+5 -5
View File
@@ -1,8 +1,8 @@
@use './src/styles/layouts' as *;
@use './src/styles/variables' as *;
@use './src/styles/colors' as *;
@use './src/styles/fonts' as *;
@use './src/styles/screen' as *;
@use '../../layouts' as *;
@use '../../variables' as *;
@use '../../colors' as *;
@use '../../fonts' as *;
@use '../../screen' as *;
:host {
display: block;
apps/react/src/styles/components/modules-pages/flight-details-row-part-header.component.tablets.scss
+5 -5
View File
@@ -1,8 +1,8 @@
@use './src/styles/layouts' as *;
@use './src/styles/variables' as *;
@use './src/styles/colors' as *;
@use './src/styles/fonts' as *;
@use './src/styles/screen' as *;
@use '../../layouts' as *;
@use '../../variables' as *;
@use '../../colors' as *;
@use '../../fonts' as *;
@use '../../screen' as *;
:host {
apps/react/src/styles/components/modules-pages/flight-details-row-time.component.mobile.scss
+1 -1
View File
@@ -1,4 +1,4 @@
@use './src/styles/framework' as *;
@use '../../framework' as *;
:host {
@include mobile() {
apps/react/src/styles/components/modules-pages/flight-details-row-time.component.scss
+4 -4
View File
@@ -1,7 +1,7 @@
@use './src/styles/variables' as *;
@use './src/styles/fonts' as *;
@use './src/styles/screen' as *;
@use './src/styles/colors' as *;
@use '../../variables' as *;
@use '../../fonts' as *;
@use '../../screen' as *;
@use '../../colors' as *;
:host {
display: grid;
gap: 15px;
apps/react/src/styles/components/modules-pages/flight-details-services.component.scss
+3 -3
View File
@@ -1,6 +1,6 @@
@use './src/styles/variables' as *;
@use './src/styles/layouts' as *;
@use './src/styles/screen' as *;
@use '../../variables' as *;
@use '../../layouts' as *;
@use '../../screen' as *;
:host {
::ng-deep .flight-details-section__content {
apps/react/src/styles/components/modules-pages/flight-details-wrapper.component.scss
+3 -3
View File
@@ -1,6 +1,6 @@
@use './src/styles/fonts' as *;
@use './src/styles/colors' as *;
@use './src/styles/screen' as *;
@use '../../fonts' as *;
@use '../../colors' as *;
@use '../../screen' as *;
:host {
//details-accordion__header is used in many places;
apps/react/src/styles/components/modules-pages/flight-schedule-details.component.mobile.scss
+5 -5
View File
@@ -1,8 +1,8 @@
@use './src/styles/colors' as *;
@use './src/styles/variables' as *;
@use './src/styles/fonts' as *;
@use './src/styles/screen' as *;
@use './src/styles/layouts' as *;
@use '../../colors' as *;
@use '../../variables' as *;
@use '../../fonts' as *;
@use '../../screen' as *;
@use '../../layouts' as *;
:host {
@include mobile() {
apps/react/src/styles/components/modules-pages/flight-schedule-details.component.scss
+5 -5
View File
@@ -1,8 +1,8 @@
@use './src/styles/colors' as *;
@use './src/styles/variables' as *;
@use './src/styles/fonts' as *;
@use './src/styles/screen' as *;
@use './src/styles/layouts' as *;
@use '../../colors' as *;
@use '../../variables' as *;
@use '../../fonts' as *;
@use '../../screen' as *;
@use '../../layouts' as *;
:host {
background: $white;
apps/react/src/styles/components/modules-pages/flight-schedule.component.scss
+5 -5
View File
@@ -1,8 +1,8 @@
@use './src/styles/colors' as *;
@use './src/styles/variables' as *;
@use './src/styles/fonts' as *;
@use './src/styles/screen' as *;
@use './src/styles/layouts' as *;
@use '../../colors' as *;
@use '../../variables' as *;
@use '../../fonts' as *;
@use '../../screen' as *;
@use '../../layouts' as *;
:host {
font-size: $font-size-l;
apps/react/src/styles/components/modules-pages/flights-details-list-flight.component.scss
+1 -1
View File
@@ -1,4 +1,4 @@
@use './src/styles/framework' as *;
@use '../../framework' as *;
:host {
&.selected {
apps/react/src/styles/components/modules-pages/flights-details-list-schedule-header.component.scss
+3 -3
View File
@@ -1,6 +1,6 @@
@use '../../../../../../styles/variables.scss' as *;
@use '../../../../../../styles/colors.scss' as *;
@use '../../../../../../styles/fonts.scss' as *;
@use '../../_variables' as *;
@use '../../_colors' as *;
@use '../../_fonts' as *;
.flights-details-list-schedule-header {
display: flex;
apps/react/src/styles/components/modules-pages/route-status.component.scss
+1 -1
View File
@@ -1,4 +1,4 @@
@use './src/styles/colors' as *;
@use '../../colors' as *;
:host {
background: $white;
apps/react/src/styles/components/modules-pages/schedule-details-header.component.scss
+5 -5
View File
@@ -1,8 +1,8 @@
@use './src/styles/colors' as *;
@use './src/styles/variables' as *;
@use './src/styles/fonts' as *;
@use './src/styles/layouts' as *;
@use './src/styles/screen' as *;
@use '../../colors' as *;
@use '../../variables' as *;
@use '../../fonts' as *;
@use '../../layouts' as *;
@use '../../screen' as *;
:host {
display: flex;
apps/react/src/styles/components/modules-pages/schedule-list-flight-header.component.mobile.scss
+3 -3
View File
@@ -1,6 +1,6 @@
@use './src/styles/screen' as *;
@use './src/styles/variables' as *;
@use './src/styles/layouts' as *;
@use '../../screen' as *;
@use '../../variables' as *;
@use '../../layouts' as *;
:host {
@include mobile() {
apps/react/src/styles/components/modules-pages/schedule-list-flight-header.component.scss
+4 -4
View File
@@ -1,7 +1,7 @@
@use './src/styles/fonts' as *;
@use './src/styles/screen' as *;
@use './src/styles/variables' as *;
@use './src/styles/layouts' as *;
@use '../../fonts' as *;
@use '../../screen' as *;
@use '../../variables' as *;
@use '../../layouts' as *;
:host {
display: block;
apps/react/src/styles/components/modules-pages/schedule-list-flight-header.component.tablets.scss
+5 -5
View File
@@ -1,8 +1,8 @@
@use './src/styles/variables' as *;
@use './src/styles/colors' as *;
@use './src/styles/fonts' as *;
@use './src/styles/screen' as *;
@use './src/styles/layouts' as *;
@use '../../variables' as *;
@use '../../colors' as *;
@use '../../fonts' as *;
@use '../../screen' as *;
@use '../../layouts' as *;
:host {
@include tablets {
apps/react/src/styles/components/modules-pages/transfer.component.scss
+5 -5
View File
@@ -1,8 +1,8 @@
@use '../variables' as *;
@use '../colors' as *;
@use '../fonts' as *;
@use '../screen' as *;
@use '../layouts' as *;
@use '../../variables' as *;
@use '../../colors' as *;
@use '../../fonts' as *;
@use '../../screen' as *;
@use '../../layouts' as *;
@mixin _layout($space: $space-m) {
display: flex;
apps/react/src/styles/components/online-board/online-board-details.component.scss
+2 -2
View File
@@ -1,5 +1,5 @@
@use '../variables' as *;
@use '../screen';
@use '../../variables' as *;
@use '../../screen';
:host {
::ng-deep .flight-props-caption {
apps/react/src/styles/components/online-board/online-board-search.component.scss
+2 -2
View File
@@ -1,5 +1,5 @@
@use '../variables' as vars;
@use '../screen';
@use '../../variables' as vars;
@use '../../screen';
.board-day-selector {
@include screen.mobile {
apps/react/src/styles/components/popular-requests/request-info.component.scss
+1 -1
View File
@@ -1,4 +1,4 @@
@use '../colors';
@use '../../colors';
.request-info {
color: colors.$blue-link;
apps/react/src/styles/components/schedule/schedule-direction-switch.component.scss
+1 -1
View File
@@ -1,4 +1,4 @@
@use './src/styles/framework' as *;
@use '../../framework' as *;
.schedule-direction-switch {
display: flex;
apps/react/src/styles/components/schedule/schedule-flight-details-view.component.scss
+2 -2
View File
@@ -1,5 +1,5 @@
@use './src/styles/variables' as *;
@use './src/styles/screen';
@use '../../variables' as *;
@use '../../screen';
:host {
::ng-deep .flight-props-caption {
apps/react/src/styles/components/schedule/schedule-flights-mini-list.component.scss
+1 -1
View File
@@ -1,4 +1,4 @@
@use './src/styles/colors' as *;
@use '../../colors' as *;
:host {
& > section:last-child {
apps/react/src/styles/components/schedule/schedule-search-view.component.scss
+4 -4
View File
@@ -1,7 +1,7 @@
@use './src/styles/variables' as *;
@use './src/styles/screen' as *;
@use './src/styles/layouts' as *;
@use './src/styles/colors' as *;
@use '../../variables' as *;
@use '../../screen' as *;
@use '../../layouts' as *;
@use '../../colors' as *;
:host {
.schedule-home-page-header {
apps/react/src/styles/components/shared/feedback-button.component.scss
+1 -1
View File
@@ -1,4 +1,4 @@
@use '../framework' as *;
@use '../../framework' as *;
.feedback-button {
box-sizing: border-box;
apps/react/src/styles/components/shared/search-history-item.component.scss
+1 -1
View File
@@ -1,4 +1,4 @@
@use '../colors';
@use '../../colors';
.search-history-item {
display: flex !important;
apps/react/src/styles/components/toolkit/arrow-down-icon.component.scss
+1 -1
View File
@@ -1,4 +1,4 @@
@use '../colors' as *;
@use '../../colors' as *;
.arrow-svg {
display: flex;
apps/react/src/styles/components/toolkit/card.component.scss
+3 -3
View File
@@ -1,6 +1,6 @@
@use '../colors' as *;
@use '../variables' as *;
@use '../shadows' as *;
@use '../../colors' as *;
@use '../../variables' as *;
@use '../../shadows' as *;
.card {
background-color: $white;
apps/react/src/styles/components/toolkit/date-select.component.scss
+5 -5
View File
@@ -1,8 +1,8 @@
@use '../variables' as vars;
@use '../layouts';
@use '../mixins';
@use '../fonts';
@use '../colors';
@use '../../variables' as vars;
@use '../../layouts';
@use '../../mixins';
@use '../../fonts';
@use '../../colors';
.select {
display: flex;
apps/react/src/styles/components/toolkit/tab-button.component.scss
+2 -2
View File
@@ -1,5 +1,5 @@
@use '../mixins';
@use '../colors';
@use '../../mixins';
@use '../../colors';
.tab-button {
@include mixins.button(colors.$blue-extra-light);
apps/react/src/styles/pages/board/components/page-filters.scss
+2 -2
View File
@@ -232,5 +232,5 @@ flights-map-filter {
}
}
@import '../../../pages/adaptive/_page-filters-adaptive.scss';
@import '../../../pages/adaptive/fligjts-map-filters-adaptive.scss';
@import '../../adaptive/_page-filters-adaptive.scss';
@import '../../adaptive/fligjts-map-filters-adaptive.scss';