2017-07-12 19:33:43 +03:00
|
|
|
@import '../../../@theme/styles/variables';
|
|
|
|
|
|
|
|
|
|
@include nga-install-component() {
|
|
|
|
|
|
|
|
|
|
nga-card {
|
|
|
|
|
nga-card-body {
|
|
|
|
|
height: 100%;
|
|
|
|
|
padding: 2rem;
|
2017-07-14 14:38:25 +03:00
|
|
|
background-image: nga-theme(radial-gradient);
|
2017-07-12 19:33:43 +03:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.location {
|
|
|
|
|
font-family: nga-theme(font-secondary);
|
|
|
|
|
font-size: 3rem;
|
|
|
|
|
line-height: 3rem;
|
|
|
|
|
font-weight: nga-theme(font-weight-light);
|
|
|
|
|
color: nga-theme(color-fg-heading);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.date {
|
|
|
|
|
font-family: nga-theme(font-main);
|
|
|
|
|
font-size: 1.25rem;
|
|
|
|
|
line-height: 1.25rem;
|
|
|
|
|
font-weight: nga-theme(font-weight-light);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.daily-forecast {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
margin-top: -1.5rem;
|
|
|
|
|
|
|
|
|
|
.info {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-around;
|
|
|
|
|
|
|
|
|
|
.temperature {
|
|
|
|
|
font-size: 5rem;
|
|
|
|
|
font-weight: nga-theme(font-weight-bolder);
|
|
|
|
|
font-family: nga-theme(font-secondary);
|
|
|
|
|
color: nga-theme(color-fg-heading);
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
justify-content: center;
|
2017-07-14 14:38:25 +03:00
|
|
|
margin-top: 2rem;
|
2017-07-12 19:33:43 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.icon {
|
|
|
|
|
font-size: 10rem;
|
|
|
|
|
line-height: 10rem;
|
|
|
|
|
text-shadow: 0 3px 0 #665ebd,
|
|
|
|
|
0 4px 10px rgba(33, 7, 77, 0.5),
|
|
|
|
|
0 2px 10px #928dff;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.details {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-around;
|
|
|
|
|
|
|
|
|
|
.parameter {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
|
|
|
|
.parameter-name {
|
|
|
|
|
font-family: nga-theme(font-main);
|
|
|
|
|
font-size: 1.25rem;
|
|
|
|
|
font-weight: nga-theme(font-weight-light);
|
|
|
|
|
line-height: 2rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.parameter-value {
|
|
|
|
|
font-family: nga-theme(font-secondary);
|
|
|
|
|
color: nga-theme(color-fg-heading);
|
|
|
|
|
font-weight: nga-theme(font-weight-bolder);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.weekly-forecast {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-around;
|
|
|
|
|
margin-top: 2rem;
|
|
|
|
|
|
|
|
|
|
.day {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
|
|
|
|
.caption {
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
font-family: nga-theme(font-secondary);
|
|
|
|
|
color: nga-theme(color-fg-heading);
|
|
|
|
|
font-weight: nga-theme(font-weight-bold);
|
|
|
|
|
font-size: 1.25rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
i {
|
|
|
|
|
font-size: 2.5rem;
|
|
|
|
|
line-height: 2.5rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.temperature {
|
|
|
|
|
color: nga-theme(color-fg-heading);
|
|
|
|
|
font-family: nga-theme(font-secondary);
|
|
|
|
|
font-weight: nga-theme(font-weight-bold);
|
|
|
|
|
font-size: 1.25rem;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|