local forecast as html

This commit is contained in:
Matt Walsh
2022-08-04 11:07:35 -05:00
parent 332f8f8d2f
commit 3e9d7708fa
13 changed files with 133 additions and 115 deletions

View File

@@ -1,7 +1,7 @@
@use 'colors'as c;
@use 'utils'as u;
#current-weather-html.weather-display {
.weather-display .current-weather {
.main {
.col {

View File

@@ -1,7 +1,7 @@
@use 'colors'as c;
@use 'utils'as u;
#hourly-html.weather-display {
.weather-display .hourly {
.main {
overflow-y: hidden;

View File

@@ -0,0 +1,26 @@
@use 'colors'as c;
@use 'utils'as u;
.weather-display .local-forecast {
.container {
position: relative;
top: 15px;
margin: 0px 10px;
box-sizing: border-box;
height: 280px;
overflow: hidden;
}
.forecasts {
position: relative;
}
.forecast {
font-family: 'Star4000';
font-size: 24pt;
text-transform: uppercase;
@include u.text-shadow();
min-height: 280px;
line-height: 40px;
}
}

View File

@@ -7,10 +7,12 @@
overflow: hidden;
position: relative;
background-image: url(../images/BackGround1_1.png);
display: none;
/* this method is required to hide blocks so they can be measured while off screen */
height: 0px;
&.show {
display: block;
height: 480px;
}
.template {

View File

@@ -1,3 +1,4 @@
@use '_weatherdisplay';
@use '_hourly';
@use '_current-weather';
@use '_current-weather';
@use '_local-forecast';