hazard scroll working, needs styling #92

This commit is contained in:
Matt Walsh
2025-06-01 23:24:24 -05:00
parent 69c050eb8f
commit 46da573715
7 changed files with 61 additions and 8 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -4,6 +4,7 @@
.weather-display .main.hazards {
&.main {
overflow-y: hidden;
height: 480px;
.hazard-lines {
min-height: 400px;
@@ -18,9 +19,10 @@
@include u.text-shadow(0px);
position: relative;
text-transform: uppercase;
margin-top: 110px;
margin-top: 10px;
margin-left: 80px;
margin-right: 80px;
padding-bottom: 10px;
}
}
}

View File

@@ -113,15 +113,20 @@
.scroll {
@include u.text-shadow(3px, 1.5px);
width: calc(640px - 2 * 30px);
width: 640px;
height: 70px;
overflow: hidden;
margin-top: 10px;
&.hazard {
background-color: rgb(112, 35, 35);
}
.fixed {
font-family: 'Star4000';
font-size: 24pt;
margin-left: 55px;
margin-right: 55px;
overflow: hidden;
.scroll-area {
@@ -132,5 +137,6 @@
// left: calc((elem width) - 640px);
}
}
}
}