gnezim
4c2b5c4bd1
Ports variables, colors, fonts, layout, mixins, shadows, screen breakpoints, reset, icons, buttons, common, and overrides. Replaces Angular-specific constructs (::ng-deep, :host, element selectors) with React-compatible equivalents. Uses Google Fonts CDN for Roboto.
95 lines
1.3 KiB
SCSS
95 lines
1.3 KiB
SCSS
.p-accordion-header.p-highlight {
|
|
.arrow-down-icon svg {
|
|
transform: rotate(0deg) !important;
|
|
}
|
|
}
|
|
|
|
.svg--plane {
|
|
width: 19px;
|
|
height: 19px;
|
|
fill: $blue;
|
|
}
|
|
|
|
.svg--change-city {
|
|
width: 25px;
|
|
height: 12px;
|
|
fill: $blue;
|
|
|
|
transform: rotate(90deg);
|
|
}
|
|
|
|
.svg--details__body {
|
|
width: 47.488px;
|
|
min-width: 47.488px;
|
|
height: 46.928px;
|
|
}
|
|
|
|
.flight-icon {
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
background-size: 20px 20px;
|
|
}
|
|
|
|
.svg--share {
|
|
background-image: url('/assets/img/share.svg');
|
|
}
|
|
|
|
.svg--print {
|
|
background-image: url('/assets/img/print.svg');
|
|
}
|
|
|
|
.svg--pin {
|
|
background-image: url('/assets/img/pin-24.svg');
|
|
}
|
|
|
|
.svg--expand {
|
|
background-image: url('/assets/img/expand.svg');
|
|
}
|
|
|
|
svg {
|
|
&.green {
|
|
fill: $green;
|
|
}
|
|
|
|
&.red {
|
|
fill: $red;
|
|
}
|
|
|
|
&.orange {
|
|
fill: $orange;
|
|
}
|
|
|
|
&.blue {
|
|
fill: $blue;
|
|
}
|
|
}
|
|
|
|
.svg--calendar {
|
|
background-image: url('/assets/img/calendar.svg');
|
|
}
|
|
|
|
.svg--arrow {
|
|
width: 6.667px;
|
|
height: 3.333px;
|
|
}
|
|
|
|
.svg--close {
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
|
|
svg.flight-transfer {
|
|
width: 19.5px !important;
|
|
height: 6.5px !important;
|
|
}
|
|
|
|
svg.icon-return {
|
|
width: 13px;
|
|
height: 8px;
|
|
}
|
|
|
|
svg.icon-change {
|
|
width: 22px;
|
|
height: 12px;
|
|
}
|