ws4kp-linhanced/server/styles/scss/_travel.scss

95 lines
1.4 KiB
SCSS
Raw Normal View History

@use 'shared/_colors' as c;
@use 'shared/_utils' as u;
2022-09-23 15:12:10 -05:00
.weather-display .main.travel {
&.main {
overflow-y: hidden;
.column-headers {
background-color: c.$column-header;
height: 20px;
position: sticky;
top: 0px;
width: 100%;
2022-09-23 15:12:10 -05:00
z-index: 5;
overflow: hidden; // prevent thin gaps between header and content
2022-09-23 15:12:10 -05:00
div {
display: inline-block;
font-family: 'Star4000 Small';
font-size: 24pt;
color: c.$column-header-text;
position: absolute;
top: -14px;
z-index: 5;
@include u.text-shadow();
}
.temp {
width: 50px;
text-align: center;
&.low {
left: 455px;
}
&.high {
left: 510px;
width: 60px;
}
}
}
.travel-lines {
min-height: 338px;
padding-top: 10px;
background: #0b0b39;
2022-09-23 15:12:10 -05:00
.travel-row {
font-family: 'Star4000 Large';
font-size: 24pt;
height: 72px;
color: c.$title-color;
@include u.text-shadow();
position: relative;
>div {
position: absolute;
white-space: pre;
top: 8px;
}
.city {
left: 80px;
}
.icon {
left: 330px;
width: 70px;
text-align: center;
top: unset;
img {
max-width: 47px;
}
}
.temp {
width: 50px;
text-align: center;
&.low {
left: 455px;
}
&.high {
left: 510px;
width: 60px;
}
}
}
}
}
}