gnezim
9356945d93
- Create helpers directory structure - Add api-helpers.ts with authentication and API mocking functions - Add ui-helpers.ts with common UI interaction utilities - Add data-helpers.ts with test data generators - Create base.spec.ts as reusable test template - Update support/index.ts to import and expose helper modules globally
55 lines
1.1 KiB
SCSS
55 lines
1.1 KiB
SCSS
@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 *;
|
|
|
|
:host {
|
|
position: relative;
|
|
|
|
display: block;
|
|
padding: $space-xl;
|
|
@include v-spacing($space-xl);
|
|
|
|
&:hover {
|
|
.arrow-icon {
|
|
display: initial;
|
|
}
|
|
}
|
|
|
|
.arrow-icon {
|
|
position: absolute;
|
|
right: 20px;
|
|
|
|
display: none;
|
|
}
|
|
|
|
.arrow-icon--visible {
|
|
display: initial;
|
|
}
|
|
|
|
.flight {
|
|
display: grid;
|
|
grid-template: auto / [number] 80px [logo] 120px [departure-time] 100px [departure-station] minmax(45px, 145px) [status] minmax(85px, 145px) [arrival-time] 120px [arrival-station] minmax(45px, 145px) [arrow] 10px;
|
|
gap: 0 $space-l;
|
|
|
|
.flight-number {
|
|
font-size: $font-size-xl;
|
|
font-weight: $font-regular;
|
|
|
|
.status {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
.icons-row {
|
|
display: flex;
|
|
@include h-spacing($space-m);
|
|
|
|
flight-events:empty {
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
}
|